2017年06月23日(金)

【アプリ・デザインの必須タスク】モバイルUIデザインのビジュアル・デバイドの手法まとめ！

• 0
• 0
• 4
• 3

アプリのデザインは一見単純そうに見えて、実は奥が深いものです。

複数のコンテンツ・ブロックを視覚的に分割するという一番よくあるタスクでさえ、複雑なものでありえます。

本記事では、このヴィジュアル・デバイドの方法についてまとめてみました。

１．従来のデバイダー

一般的なデバイダーはコンテンツの間に線を引くものが多いかと思います。コンテンツにリズムやヒエラルキーを与えることで、コンテンツがどのように整理されているのかが分かりやすくなります。

・フルブリードデバイダー

異なるコンテンツやエリアの線引きをより強調するのがフルブリードデバイダーです。リストやページレイアウトのセクションやエレメントを区分けします。

下の画像はアンドロイドむけのGmailアプリの画面ですが、メール1件1件がフルブリードデバイダーではっきりと線引きされているのが分かります。