issues
search
shinonome-inc
/
design-basic
https://design-basic.netlify.app/
BSD Zero Clause License
2
stars
1
forks
source link
suzu_mana
#3
Closed
suzu-manaty
closed
2 years ago
suzu-manaty
commented
3 years ago
[x] いいデザインって何だろう?(Can't Unsee)
[ ] Figma の基本操作
[ ] ツールバーの操作
[ ] プロパティパネルの操作
[ ] プロトタイピング
[ ] 共有とバージョン管理
[ ] 画面遷移図制作
[ ] ヘッダーを作る
[ ] トップを作る
[ ] カフェ紹介を作る
[ ] カードを作る
[ ] ニュース・イベントを作る
[ ] プランを作る
[ ] フロアスペースを作る
[ ] フッターを作る
[ ] 最終課題画面遷移図
[ ] 最終課題トップページ制作
ここでやること
終わったら該当の課題にチェックを入れる
その課題の中で理解するのに苦労したことや参考になった記事などを貼り、何を学んだのか積極的に発信する
課題を進めていく中で発見したこと、勉強会や定例会などで吸収したことを積極的に記入する
自分の知識を蓄積するノートとして活用する
suzu-manaty
commented
3 years ago
いいデザインの要素
グルーピング
・・・同じグループの要素は近くに配置する
整列
・・・境界線・水平線・垂直線を意識する、等間隔に配置する
余白
・・・ぴったり詰めるより心地良い余白を
コントラスト
・・・文字と背景の色に差をつけ視認性を上げる
画像の比率
・・・余計な余白を生まない、正常なアスペクト比を保つ
共通認識
・・・「OKなら緑、NGなら赤」等ほとんどの人が持っているイメージはそのまま利用する
スタイルの統一
・・・アイコンやフォントなどのスタイルは揃える
行動を誘導する
・・・ボタンを強調する等して次のアクションをわかりやすく示す
Can't Unsee 全問正解への道
感想:トテモムズカシカッタ
suzu-manaty
commented
3 years ago
Figmaの強みの活かし方
チームで作業をする際、以下のような機能が強みになる。
シンボル機能
・・・パーツを一括管理できるので、パーツ担当、レイアウト担当など分業ができる。
ライブラリ機能
・・・チームで共通パーツを使用できるので、開発を通して一貫したデザインを作ることができる。
同時編集機能
・・・編集が即時反映されるので、複数人で相談しながら一つのページを編集できる。
ここでやること