デザイン の履歴(No.1)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• デザイン へ行く。
  • 1 (2021-11-14 (日) 12:03:13)
  • 2 (2021-12-17 (金) 10:48:52)
  • 3 (2022-02-24 (木) 15:50:26)

デザイン†

• モニタサイズ
• 解像度
• ブラウザディテクション

デザインの種類†

スキューモーフィックデザイン†

• スキューモーフィズム
• 立体感を持たせた、リアルなデザイン。

フラットデザイン†

• 単色を組み合わせた、シンプルなデザイン。

マテリアルデザイン†

• Googleが提唱。フラットデザインに近い？

モニタサイズ†

モバイル端末のモニタサイズ†

• OpenSignal

モバイルアプリ風に見せる方法†

種類†

• jQuery mobile
• Safariのスタンドアロンモード
• Androidのスタンドアロンモード

特徴、注意点†

• ホーム画面にアイコンを追加してアイコンから起動できる
• 戻るの実装が画面内に必要
• 通信エラー等が起きた場合にリロードができくなる（フリーズから復帰できない）
• 外部リンクの考慮が必要
• 処理速度の低下（nitroを使わなくなる）
• localStorageが別扱い

手法†

• レスポンシブWeb

ツール†

画面レイアウト、画面遷移†

• InVision
• Prott
• POP

関連用語†

• UI
• UX
• Webアクセシビリティ
• コンテンツファースト
• デザインシステム
• モバイルファースト
• ユーザビリティ