最高のウェブサイトには、珍しい、奇妙な、さらには奇妙なデザインがいくつかあります。しかし、伝統に挑戦するこうした試みは伝統の定義を変えたかもしれない。とはいえ、完全にオリジナルで誰もやったことのないものを作るのは、デザインのプロセスの中で本当に難しいことです。
ルールを破った後は、成功も失敗もあと一歩です。驚くほど賢いデザインを作ることもできるし、大量の駄作を作って批判されることもできる。人々がそれをやらないのには理由があります。それは、いくつかのアイデアがひどいからです。人々が知っていて好んでいる領域から一歩踏み出すには、非常に勇気が必要です。以下にいくつかの例を示します:
MB Dragan の独自のナビゲーション
は、通常のサイト ナビゲーションではありませんが、それでも Web サイトのように見え、標準のナビゲーションと同じくらい優れています。少し危険ではありましたが、結果はサイトの性質と非常に一致していました。非常に関連性の高いデザインで、ナビゲーションとデザイン全体の連携を評価せずにはいられません。
Visualbox (Visual Box) 非常に視覚的なナビゲーション
Visualbox の Web サイトの目標はただ 1 つ、インテリジェントな作品を紹介することです。そのため、彼らは多くの言葉を使用せず、最初に目に入るのは彼らの名前と作品のセレクションです。 プレビュー画像上でマウスをスライドするとプロジェクト名が表示され、クリックするとページ上のプロジェクトの対応する位置にスライドします。これは非常に効率的かつ実用的なソリューションであり、単にリストを作成するよりもはるかに魅力的です。
早速 Nikola Mircic さん
あなたがインタラクション デザイナーで、他の人に自分の作品を見て、あなたを雇用することに感動してもらう必要があるとします。ニコラ・ミルチッチは、思い出に残るサイトを構築する上で、要点をまっすぐに伝えることがいかに重要かを教えてくれます。彼のサイトを開くとすぐに、さまざまなスタイルの作品がページの上部に目立つように配置されており、もちろん連絡先リンクもたくさんあります。彼を雇うよう説得するための冗長な文章はあまりなく、仕事そのものが彼の才能の証です。もちろん、作品のサムネイルをクリックすると、文字数十分の詳細な紹介ページが表示されます。彼のコンテンツの整理方法が本当に好きです。
新鮮なアイデアを実装するためのヒント
上記の例は、あなたのユニークな創造性を「刺激する」ことを目的としたものではなく、私が見つけたユニークなサイトの一部にすぎません。それだけです。実際、新しいアイデアのインスピレーションを求めてあちこちを探すべきではありません。そうすると、あなたのアイデアは他の人からインスピレーションを受けることになり、完全な革新に反します。したがって、本当に特別なものを作成する予定がある場合は、この部分を忘れてください。
物事間のつながりを確保する
特にユニークなことをしようと計画している場合は、まず「それは本当に必要ですか?」、「これは意味がありますか?」、「それはブランドの魅力に適合しますか?」と自問してください。はい、それでは行動を起こしてください。
知っていることはすべて忘れてください!
実際にはそれだけではなく、基本原則は依然として必要です。そうは言っても、まったく新しいアイデアからインスピレーションを求める必要はありません。それは簡単に誤った方向に導く可能性があるからです。
品質と基準を確保する
基本的に、新しいアイデアが十分に優れていれば、品質を判断するのは簡単だと思います
上記は、高品質な Web デザイン: 例とヒントその 7 (他の人が持っているものを実行する)未完了) (物)、その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) にご注意ください。

記事では、CSSマージンプロパティ、特に「マージン:40px 100px 120px 80px」、そのアプリケーション、およびWebページレイアウトへの影響について説明します。

この記事では、カスタマイズ、ベストプラクティス、および応答性に焦点を当てたCSSボーダープロパティについて説明します。主な議論:Border-Radiusは、レスポンシブデザインに最も効果的です。

この記事では、CSSのバックグラウンドプロパティ、Webサイトの設計の強化における使用、および避けるべき一般的な間違いについて説明します。重要な焦点は、バックグラウンドサイズを使用したレスポンシブデザインです。

記事では、CSS HSLの色、Webデザインでの使用、およびRGBよりも利点について説明します。主な焦点は、直感的な色の操作を通じて設計とアクセシビリティを向上させることです。

この記事では、CSSでのコメントの使用について説明し、シングルラインとマルチラインのコメント構文を詳述しています。コメントはコードの読みやすさ、保守性、コラボレーションを強化するが、適切に管理されていないとウェブサイトのパフォーマンスに影響を与える可能性があると主張しています。

この記事では、HTML要素のスタイリングのCSSセレクター、その種類、および使用法について説明します。 IDとクラスのセレクターを比較し、複雑なセレクターでパフォーマンスの問題に対処します。

この記事では、CSSの優先順位について説明し、特異性が最も高いインラインスタイルに焦点を当てています。 CSS競合を管理するための特異性レベル、オーバーライド方法、およびデバッグツールを説明します。

記事では、HTMLにCSSを追加する3つの方法について説明します:インライン、内部、および外部。ウェブサイトのパフォーマンスと初心者の適合性に対する各方法の影響が分析されます。(159文字)


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

SublimeText3 中国語版
中国語版、とても使いやすい

WebStorm Mac版
便利なJavaScript開発ツール

ZendStudio 13.5.1 Mac
強力な PHP 統合開発環境

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









