自分の独自の考えではなく初心〜中級者ぐらいまでは、すでにあるUIの中からアイデアを選んで参考にして組み立てていきましょう。
ラフの段階からどこに何を配置するのか?を参考を見ながらアイデアを出していきます。
いきなりデータを作らない理由としては、データでアイデアを考えるのは時間が掛かるから。手書きだとすぐにイメージを確認できる。そのため”何を作るのか”を紙でまとめてからデータで起こして詳細をチェックするという工程を取っています。
なのでこの段階で、どういう情報設計にすると要件を満たせるか?という視点でガンガンアイデアを出していきます。(動画だと1アイデアですが、こんなノリで色々出していくのもこの時点でありです)
UIはあらゆるブロックで、ナビ、コンテンツ、アクションの3つの役割で構成されています。
それを意識して情報をデザインしていきます。
UI3つの基本構造についてはこちらの動画を。
https://www.bo-no.design/contents/uivisual-6-3
ラフの段階で、何をどういうグループにして、グループ内の情報はどういう関係性なのか?を考えながらデザインをしていきます。ポイントは情報同士の親子関係、グループ関係という”構造”を意識してまずは考えていくことです。
装飾は後から可能なので、肝心な伝えたい情報の優先度などが崩れてしまうとそれだけで良いUIを作ることから離れてしまいます。なのでこの段階から構造を意識して組み立てていきます。
自分の独自の考えではなく初心〜中級者ぐらいまでは、すでにあるUIの中からアイデアを選んで参考にして組み立てていきましょう。
ラフの段階からどこに何を配置するのか?を参考を見ながらアイデアを出していきます。
いきなりデータを作らない理由としては、データでアイデアを考えるのは時間が掛かるから。手書きだとすぐにイメージを確認できる。そのため”何を作るのか”を紙でまとめてからデータで起こして詳細をチェックするという工程を取っています。
なのでこの段階で、どういう情報設計にすると要件を満たせるか?という視点でガンガンアイデアを出していきます。(動画だと1アイデアですが、こんなノリで色々出していくのもこの時点でありです)
UIはあらゆるブロックで、ナビ、コンテンツ、アクションの3つの役割で構成されています。
それを意識して情報をデザインしていきます。
UI3つの基本構造についてはこちらの動画を。
https://www.bo-no.design/contents/uivisual-6-3
ラフの段階で、何をどういうグループにして、グループ内の情報はどういう関係性なのか?を考えながらデザインをしていきます。ポイントは情報同士の親子関係、グループ関係という”構造”を意識してまずは考えていくことです。
装飾は後から可能なので、肝心な伝えたい情報の優先度などが崩れてしまうとそれだけで良いUIを作ることから離れてしまいます。なのでこの段階から構造を意識して組み立てていきます。
動画を観れるプランのアカウントでログイン/メンバーシップ登録すると、動画の全てを閲覧できます。
(会員の方で動画が閲覧できない場合は、マイページからプランの確認をお願いします)
自分の独自の考えではなく初心〜中級者ぐらいまでは、すでにあるUIの中からアイデアを選んで参考にして組み立てていきましょう。
ラフの段階からどこに何を配置するのか?を参考を見ながらアイデアを出していきます。
いきなりデータを作らない理由としては、データでアイデアを考えるのは時間が掛かるから。手書きだとすぐにイメージを確認できる。そのため”何を作るのか”を紙でまとめてからデータで起こして詳細をチェックするという工程を取っています。
なのでこの段階で、どういう情報設計にすると要件を満たせるか?という視点でガンガンアイデアを出していきます。(動画だと1アイデアですが、こんなノリで色々出していくのもこの時点でありです)
UIはあらゆるブロックで、ナビ、コンテンツ、アクションの3つの役割で構成されています。
それを意識して情報をデザインしていきます。
UI3つの基本構造についてはこちらの動画を。
https://www.bo-no.design/contents/uivisual-6-3
ラフの段階で、何をどういうグループにして、グループ内の情報はどういう関係性なのか?を考えながらデザインをしていきます。ポイントは情報同士の親子関係、グループ関係という”構造”を意識してまずは考えていくことです。
装飾は後から可能なので、肝心な伝えたい情報の優先度などが崩れてしまうとそれだけで良い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