#5 : 神は細部に宿る..作成したホームUIをブラッシュアップする

参考を元に微調整することでこんなに見た目は変わる

この動画では今まで作ってきたものを、装飾メインで見た目を調整していく会になります。
基本的には狙ったテイスト、雰囲気を参考デザインとして集めて真似していきます。

参考は手っ取り早くやりたいことのイメージを想像するとても強力な手段です。
かつ、いろんなデザインから要素を詳しく見る機会になるので、デザインする上で大切な””目”を鍛えることができます。
必ずデザインをするときは隣に参考を置いて、要素を真似してパターンを作りブラッシュアップさせていきましょう。

‍

‍

目次

• 00:09 今日作る構造を確認！
• 02:36 良いものから盗む方法
• 08:14 ヘッダーをブラッシュアップ
• 23:23 TODOアイテムをブラッシュアップ
• 29:06 カテゴリをブラッシュアップ
• 34:45 他要素も修正
• 39:25 今回のポイントを振り返り

‍

Figmaのデータ

こちら‍

https://www.figma.com/file/zpUBNsTFPdJakAHROnPGib/%F0%9F%A7%81%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB%E3%81%A7%E5%AD%A6%E3%81%B6UI%E8%A6%8B%E3%81%9F%E7%9B%AE%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9?node-id=107%3A17099&t=DDZtD3P27SmcyNWX-1

‍

参考を元に微調整することでこんなに見た目は変わる

この動画では今まで作ってきたものを、装飾メインで見た目を調整していく会になります。
基本的には狙ったテイスト、雰囲気を参考デザインとして集めて真似していきます。

参考は手っ取り早くやりたいことのイメージを想像するとても強力な手段です。
かつ、いろんなデザインから要素を詳しく見る機会になるので、デザインする上で大切な””目”を鍛えることができます。
必ずデザインをするときは隣に参考を置いて、要素を真似してパターンを作りブラッシュアップさせていきましょう。

‍

‍

目次

• 00:09 今日作る構造を確認！
• 02:36 良いものから盗む方法
• 08:14 ヘッダーをブラッシュアップ
• 23:23 TODOアイテムをブラッシュアップ
• 29:06 カテゴリをブラッシュアップ
• 34:45 他要素も修正
• 39:25 今回のポイントを振り返り

‍

Figmaのデータ

こちら‍

https://www.figma.com/file/zpUBNsTFPdJakAHROnPGib/%F0%9F%A7%81%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB%E3%81%A7%E5%AD%A6%E3%81%B6UI%E8%A6%8B%E3%81%9F%E7%9B%AE%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9?node-id=107%3A17099&t=DDZtD3P27SmcyNWX-1

‍

‍