<br />「この世に醜い女性はいない、あるのは怠惰な女性だけだ」これは女性の美のバイブルの中で最も素晴らしい言葉です。女性が自分の身だしなみや服装について考えることに時間を費やす覚悟がある限り、彼女は常に自分の美しい面を見せる方法を見つけることができます。インターフェースデザインでも同じではないでしょうか?スマートな女性たちの着こなしから、デザインに何か学べることはないだろうか。 原則1:着る服の主な色は3色を超えてはならない どんな服でも、着る人が見せたい気質を表すメインカラーが必要です。彼女はすべてを強調することはできません。青のような静かな一面があるかもしれませんし、オレンジのようないたずらな一面があるかもしれません。白のような知的な一面、ピンクのようなかわいい一面があるかもしれません...しかし、彼女がこれらすべての色を同時に着ると、蝶のようにしか見えなくなります。これは Web ページのようなもので、主なフォントと色の組み合わせは 3 つを超えてはならず、最も重要なもの、比較的重要なもの、一般的なものに使用されます。すべてを強調しようとしないでください。結局何もキャッチできなくなります。 次の 2 つの例を考えてみましょう。 私はこの場所が大好きですが、確かに蝶のように見えます。 ![]() そして、このホームページだけでも少なくとも 5 つのフォントが使用されています。おそらくデザイナーは、フォント ライブラリには非常に多くのフォントがあり、それらを使用しないのはもったいないと考えているのでしょう。 ![]() 原則2:アクセサリーは統一されたスタイルを持ち、互いに共鳴するものでなければならない 今日、女の子がファッション パーティーに招待され、タイトなイブニング ドレスを選んで華やかに装おうとすると、ハイヒール以外に選択肢はあると思いますか? 残念ながら、ないと思います。たとえ、空飛ぶ男のサインが入った、超かっこいい廃盤のナイキ エア シューズを持っていて、それを履いて見せびらかしたいと思っても、彼女は自分を抑えなければなりません。 2 つのアイテムのスタイルはまったく異なります。どちらも一流の製品であっても、組み合わせると失敗することがよくあります。 おそらく私たちはウェブページ上のテキストの統一性にはより注意を払いますが、ページ上の画像内のテキストの統一性についてはしばしば無視します。以下の例を見てください。どちらも割引商品ですが、Dangdangの商品写真の価格は異なる位置にマークされています。これにより、視覚効果が簡単に乱れ、情報伝達の効率が低下する可能性があります。一方、Amazon では、すべての商品割引を統一された場所に表示し、背景色の変更のみで割引レベルを区別しています。必要に応じて、差別化されたデザインをすべて使用します。 ![]() 原則3: 細部が成功と失敗を決定する 女の子の服装の中には、まるで何気なく着ているかのようにとてもナチュラルでカジュアルに見えて、それでいてとても魅力的に見えるものがあることに気づいたことがありますか。そういう女の子は、出かける前に家で予習をする可能性が高いと断言できます。どのドレスにどのネックレスを合わせるか、どのヘアスタイルにどのイヤリングを合わせるか、さらには袖口をまくるかどうか、どのくらいまくるかまで、慎重に考えるでしょう。これが、あらゆる細部まで完璧に仕上げるための唯一の方法です。 実際、一見すると良さそうに見えても、よく見ると、美しい服のほつれた端のように、少し粗雑に感じられるデザインがたくさんあります。実際に使ってみると、なんとも言えない気持ちになります。 ! @¥@#%#¥…%¥& テキストと境界線にあと 5 ピクセル追加するだけで、この豆腐ブロックはもっと見栄えがよくなります。惜しみなく使ってみてはいかがでしょうか。 ![]() 太っている人は体重を減らしてください。ただし、タイトな黒いパンツを無理に履かないでください。単語が多すぎてスペースが足りない場合は、小さなスペースに単語を詰め込むのではなく、単語を削除します。本来は 4 行の単語しか収容できなかったスペース (左のフレームを参照) に 5 行の単語を収容しなければならなくなり、非常に窮屈に見えます。 ![]() ほとんどのウェブサイトはメインのテキスト フォントとして Songti を使用していますが、英語を表示するときに Songti を使用すると非常に読みにくいことに気付いているウェブサイトはほとんどないことがわかりました。私たちは中国語のウェブサイトですが、ページ コンテンツに英語の単語がどんどん増えているので、もう少し努力して英語用の別のフォントを定義することを検討してみてはいかがでしょうか。 ![]() |
では、GIF、PNG、JPG のどの形式を候補形式として選択すればよいのでしょうか。また、どの画像形...
目次1 マウントディレクトリとファイルを作成する2 Redisイメージを取得する3 コンテナを作成し...
1. ダウンロード1. MySQL msi 公式 Web サイトから最新のダウンロードをクリックす...
自社製品にクリック後1~2秒待機時間があるボタン(確認メールを送信する)があるため、クリック後の1~...
マウスをホバーすると画像が折りたたまれる効果を実現する CSS 1. 実施のポイント折り畳みは複数の...
目次概要0. JavaScriptとWeb開発の基礎1. Vueの基本概念Vue コア機能コンポーネ...
ClickHouse は、オープンソースの列指向 DBMS (Yandex によって開発) です。 ...
目次関数基本的なクエリ関数クエリ条件の初期化ページのレンダリングクエリと表示の最適化をさらに強化プル...
1. Pythonのインストール1. フォルダーを作成します。 mkdir python フォルダ...
序文MySQL マスター スレーブ レプリケーションの基本原理は、スレーブ データベースがマスター ...
序文データベースは常に私の弱点でした。自分の経験 (python+sqlalchemy) を組み合わ...
メタ属性には、name と http-equiv の 2 つがあります。 name 属性は主に、We...
今日は建国記念日で、誰もが祖国の誕生日をお祝いしようとしています。毎年この時期になると、WeChat...
1. MySQL インストール パス D:\xxx\MYSQL\MySQL Workbench CE...
1. ノードサーバーのセットアップ + データベース接続ここでの操作は比較的簡単でわかりやすいです。...