記事一覧
ジェネレーターを使用したwebフォント化
google font google font(jp) https://googlefonts.github.io/japanese/#mplus1phttps://googlefonts.github.io/japanese/#mplus1p google font(en) https://fonts.google…
Logical design
・ハレーションの回避
補色(反対色)を活用する
目立つ色表現となる
ex)赤と緑は補色の関係にあり、ハレーションが起きる。
そのため赤と緑の間に白を追加することでハレーションを回避している。
・明度差
明度差を活用することによってメッセージの優先度を決定する
明度差が大きいほど、伝えたい優先度は高くなる
・前後関係
前後関係で優先
背景に動きがあっても、メッセージの視認性が守られているのは前
ジェネレーターを使用したwebフォント化
google font
google font(jp)
https://googlefonts.github.io/japanese/#mplus1phttps://googlefonts.github.io/japanese/#mplus1p
google font(en)
https://fonts.google.com/
google webfont以外も使いた時
フォントジェネレーター
効率よく作成する方法ーbanner
memo1
Step1:Photshop または Illustratorで構成を作成。
Step2:素材収集(写真・イラスト・テクスチュア)
Step3:素材作成(適宜Illustratorなど)
Step4:構成に作成した素材配置
Step5:サイズ展開
よく使うショートカットキー − Customize
・Photohsop – ショートカットキー作成 memo
・ショートカットキーカスタマイズ
Alt + Shift + Cmd + K
・ガイド
Cmd + :
Cmd + P 新規ガイド
Cmd + 1 シェイプからガイド
・シェイプ(ツール)
M 長方形
L 楕円形
・アートボード
B ツール表示
・回転
Opt + Cmd
test
test