OOUI実践のコツ | 新規サービスに導入してわかった、5つのこと｜スマートキャンプ デザインブログ
こんにちは、スマートキャンプ デザイナーの柿澤です。 現在、新規サービスのローンチに向けてデザインをしているのですが、その際にOOUI（オブジェクト指向ユーザーインターフェース）を実践する機会がありました。 OOUIの概念自体は前から知っていたのですが、業務として使ったことはなく、実際に取り組んでみると本を読むだけでは理解することのできなかったこと、実践する中で躓いたことやその際の考え方などが勉強になったので、本記事ではそれらのことについて紹介していこうと思います。 そもそもOOUIとはOOUIとはユーザーの目当てとなるオブジェクト（もの、名詞）を中心にUIを設計することで、タスク（やること、動詞）をもとに設計するよりも使いやすく開発効率の高いUIを構築することができる設計手法になります。（ざっくりですみませんw） 今回の記事では手法論は割愛させていただきますので、ご興味ある方はぜひ専門書
Atomic Design と Figma の組み合わせでデザインが便利になる｜デザインシステムの作り方｜スマートキャンプ デザインブログ
まだ開発中のサービスですが、このBiscuet（ビスケット）のデザインシステムの考え方を紹介していきます。 上記のランディングページ（LP）の作成プロセスも過去に紹介しています。気になる方はあわせてお読みください。 Figma と Atomic Design の採用デザインツールは「Figma」、考え方は「Atomic Design」を採用しました。 Atomic Designをデザインに落とし込む際、コンポーネント単位での管理がしやすいFigmaが便利だと考えました。 Figmaに関する記事には、チュートリアルやテンプレートなどの内容は多く見かけますが、実務での採用・運用を主にした記事は少ないため、スマートキャンプでの例を紹介します。 ※本記事内で紹介する画面キャプチャは開発中のものや、記事用に独自に編集したものも含まれます。 Atomic Design についてAtomic Desig
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
