要件を満たす情報設計が大体固まってきたら、配色など装飾部分にも手を出していきましょう。この動画では「アクション」部分の使いやすさと意味構造を整えるため、アクションブロックのUIの配色を考えていきます。
UIは見るだけじゃなくてなくて“操作”するのを目的に、平面のビジュアルを作成するジャンルです。なので使い手が「この画面では何をすれば良いのか?」が分かりやすいほど、使いやすいものになる確率が上がります。
そのため「アクション」できるかどうかが分かりやすいか、押した時の反応が良いか、はかなり重要な要素になってきます。色を適用すると、周りより目立ちやすくなるため「これは押せるUIオブジェクトである」と使い手に示すことが容易になります。
逆に色を使いすぎると”どこが押せる場所なのか”が分かりづらくなる確率が上がるためUI作成の難易度が上がります。
このような理由で有彩色(白黒以外の色)は基本的に1色のみを軸にまずはUIに適用していく、アクションには色をまずは配置するが重要になってきます。
動画では「UIビジュアル基礎」でも出てきた「ボタンの強さのヒエラルキー」を紹介しつつ、配色をしていきます。
要件を満たす情報設計が大体固まってきたら、配色など装飾部分にも手を出していきましょう。この動画では「アクション」部分の使いやすさと意味構造を整えるため、アクションブロックのUIの配色を考えていきます。
UIは見るだけじゃなくてなくて“操作”するのを目的に、平面のビジュアルを作成するジャンルです。なので使い手が「この画面では何をすれば良いのか?」が分かりやすいほど、使いやすいものになる確率が上がります。
そのため「アクション」できるかどうかが分かりやすいか、押した時の反応が良いか、はかなり重要な要素になってきます。色を適用すると、周りより目立ちやすくなるため「これは押せるUIオブジェクトである」と使い手に示すことが容易になります。
逆に色を使いすぎると”どこが押せる場所なのか”が分かりづらくなる確率が上がるためUI作成の難易度が上がります。
このような理由で有彩色(白黒以外の色)は基本的に1色のみを軸にまずはUIに適用していく、アクションには色をまずは配置するが重要になってきます。
動画では「UIビジュアル基礎」でも出てきた「ボタンの強さのヒエラルキー」を紹介しつつ、配色をしていきます。
要件を満たす情報設計が大体固まってきたら、配色など装飾部分にも手を出していきましょう。この動画では「アクション」部分の使いやすさと意味構造を整えるため、アクションブロックのUIの配色を考えていきます。
UIは見るだけじゃなくてなくて“操作”するのを目的に、平面のビジュアルを作成するジャンルです。なので使い手が「この画面では何をすれば良いのか?」が分かりやすいほど、使いやすいものになる確率が上がります。
そのため「アクション」できるかどうかが分かりやすいか、押した時の反応が良いか、はかなり重要な要素になってきます。色を適用すると、周りより目立ちやすくなるため「これは押せるUIオブジェクトである」と使い手に示すことが容易になります。
逆に色を使いすぎると”どこが押せる場所なのか”が分かりづらくなる確率が上がるためUI作成の難易度が上がります。
このような理由で有彩色(白黒以外の色)は基本的に1色のみを軸にまずはUIに適用していく、アクションには色をまずは配置するが重要になってきます。
動画では「UIビジュアル基礎」でも出てきた「ボタンの強さのヒエラルキー」を紹介しつつ、配色をしていきます。
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
Ordered list
Unordered list
Bold text
Emphasis
Superscript
Subscript
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
Ordered list
Unordered list
Bold text
Emphasis
Superscript
Subscript
0 Comments