ホームページ  >  記事  >  ウェブフロントエンド  >  デザインのコツと注意点まとめ

デザインのコツと注意点まとめ

巴扎黑
巴扎黑オリジナル
2017-06-12 13:17:391115ブラウズ

この記事では、あまり知られていない 12 の HTML5 デザインのヒントを紹介します。興味のある方はぜひ参考にしてください。 あまり知られていない HTML5 デザインの 12 のヒント、内容は次のとおりです。 1. インタラクションの観点から、正しいスライド操作方法を注意して使用してください。例: スクラッチオフの汚れ効果、左右にスライドしてページをめくるなど。理由: Apple スマートフォンでは、右にスライドすると、「前のページ」に戻る効果が簡単にトリガーされます。 2. インタラクションの観点から、横画面表示の使用には注意してください。理由: 体験の観点から、通常に視聴するにはユーザーデバイスで画面回転機能をオンにする必要があり、ユーザーの操作コストが高くなります。画面が異なる携帯電話ではアスペクト比が異なるため、最適な視覚効果を表示することが困難になります。 3. 視覚的には、機能ボタンなどがページの下部から遠く離れています (約 128px、このサイズは固定 Z 値ではありません)。これは再構築に使用される適応方法によって異なります (参考のみ: 640*1136)。 px、上から下に計算され、主に 1008px 以内のコンテンツ)。理由: ボタンがブロックされないように、さまざまな画面を備えた携帯電話向けの優れた装備。 4. 視覚的には、PS の「ライト オーバーレイ エフェクト」または「レイヤー スタイル」エフェクトを使用する場合は注意してください。例: 「ソフト ライト」、「フィルター カラー」、「色相」などをレイヤーに追加します

1 HTML5 12 のデザイン ヒント (画像とテキスト) の詳細な紹介

デザインのコツと注意点まとめ

はじめに: この記事では、あまり知られていない HTML5 デザインのヒントを 12 個紹介します。興味のある方はぜひ参考にしてください。 2. CSS スタイルのデザインのヒント (水平方向、中央揃え)。縦方向)_html/css_WEB-ITnose

はじめに: CSS スタイルのデザインのヒント (横方向中央、縦方向中央)

3. 超実践的!あまり知られていない HTML 5 デザインの 12 のヒント_html/css_WEB-ITnose

はじめに: 超実践的! 12 のあまり知られていない HTML 5 デザインのヒント

4.

12 のあまり知られていない HTML 5 デザインのヒント_html/css_WEB-ITnose

はじめに: 12 のあまり知られていない HTML 5 デザインのヒントデザインのヒント

以上がデザインのコツと注意点まとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。