要件を満たす情報設計が大体固まってきたら、配色など装飾部分にも手を出していきましょう。この動画では「アクション」部分の使いやすさと意味構造を整えるため、アクションブロックのUIの配色を考えていきます。
UIは見るだけじゃなくてなくて“操作”するのを目的に、平面のビジュアルを作成するジャンルです。なので使い手が「この画面では何をすれば良いのか？」が分かりやすいほど、使いやすいものになる確率が上がります。
そのため「アクション」できるかどうかが分かりやすいか、押した時の反応が良いか、はかなり重要な要素になってきます。色を適用すると、周りより目立ちやすくなるため「これは押せるUIオブジェクトである」と使い手に示すことが容易になります。
逆に色を使いすぎると”どこが押せる場所なのか”が分かりづらくなる確率が上がるためUI作成の難易度が上がります。
このような理由で有彩色（白黒以外の色）は基本的に1色のみを軸にまずはUIに適用していく、アクションには色をまずは配置するが重要になってきます。
動画では「UIビジュアル基礎」でも出てきた「ボタンの強さのヒエラルキー」を紹介しつつ、配色をしていきます。
要件を満たす情報設計が大体固まってきたら、配色など装飾部分にも手を出していきましょう。この動画では「アクション」部分の使いやすさと意味構造を整えるため、アクションブロックのUIの配色を考えていきます。
UIは見るだけじゃなくてなくて“操作”するのを目的に、平面のビジュアルを作成するジャンルです。なので使い手が「この画面では何をすれば良いのか？」が分かりやすいほど、使いやすいものになる確率が上がります。
そのため「アクション」できるかどうかが分かりやすいか、押した時の反応が良いか、はかなり重要な要素になってきます。色を適用すると、周りより目立ちやすくなるため「これは押せるUIオブジェクトである」と使い手に示すことが容易になります。
逆に色を使いすぎると”どこが押せる場所なのか”が分かりづらくなる確率が上がるためUI作成の難易度が上がります。
このような理由で有彩色（白黒以外の色）は基本的に1色のみを軸にまずはUIに適用していく、アクションには色をまずは配置するが重要になってきます。
動画では「UIビジュアル基礎」でも出てきた「ボタンの強さのヒエラルキー」を紹介しつつ、配色をしていきます。
要件を満たす情報設計が大体固まってきたら、配色など装飾部分にも手を出していきましょう。この動画では「アクション」部分の使いやすさと意味構造を整えるため、アクションブロックのUIの配色を考えていきます。
UIは見るだけじゃなくてなくて“操作”するのを目的に、平面のビジュアルを作成するジャンルです。なので使い手が「この画面では何をすれば良いのか？」が分かりやすいほど、使いやすいものになる確率が上がります。
そのため「アクション」できるかどうかが分かりやすいか、押した時の反応が良いか、はかなり重要な要素になってきます。色を適用すると、周りより目立ちやすくなるため「これは押せるUIオブジェクトである」と使い手に示すことが容易になります。
逆に色を使いすぎると”どこが押せる場所なのか”が分かりづらくなる確率が上がるためUI作成の難易度が上がります。
このような理由で有彩色（白黒以外の色）は基本的に1色のみを軸にまずはUIに適用していく、アクションには色をまずは配置するが重要になってきます。
動画では「UIビジュアル基礎」でも出てきた「ボタンの強さのヒエラルキー」を紹介しつつ、配色をしていきます。
0 Comments