Webデザインの品質とは：例と推奨事項。 パート1. （またはこちら ）
Webデザインの品質とは：例と推奨事項。 パート2 （またはここ ）
記事の最後の部分で、著者は、デザインをユニークにすると同時に、シンプルで洗練されたデザインにする方法を教えてくれます。
05.拘束と繊細さ
デザイナーは常に、ユニークなデザインやその特別なディテールを印象付ける方法を考え出します。 ただし、場合によっては、 抑制により大きな効果を得ることができます。 良いものが多すぎてはいけないことが判明することもあります。 優れた設計者は、その特性を超えてはならない場所を判断でき、設計手法や特殊効果を使いすぎないようにします。
Webデザインの洗練された効果の例
モノの光のグラデーション
サイトを訪問するとき、私は常に微妙な効果に注意を払います。 幸運にも不幸にも私は知りませんが、私がインスピレーションを引き出したすべての小さな詳細に気づかずにはいられません。 グラデーションはあまりにも頻繁に使用され、目を引くだけですが、正しく使用されたグラデーションは、デザインに現実感とボリュームの要素を追加します。 ほとんどの人はこれ以上グラデーションに気付かないかもしれませんが、これらは私の意見では最高です。
アイコンドックに落ちる影
Icon Dockは、洗練されたエフェクトの要塞です。 ピクセルのハイライト、グラデーション、 立ち下がりの影 。 しかし、この例では、影について詳しく説明します。 内容でブロックを強調し、目立たないように注意を引くために、小さく、透明度を高めています。 これは美しい例です。
洗練された背景テクスチャ：女の子のためのスカウト
テクスチャ背景は、デザインの運命を決定できます。 多くの場合、背景は注意をそらすだけで、デザインの品質を大幅に低下させます。 したがって、通常は明るく洗練されたテクスチャを使用するのが理にかなっています 。 Scouting for Girlsでは、背景テクスチャが全体的なデザインスタイルと品質と見事に調和しています。
時間の痕跡：Viget AdvanceのWebサイト
デザインがあまりにも洗練されているとは思わない。 どんなに細かくても、ユーザーがそれらを見るかどうかにかかわらず、細部は目立ち、特定の効果があります。 Viget Advanceブログのこの例では、わずかな摩耗の兆候が背景にわずかな時間の痕跡が見えますが、それらがなければ紙は平らでくすんだように見えます。 これらの小さな欠陥により、テクスチャがより本物でリアルになります。
WebDesignerWallの水彩画
水彩画の作品は、絵具を混ぜると、非常に繊細で溶け、そして...まあ、水っぽい色になります。 デザインで水彩画を使用すると、多くの利点が得られます-繊細な色を取り入れたり、質感を追加したりできるため、この手法はデザイナーの間で人気を博しています。
光の花飾り：ダラの庭のウェブサイト
これは、デザインにおける洗練された花の要素の優れた例です。 花柄の使用に関するより活発なイラストがいくつかあり、それらも非常に優れていますが、この例では、背景の光と繊細な詳細に焦点を当てます。 ここで、洗練がいかに重要であるかが本当に見えます。 繊細な色と装飾の「熟成した」外観は、あなたの目が小さな細部に注目していることを意味しますが、それらは注目の的ではありません。
洗練された設計ツールを使用するためのヒント
私の意見では、洗練された詳細は良いデザインから素晴らしいデザインへの一歩を踏み出すのに役立ちます。 デザインに特別なものをもたらす方法を考えているなら、洗練されたディテールがあなたの選択です。 設計で高度な詳細を使用する際に留意すべきガイドラインを次に示します。
- 階層化を使用する
単一のパターンやテクスチャに限定することは決してせず、細部を変化させてください。 - 透明度と色を試す
不透明度の値が3％であっても、手に届く場合があります。 - 心配しないで、勇敢に
洗練されすぎたり、ぼやけすぎたりすることを恐れないでください。
06.色の可能性を最大限に活用する
人々はしばしば彼らの鐘楼から花を判断し、彼らは間違っています。 このサイトで見栄えの良い色を決定する必要がある場合は、ブランド、サイトのメインテーマ、および配色が作成するムードに基づいて決定する必要があります。
Webデザインでの優れた色の使用
不動産はカラフルにすることができます：Oyproウェブサイト
Oyproでは、その作成者が証明したものが気に入っています。「退屈な」トピック専用のサイトは退屈なデザインである必要はありません。 悲しいかな、多くの場合、企業サイトを作成するとき、デザイナーは大胆で独特なソリューションを使用できません。 顧客は自分のサイトをシンプル、フラット、グレーにするだけでよいようです。 しかし、このデザインは、創造的な衝動を抑えずにビジネス企業のウェブサイトを作成できることを証明しています。
色は適切でなければなりません：テネシーサマータイムウェブサイト
テネシー州のサマータイムは、活気があり、活気があり、非常に暖かい場所です。 夏休みを宣伝するサイトに必要なもの。 多くの異なる色がここで再生されますが、それらはすべて「 被写体の中 」です。 高品質のサイトには、すべての色が一般的なアイデアの利点を提供する配色があります。 色の明らかな選択によりデザインが良くなる場合があります。良い例はHell Designです。燃えるような赤とは異なる色を使用した場合、望ましい効果が得られません。
さまざまな背景：Saturized Studio
背景をある色で塗りつぶし、面白いと思うだけでは十分ではありません。 最高の背景は多様な背景です。 この例では、美しい赤橙色がさまざまな効果とグラデーションにさらされていることがわかります。 これにより、背景が少し熱くなり、面白くて平らに見えません。 濃いオレンジ色はコントラストとして非常にうまく機能し、テキストを含む非常に明るいブロックの背景として配置されることに注意することが依然として重要です。
デザインで色を使用するためのヒント
色は常にさまざまな可能性とバリエーションの調査とテストに適していますが、色と配色を選択する際に忘れてはならない重要なことがいくつかあります。
- 実験
「退屈な」トピックに関するサイトには、退屈な配色を使用しないでください。 - 品種を追加
グラデーション、パターン、ブラシを使用して、カラフルな背景を作成してください。 背景は、色だけが原因で見栄えがよくありません。 - トピックにこだわる
色がサイトが専用される製品またはサービスに適切であることを確認してください。
07.誰もやったことがないことをしてください。
最高のサイトのいくつかは、異常で、奇妙で、やや贅沢です。 しかし、設計者が標準を無視すると、通常、標準とは何かという概念そのものが変わってしまいます。 しかし、真に独創的であり、かつて誰も作成したことのないものを作成することは、設計において最も難しいことです 。
このベンチャーから、比類のない美しいもの、または批判に耐えられないものを作成できます。 成功と失敗の間には非常に細かい線があります。 つまり、何かが作成されなかったのには理由があり、通常はそのアイデアがばかげていたからです。 デザイナーは、すべての人にとって大切で甘いものから離れる勇気が必要です。ここにいくつかの例を示します。
MB Dragan Webサイトでのユニークなナビゲーション
これは、平均的なサイトナビゲーションとは異なりますが、標準のナビゲーションがあればサイトは見栄えがすることに同意しますか？ デザイナーはそのような珍しいナビゲーションシステムを作成するリスクを冒したと思いますが、それはこのサイトに本当に適しています。ここでは適切です。
Visualbox Webサイトと非常に視覚的なナビゲーション
Visualboxは1つの目標を設定しました-彼らの素晴らしい仕事を見せることです。 したがって、サイトにはほとんどテキストがありません。 一目でわかるのは、名前と作品のセレクションだけです。 マウスオーバーするとプレビューブロックの画像がプロジェクトの説明に置き換えられます。これは本当に効果的かつ機能的なソリューションであり、単なるリンクのリストよりもはるかに魅力的です。
Nikola MircicのWebサイトに直行します
だから、あなたはインターフェイスデザイナーであり、あなたは人々にあなたの仕事を見、あなたを雇ってもらいたい。 Nikola Mircicは、ビジネスへの直接的なアプローチで非常に印象的なWebサイトを作成する方法を示します。 入力すると、ページの上部に作者のさまざまな作品、彼の名前と職業、および連絡先の詳細が表示されます。 著者のサービスを使用するように説得する長いテキストや千の言葉はありません。彼は作品が自分で話すことを単に許可しました。 もちろん、写真をクリックして大きなバージョンといくつかのテキストを見ることができますが、サイトのレイアウトは本当にユニークで、私はその仕組みが好きです。
何か新しいことに挑戦するためのヒント
上記の例は、ユニークなアイデアの「インスピレーションの源」として考えられたものではなく、私にとって完全にユニークであるように見える少数のサイトです。 真実は、新しいアイデアをただ見回すことは不可能であるということです。実際、これは悪質な慣行です。 したがって、何か新しいものを発明しようとする場合、 このセクション全体を単純に無視できます！
- これは適切なはずです。
完全に新しいユニークなことをしようとするなら、まず「それは理にかなっていますか？」そして「これはサイトの目的にふさわしいでしょうか？」と自問してください。 答えが「はい」の場合は、行ってください！ - あなたが知っていたすべてを忘れてください！
まあ、すべてではないかもしれません-基本原則を忘れる必要はありませんが、新しいアイデアのインスピレーションを探すことは意味がありません。あなたは間違った方向を選んだだけかもしれません。 - ブランドを維持する
あなたの新しいアイデアが見栄えがよく、うまくいくなら、それが存在する権利を持っていることを皆に納得させるのはずっと簡単だと思います。
あなたにとっての「品質設計」とは何ですか？
設計の品質を左右する要因は非常に多いため、この記事では主な要因のみを明らかにしました。 したがって、デザインが良いかどうかを判断するためのパラメータについて、あなたのアイデアや考えを聞いてみたいと思います。
ご清聴ありがとうございました！