figmaというデザインソフトの使い方の勉強をしております。
Photoshopとかillustratorは聞いたことがあるけれど、figmaはデザインのことを調べてはじめて聞きました。
でも使ってみると操作がとてもやりやすい。できることが増えるのはうれしいことだな。
ブログはあれをした、これをしたとかこう考えているというアウトプットの場にしたいけど
デイトラで学んだことを記録する場所にもしたい。本当はノーションとかに書けばいいんだろうけどね。
〇学習メモ↓
ショートカットキー
R 図形 T テキスト
Ctrl＋G グループ化
Ctrl＋Shift＋？ ショートカットキー
Ctrl押しながら画像を伸ばす 比率を変えず、比率を考えない
Shift押しながら画像を伸ばす 比率を変えない
Shift押しながら回転 15度ずつ
Ctrl＋Alt＋M マスク
Shift＋R 定規
ネスト構造（入れ子構造）
シャドウ、線 すべて
figmaはすべてピクセル単位
コンテンツを隠すに☑をいれるとはみ出た分は隠す
テキストはタイポグラフィで編集
数字は矢印キーで変更できる
行間は％でもpxでも指定可能
文字の止めやはねなどの部分をウロコと呼ぶ
マスクするときは画像のレイヤを上にする
デザインは余白、色、フォントの構成
余白は意図的にプレッシャーを減らす
また、グルーピングすることで要素ごとにまとめる
赤はリーダー、勝者、生命力を表す、危険を表す
青は冷静沈着、血色感がなく、不安
緑はエコや安らぎの色、濃い緑は毒々しさ
黒は高級感、権威性、大人、夜や死
色相（Hue）は色味の性質の違い
補色 色相差が大きくお互いを引き立てる効果がある。
類似色 両隣に位置する色相。調和がとれてまとまりのある印象に。
彩度 鮮やかさ。サイドが０で色味がない色を無彩色（グレー）と呼ぶ
明度 背景色と文字色は明度の差が小さいと視認性が悪くなる
コメント