2-2.システム化でUI作成が楽になる5要素とは

2023

年

月

日

スキルを上げて、創造のための武器を手に入れよう

すべての動画閲覧には、メンバーシップ加入が必要です

メンバー登録について

□ こんなこと喋ってます

01:34 設定すると楽になる要素を紹介
05:03 テキストの要素
16:21 配色の要素
19:49 ボタンの要素
22:47 サイズの要素

‍

□ 参考に自分でもシステムを作ってみよう

▼ 動画で載せているFigmaのURLはこちらです

https://www.figma.com/file/iaXpHPClRMRI8YCxVmmJyd/3-1.UI%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB%E3%81%AE%E5%9F%BA%E6%9C%AC?node-id=143%3A4037

コピーしてOKなので、自分でゼロから設定してみましょう。
Figmaでの設定方法は次の動画で解説しています。

1.設定する
2.Figmaで使えるようにする
3.お題を解くときにシステムで、UI構造を考えながら使ってみる

これをやってみてください！

‍

□ こんなこと喋ってます

01:34 設定すると楽になる要素を紹介
05:03 テキストの要素
16:21 配色の要素
19:49 ボタンの要素
22:47 サイズの要素

‍

□ 参考に自分でもシステムを作ってみよう

▼ 動画で載せているFigmaのURLはこちらです

https://www.figma.com/file/iaXpHPClRMRI8YCxVmmJyd/3-1.UI%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB%E3%81%AE%E5%9F%BA%E6%9C%AC?node-id=143%3A4037

コピーしてOKなので、自分でゼロから設定してみましょう。
Figmaでの設定方法は次の動画で解説しています。

1.設定する
2.Figmaで使えるようにする
3.お題を解くときにシステムで、UI構造を考えながら使ってみる

これをやってみてください！

‍

□ こんなこと喋ってます

01:34 設定すると楽になる要素を紹介
05:03 テキストの要素
16:21 配色の要素
19:49 ボタンの要素
22:47 サイズの要素

□ 参考に自分でもシステムを作ってみよう

▼ 動画で載せているFigmaのURLはこちらです

ーーメンバーになるとみれますーー

コピーしてOKなので、自分でゼロから設定してみましょう。
Figmaでの設定方法は次の動画で解説しています。

1.設定する
2.Figmaで使えるようにする
3.お題を解くときにシステムで、UI構造を考えながら使ってみる

これをやってみてください！

‍

Load Previous

No Name

Set

2 years ago

Moderator

(Edited)

Delete Forever

This is the actual comment. It's can be long or short. And must contain only text information.

Your reply will appear once approved by a moderator.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

UIビジュアル基礎

シリーズの説明

【進め方】デザイナーはやってる見た目の”キホン”をマスター！

TRY1 : コンセプトを考えてリデザインしよう！

TRY1:プロフィールUIをリデザイン！

1-1. 【解説①】アイデア：誰が使うか？で見た目を考える方法

1-2.【解説②】表現の方向性 : コンセプトを決めて見た目をデザインする方法

【7分】TRY1解答！見た目だけ考えるのはNGなんです

TRY1解答！ユースケースから見た目のアイデアを作る流れ

TRY2 ビジュアルシステムでリデザインしよう！

TRY2 : ホームUIをリデザイン！

2-1.良いUIを作るコツは見た目の"システム化"