ユーザーアイコン(アバター)
Figmaに定義済み
ユーザーを識別するためのアバターコンポーネント
四角型アバター
四角型の場合、角丸は最小8pxで、最大はアバターサイズの10%以内に納めてください。
sm (角丸: 8px)
md (角丸: 8px)
lg (角丸: 8px)
xlg (角丸: 8-16px)
使用例: チャット
アバターとチャットの吹き出しの距離は4pxの単位で設定。
「白を基調にしたデザインはいいと思います!
個人的には、次のようなデザインが好みですね。
- シンプルで清潔感があるデザイン
- ミニマルな印象
DOs
変更可
- ・アバターサイズ
- ・丸か四角
- ・(四角の場合)角丸
DON'Ts
変更不可
- ・枠をつける