デザイン のバックアップソース(No.2)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• バックアップ を表示
• デザイン へ行く。
  • 1 (2021-11-14 (日) 12:03:13)
  • 2 (2021-12-17 (金) 10:48:52)

#author("2021-12-17T10:48:52+09:00","default:k1rou","k1rou")
*デザインとは [#s1ca924d]
-モニタサイズ
-解像度
-ブラウザディテクション

*デザインの種類 [#fa2fbc18]
**[[スキューモーフィックデザイン]] [#v8ed7e76]
-[[スキューモーフィズム]] 
-立体感を持たせた、リアルなデザイン。

**[[フラットデザイン]] [#mf9c38e4]
-単色を組み合わせた、シンプルなデザイン。

*[[マテリアルデザイン]] [#bb213555]
-[[Google]]が提唱。フラットデザインに近い？

*モニタサイズ [#h7967690]
**モバイル端末のモニタサイズ [#td7b53d9]
-OpenSignal

*モバイルアプリ風に見せる方法 [#j428697d]
**種類 [#ufc5677c]
-jQuery mobile
-[[Safari]]のスタンドアロンモード
-[[Android]]のスタンドアロンモード

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

*手法 [#d5efb28e]
-[[レスポンシブWeb]]

*ツール [#x25abcb5]
**画面レイアウト、画面遷移 [#de808d93]
-InVision
-Prott
-POP
-Figma

*関連用語 [#zf4c0792]
-[[UI]]
-[[UX]]
-[[Webアクセシビリティ]]
-[[コンテンツファースト]]
-[[デザインシステム]]
-[[モバイルファースト]]
-[[ユーザビリティ]]