マガジンのカバー画像

現場で助かるデザイン知識

23
運営しているクリエイター

#UI

Atomic Design 参考記事まとめ

Atomic Designに関して概要イメージはあるけど、もうちょっと具体的に知りたかったのでまとめました。

・具体例の画像が多くてわかりやすい

珍しいワークフロー:Atomic Designの原則とSketchでデザインからプログラミングまで

・セレクタの詳細度の視点はAtomic Designと理にかなってるよなー
Atomic Designの考え方と利点・欠点

・クラス名の例が多く

もっとみる
手戻りが少ないアトミックデザインの導入

手戻りが少ないアトミックデザインの導入



こんにちは、クックパッド株式会社デザイナーの藤井(@kenshir0f)です。
業務では主にKomercoというサービスのデザインを担当しています。

Komercoは料理が楽しくなる料理道具やうつわ、調味料や食材など料理が楽しくなるモノが買えるアプリです。
料理に興味がある方はぜひ触っていただけたら嬉しいです。

さて、今日お話しする内容は新規事業でアトミックデザインを導入したお話です。これ

もっとみる
フロントエンドエンジニアから、デザイナーさんに意識してほしい10のこと

フロントエンドエンジニアから、デザイナーさんに意識してほしい10のこと

フロントエンドエンジニアとデザイナーさんは日々協力してプロダクトを作っていく関係にあります。デザイナーさんが作ってくれたものをエンジニアが素早く実現できるよう、いくつかエンジニアから意識してほしいことをまとめました。

なんでこんな話になったのか(前置きなので次の章まで飛ばしてOKです)

デザイナーさんから「この画面をこんな風に作ってください」とXDやSketch、PSDなどいろいろな形で渡され

もっとみる