記事一覧
【イラストレーション編】ユーザーに瞬時に正確に内容や機能を理解させるには？
インプット今回の範囲は『6. イラストレーションを効果的に使う』です。(『chot.design』を教科書とした講座は今回が最後です。)
ちゃんと読むべきなのは『6-2』『6-4』『6-5』で、
流し読みでOKなのは『6-1』『6-3』です。
重要なこと◾️ アイコンの役割
「プログラムや機能の役割をすぐ把握できる・アプリケーションやサービスのブランドを認知させる。」これがアイコンの役割です
【画像編】サイトの印象を決める要素！画像の役割について知ろう
WEBサイトを閲覧しているユーザーの中で、テキストまでちゃんと読んでいつユーザーは意外と少ないものです。どのため、瞬時に情報を理解させる要素である画像が重要となってきます。
画像の基礎知識から、現場で使える知識・ツールまで爆速で解説していきます！
インプット 今回の範囲は『5. 写真や画像を効果的に使う』です。
ちゃんと読むべきなのは『5-1』です。逆に『5-2』以降は流し読みでOK！
大
【タイポグラフィ編②】WEBデザインにおけるフォントサイズや余白の規則
タイポグラフィ編②は、独学では中々得られない現場の考え方を多く含みますので、かなり情報価値が高いと思います。
※ それぞれ会社ごとに多少規則などは変わってくるため、そこは悪しからず。
インプット今回は一応『4-4』と『4-5』の範囲となっていますが、次の項目からは自分が現場で使っていたルールを共有します。
なので、『chot.design』さんと多少細かい数字は異なっています。
余白の規則
XDで文字色をグラデーションにする方法
アートボードを開きます。
文字を選択した状態で、オブジェクト→パスに変換の順に操作。
(もしくは⌘+8)
※パスに変換した後はテキストの中身の変更はできないため注意。
あとは塗りのところから、グラデーションを選択するだけ！
【基礎編】基本的なデザイン規則について知ろう
インプットそもそもの「デザインとは何か？」から、デザインの基本的なルールまで網羅されているため、初めの一歩としてとてもおすすめです。（しかも無料）
chot.design『はじめてのデザイン 〜デザインの基本・考え方〜』の「1. デザインを考える前に」「2. デザインの4つの基本原則」をまずは読んでみましょう。
重要なこと■ デザインとアートは違う
デザインは「課題解決」、アートは「自己表現ま