<br />「この世に醜い女性はいない、あるのは怠惰な女性だけだ」これは女性の美のバイブルの中で最も素晴らしい言葉です。女性が自分の身だしなみや服装について考えることに時間を費やす覚悟がある限り、彼女は常に自分の美しい面を見せる方法を見つけることができます。インターフェースデザインでも同じではないでしょうか?スマートな女性たちの着こなしから、デザインに何か学べることはないだろうか。 原則1:着る服の主な色は3色を超えてはならない どんな服でも、着る人が見せたい気質を表すメインカラーが必要です。彼女はすべてを強調することはできません。青のような静かな一面があるかもしれませんし、オレンジのようないたずらな一面があるかもしれません。白のような知的な一面、ピンクのようなかわいい一面があるかもしれません...しかし、彼女がこれらすべての色を同時に着ると、蝶のようにしか見えなくなります。これは Web ページのようなもので、主なフォントと色の組み合わせは 3 つを超えてはならず、最も重要なもの、比較的重要なもの、一般的なものに使用されます。すべてを強調しようとしないでください。結局何もキャッチできなくなります。 次の 2 つの例を考えてみましょう。 私はこの場所が大好きですが、確かに蝶のように見えます。 ![]() そして、このホームページだけでも少なくとも 5 つのフォントが使用されています。おそらくデザイナーは、フォント ライブラリには非常に多くのフォントがあり、それらを使用しないのはもったいないと考えているのでしょう。 ![]() 原則2:アクセサリーは統一されたスタイルを持ち、互いに共鳴するものでなければならない 今日、女の子がファッション パーティーに招待され、タイトなイブニング ドレスを選んで華やかに装おうとすると、ハイヒール以外に選択肢はあると思いますか? 残念ながら、ないと思います。たとえ、空飛ぶ男のサインが入った、超かっこいい廃盤のナイキ エア シューズを持っていて、それを履いて見せびらかしたいと思っても、彼女は自分を抑えなければなりません。 2 つのアイテムのスタイルはまったく異なります。どちらも一流の製品であっても、組み合わせると失敗することがよくあります。 おそらく私たちはウェブページ上のテキストの統一性にはより注意を払いますが、ページ上の画像内のテキストの統一性についてはしばしば無視します。以下の例を見てください。どちらも割引商品ですが、Dangdangの商品写真の価格は異なる位置にマークされています。これにより、視覚効果が簡単に乱れ、情報伝達の効率が低下する可能性があります。一方、Amazon では、すべての商品割引を統一された場所に表示し、背景色の変更のみで割引レベルを区別しています。必要に応じて、差別化されたデザインをすべて使用します。 ![]() 原則3: 細部が成功と失敗を決定する 女の子の服装の中には、まるで何気なく着ているかのようにとてもナチュラルでカジュアルに見えて、それでいてとても魅力的に見えるものがあることに気づいたことがありますか。そういう女の子は、出かける前に家で予習をする可能性が高いと断言できます。どのドレスにどのネックレスを合わせるか、どのヘアスタイルにどのイヤリングを合わせるか、さらには袖口をまくるかどうか、どのくらいまくるかまで、慎重に考えるでしょう。これが、あらゆる細部まで完璧に仕上げるための唯一の方法です。 実際、一見すると良さそうに見えても、よく見ると、美しい服のほつれた端のように、少し粗雑に感じられるデザインがたくさんあります。実際に使ってみると、なんとも言えない気持ちになります。 ! @¥@#%#¥…%¥& テキストと境界線にあと 5 ピクセル追加するだけで、この豆腐ブロックはもっと見栄えがよくなります。惜しみなく使ってみてはいかがでしょうか。 ![]() 太っている人は体重を減らしてください。ただし、タイトな黒いパンツを無理に履かないでください。単語が多すぎてスペースが足りない場合は、小さなスペースに単語を詰め込むのではなく、単語を削除します。本来は 4 行の単語しか収容できなかったスペース (左のフレームを参照) に 5 行の単語を収容しなければならなくなり、非常に窮屈に見えます。 ![]() ほとんどのウェブサイトはメインのテキスト フォントとして Songti を使用していますが、英語を表示するときに Songti を使用すると非常に読みにくいことに気付いているウェブサイトはほとんどないことがわかりました。私たちは中国語のウェブサイトですが、ページ コンテンツに英語の単語がどんどん増えているので、もう少し努力して英語用の別のフォントを定義することを検討してみてはいかがでしょうか。 ![]() |
問題: mybatis によって返される null 型のデータが消え、フロントエンドの表示にエラーが...
序文ミニプログラムのアップロードには https が必要なので、サーバーの https は lets...
CentOS 8 が正式にリリースされました! CentOS は Red Hat の再配布ポリシー...
この記事では、MacでのMySQLインストールチュートリアルを参考までに紹介します。具体的な内容は次...
関連記事:初心者が学ぶ HTML タグ (1)初心者は、いくつかの HTML タグを理解することで ...
目次序文文章1. stylelintをインストールする2. 設定ファイル3. stylelintを使...
これを実現するには、ES6 モジュール開発とオブザーバー モードを使用します。オブザーバー パターン...
前: マークアップ言語 - フレーズ要素 オリジナルソース 第 7 章 アンカーHTML のリンクの...
1. 基本的な文法コードをコピーコードは次のとおりです。埋め込み src=url注: 埋め込みはさま...
仮想マシンを使用する人は通常、操作と使用を容易にするために仮想マシン用の共有ディレクトリを設定します...
導入: AD は Active Directory の略称で、中国語では Active Direct...
現在、ほとんどの CPU は浮動小数点ユニット (FPU) をサポートしています。FPU は、プロセ...
ブラウザベンダーが標準を曲げて、ルールに従わないことをすると、問題や少なくとも混乱が生じる可能性があ...
目標: 辺の長さが等しい正方形を作成する方法 1: 単位 vw を使用する (ps これが最も簡単な...
目次vue2.x vue3.x tiny-emitterプラグインの使用Mittプラグインの使用vu...