#6 : 全く別テイストにUIを変更する方法を教えます

好みのテイストで全く違うUIをデザインしよう

この動画では今までとは全く別のテイストにUIの見た目を変更していきます。
前回と同じく参考を元にデザインをしていくのですが、「UIのベース要素-色や背景、シェイプ」「コンテンツ要素」を変更することでかなり印象と操作感が変わることをデザインしながら体験できると思います！

‍

‍

目次

• 00:09 見た目のテイストを変更する
• 00:25 ポイント:カード/色とシェイプ
• 02:32 デザインする内容を確認しよう
• 04:17 作るUIのメリデメ
• 06:49 UIのベース要素からデザイン
• 11:19 コンテンツUIのテイスト変更
• 17:02 追加ボタンのUIテイスト変更
• 20:35 細部の変更
• 27:41 完成UIを比較しよう
• 36:14 シェア＆感想よろしく〜

‍

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=239%3A19196&t=kkSykcG0z8Sj0OAu-1

‍

‍

好みのテイストで全く違うUIをデザインしよう

この動画では今までとは全く別のテイストにUIの見た目を変更していきます。
前回と同じく参考を元にデザインをしていくのですが、「UIのベース要素-色や背景、シェイプ」「コンテンツ要素」を変更することでかなり印象と操作感が変わることをデザインしながら体験できると思います！

‍

‍

目次

• 00:09 見た目のテイストを変更する
• 00:25 ポイント:カード/色とシェイプ
• 02:32 デザインする内容を確認しよう
• 04:17 作るUIのメリデメ
• 06:49 UIのベース要素からデザイン
• 11:19 コンテンツUIのテイスト変更
• 17:02 追加ボタンのUIテイスト変更
• 20:35 細部の変更
• 27:41 完成UIを比較しよう
• 36:14 シェア＆感想よろしく〜

‍

Figmaのデータ

メンバーになると閲覧できます。

‍

‍