デザイン
2022-02-24 (木) 15:50:26
デザインとは †
- モニタサイズ
- 解像度
- ブラウザディテクション
デザインの種類 †
スキューモーフィックデザイン †
- スキューモーフィズム
- 立体感を持たせた、リアルなデザイン。
フラットデザイン †
- 単色を組み合わせた、シンプルなデザイン。
マテリアルデザイン †
- Googleが提唱。フラットデザインに近い?
モニタサイズ †
モバイル端末のモニタサイズ †
モバイルアプリ風に見せる方法 †
種類 †
特徴、注意点 †
- ホーム画面にアイコンを追加してアイコンから起動できる
- 戻るの実装が画面内に必要
- 通信エラー等が起きた場合にリロードができくなる(フリーズから復帰できない)
- 外部リンクの考慮が必要
- 処理速度の低下(nitroを使わなくなる)
- localStorageが別扱い
手法 †
ツール †
画面レイアウト、画面遷移 †
- InVision
- Prott
- POP
- Figma
https://www.figma.com/