マガジンのカバー画像

UIデザイン

3
運営しているクリエイター

記事一覧

 【グラフィックデザインのコツ】~明度による視線誘導~

【グラフィックデザインのコツ】~明度による視線誘導~

モーショングラフィックスやアニメーション制作を学ぶ上で、「グラフィックデザインでつまずいてしまう..」という方は多いのではないでしょうか。

イラストやテキスト、図形を組み合わせている際に、「なんか見辛い..,、パッとしない…」と思う場面は多々あると思います。

映像作品では多くの場合、1枚の画像が表示される時間は3秒~長くて7秒くらいです。その短い時間で見づらい画面を作ってしまうと、当然視聴者に

もっとみる

【グラフィックデザイン】~シェイプの読み取りやすさを考える~

アニメーションやモーショングラフィックスでは、1カットあたり3~5秒程度しか表示れません。1秒しか表示されないカットもあることでしょう。

短い時間で、1つの画像から瞬間的にメッセージを伝えるためには、「直感的に読み取りやすい画像かどうか」を考える必要があります。

視聴者に「直感的な理解」をしてもらうためには、読み取りやすいシェイプを作ることがとても重要となります。

シェイプの読み取りやすさと

もっとみる
検索 UI まとめてみた

検索 UI まとめてみた

検索 UI を作る機会があったので、リファンレンスを集めた。あたまの整理をかねてパターン分け。

パターン一覧
1. フリーワード型
2. サジェスト型
3. グループ型
4. あとからフィルター型
5. 条件指定型
6. レコメンド型

フリーワード型キーワードで検索。入力中に検索結果がリアルタイムに変わるものが多い。

良いところ
シンプル。入力と同時に検索結果を表示できるので、最短で検索対象

もっとみる