The Expanse UI Design — HUDS+GUIS
Q&A with Rhys Yorke Motion graphics designer - The Expanse (Season 3 & 5)Rhys was kind enough to give up his time to share some insights around the making of The Expanse UI suite. Big thank you to Rhys and congratulations to the whole team for a great body of work over 5 seasons! What was your role on The Expanse? I worked as a motion graphics designer in the Art Department, as part of the motion
「Ameba」15年の負債を払拭するカラーパレットのメソッド | CyberAgent Developers Blog
「Ameba」は2020年に16周年を迎える長寿サービスです。 プロダクトチームはPC / SP / iOS / Androidと4種類のデバイスに対応しており、15年という歳月を経た結果、管理の追いつかない画面、レガシーなコード等に苛まれるようになってきました。 「Ameba」開発チームではそのような、過去の遺物に開発リソースを割かれる状態を「負債」と呼び、その解消のために日々戦っています。 さらに、「Ameba」には現在10名ほどのデザイナーが携わっており、それぞれが異なる施策や領域を対応していることも相まって、施策を経る毎に、「Ameba」内でGUIに関する、共通の意識や見解を持つことができなくなっていました。 この状態を打開し、「Ameba」プロダクト再興の礎を構築しようと、今年度からデザインシステムの開発をスタートしました。 今回はそのデザインシステムの中でも真っ先に取り組んだ要
Lịch Thi Đấu
⚽ BẢNG THI ĐẤU BÓNG ĐÁ QUỐC TẾ, BÓNG ĐÁ CHÂU ÂU, CHÂU Á, V-LEAGUE...⚽
Bad な UI を改善する 「UI Stack」 って知ってます？｜nr
突然ですが、「UI Stack」ってご存知ですか？ アメリカのプロダクトデザイナー Scott Hurff さんが3年ほど前に世に出した考え方で、考慮すべき UI の5つの側面を示したものです。 当時「これは使える！」と思って社内向けに作った勉強会資料を見つけて、今でもやっぱりすごく大事だと思ったので、備忘録的に書いておきます。 ちなみに元記事はこちら。（英語です） UI Stack とは？Stackとは、1つの画面が持つ（複数の）側面、状態、ステータスのようなもの。その側面ごとに最適化されたUIを設計しようするのが UI Stack の考えです。 Scottさんが紹介しているUI Stackは5つ。 ※図はScottさんのページから引用 ・Blank State（空っぽの状態） ・Loading State（ローディング状態） ・Partial State（部分達成状態） ・Error
GitHub - appbaseio/reactivesearch: Search UI components for React and Vue
ReactiveSearch is a UI components library for React and Vue, designed to work with ReactiveSearch cloud. It has over 20 UI components consisting of Lists, Ranges, Search UIs, Result displays, AI Answer, Charts, and a way to bring an existing UI component into the library. A UI component can be used for filtering or searching on the index. For example: A SingleList sensor component applies an exact
moxie, rust UI tools
repo | xplat | web | related | chat a lightweight platform-agnostic interactive runtime, written in rust, aiming to empower anyone to build efficient and robust interactive software for humans. project offers incremental caching & memoization in interactive event loops without bringing platform dependencies. the cache also holds mutable state variables whose updates wake the runtime to update the
より良い体験を共にデザインしていくために、オブジェクトベースUIデザインを学んだ話｜鈴木 健一 / PLAID & Ex.STANDARD
プレイドのデザイン・エンジニアリングチームにて、ソシオメディア上野さん、藤井さんを講師に招き、オブジェクトベースUIデザインのワークショップを実施いただきました。 内容について詳しくは触れられませんが、参加する前の課題意識と参加後の気付きを残しておきたいと思います。 なぜやったのかプレイドが提供している「KARTE」では、機能として提供していることが多岐にわたり、いわゆる「タスクベース」になっているのではと感じることが増えていました。 具体的には、画面名や操作手順、操作の起点となるナビゲーションやボタンのラベリングなどで、タスクベースとオブジェクトベースが混在しているように感じていました。 オブジェクトベースUIは、そうした状況に対し一定の秩序を与えながらも、道具としての自由度、ユーザーが学んでいくことによる創造性を発揮できる環境を設計できる可能性があるように思いました。 また、プレイドは
The Firefox UI is now built with Web Components - Brian Grinstead
The Firefox UI is now built with Web Components November 2019 A couple of weeks ago, we landed a commit that took years of effort at Mozilla. It removed “XBL”, which means we’ve completed the process of migrating the Firefox UI to Web Components. It wasn’t easy - but I’ll get to that later. The Firefox UI can be thought of as a very large single page app. It was built with DOM and JS from the star
Theme UI
UITheme UI: The Design Graph FrameworkTheme UI is a library for creating themeable user interfaces based on constraint-based design principles. Build custom component libraries, design systems, web applications, Gatsby themes, and more with a flexible API for best-in-class developer ergonomics. Documentation GitHub
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - defx/synergy: Synergy is a tiny runtime library for crafting Web Components
New Year Edition: Top UX/UI Design Trends Rushing to Us in 2021
Compose Multiplatform – Beautiful UIs Everywhere
GitHub - aws/aws-northstar: NorthStar is an open source design system with reusable React components for rapidly prototyping intuitive, meaningful and accessible user experience. It simplifies your work and ensures consistent, predictable user experience
Plasmic | Build powerful apps fast— without the limits
GitHub - schenkd/nginx-ui: Nginx UI allows you to access and modify the nginx configurations files without cli.
GitHub - microsoft/fluent-ui-react: An ecosystem for building highly customizable enterprise class user interfaces.
GitHub - linebender/druid: A data-first Rust-native UI design toolkit.
高齢者でも使えるプロダクトUIの挑戦 / Designing User Interfaces for the Elderly
https://www.widgetmaker.dev/
GitHub - muhammed/interactive-card: Credit card form with smooth and sweet micro-interactions
