デザイン の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• デザイン へ行く。
• デザイン の差分を削除

#author("2022-02-24T15:50:26+09:00","default:k1rou","k1rou")
#author("2024-09-01T13:34:35+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
-Prott　※2024年8月31日サービス終了

-Figma~
https://www.figma.com/

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