ウェブデザインにおける装飾要素の応用の概要

ウェブデザインにおける装飾要素の応用の概要
<br />序文: このチュートリアルを読む前に、序文を注意深く読んでください。そうしないと誤解に陥ってしまいます。
最近、私はパーソナライズされたカジュアル ウェアの Web サイトのデザイン コースを受講していました。その過程で、パーソナライズされた要素の適用が最も難しい問題であることがわかりました。まず、どのようなパーソナライズされた要素がプロジェクトのスタイルに適しているか。次に、パーソナライズされた要素をどのように把握し、どのような要素がプロジェクトの位置付けを強調するか。
ここで論じた共通性と個別性は、Web デザインにおける装飾要素についての私の要約を純粋に適用したものであり、他の解釈を示すものではありません。「共通性と個別性」は、慣習的な要素と個別の要素を区別するために私が使用する言葉でもあります。これは形式的なブレークスルーとして理解できます。
共通点と個性を理解する
    共通性の説明:共通性とは、自然に存在し、人々に認識されている慣習的なものです。たとえば、直線は不変の要素であり、共通性です。たとえば、私たちが着ている服、長袖、半袖、長ズボン、ショートパンツは、通常の基準に従って生産されています。これらも共通性です。個性の説明:個性は共通性と相対的であり、共通性と異なる要素が個性です。たとえば、各人が描くランダムな線は非常に異なっていますが、これは個性の要素です。たとえば、もともと普通のジーンズですが、若者はそれを切ったり、つぎはぎしたりして、違って見えるようにするのが好きですが、これも個性です。


1. 共通要素と個別要素を習得し、共通要素を個別要素に変換します。
常識的に言えば、等間隔に線を配置すると見た目がとてもきれいです。等間隔に配置されている限り、最終的な効果は同じで、特徴や欠陥がなく、誰も問題があるとは思わないでしょう。個性的な扱い、線をランダムに配置すると、線の間隔が不均等になり、ランダムなリズム感が形成されます。各人の配置の最終的な効果は異なり、最終的には良いことも悪いこともあるため、把握するのがより困難です。


常識: 多くの要素を線でつなげてすっきりとした印象を与えます。個性: 要素をランダムに散らして配置し、さまざまなサイズと間隔のポイントを形成します。これにより、形成されるグラフィックにリズム感が生まれます。

注意: 効果はページを提供するためのものであり、効果はページ スタイルに準拠している必要があります。
効果は常にページのスタイルに役立ちます。ページのスタイルを理解せずにさまざまな効果をランダムに使用すると、最終的に説得力がありません。
前のページ1 2 3 4 次のページ 全文を読む

<<:  IE8対応のボーダー半径処理方法

>>:  Linux での SELinux を理解する方法

推薦する

Docker に influxdb をインストールするための詳細なチュートリアル (パフォーマンス テスト)

1. 前提条件1. プロジェクトが展開されました2. Dockerはすでにインストールされている2...

JavaScript を使って簡単な計算機を書く

効果は以下のとおりです。参考プログラム: <!DOCTYPE html> <htm...

Nginx操作応答ヘッダー情報の実装

前提条件: ヘッダー情報操作をサポートするには、ngx_http_headers_module モジ...

Web デザイナーにはどのような知識体系が必要ですか?

製品設計者は、複雑で大規模な製造システムと多様な市場に直面しているため、知識体系には幅広さと深さの両...

HTMLエリアタグの詳しい説明

<area> タグは、イメージ マップ内の領域を定義します (注: イメージ マップはク...

MySQL トランザクション分析

取引トランザクションはビジネス ロジックの基本単位です。各トランザクションは一連の SQL ステート...

WeChatアプレットがシンプルな計算機機能を実装

この記事では、WeChatアプレットの計算機機能を実装するための具体的なコードを参考までに紹介します...

親要素に対する CSS 子要素の配置の実装

解決親要素に position:relative を追加します。子要素に position:abso...

CSS を使用して小さな画像をプルダウンし、大きな画像と情報を表示する方法

今日は、Taobao、JD.comなどのショッピングモールでよく使われている、小さな画像の上にマウス...

ネイティブ js はフォームの定期的な検証を実装します (検証後にのみ送信)

以下の機能が実装されています。 1. ユーザー名: onfouc は msg ルールを表示します。o...

純粋な CSS を使用してユーザーが Web ページのコンテンツをコピーするのを防ぐ方法

序文私自身の個人ブログを入力しているときに、ブログの詳細ページでさまざまなコンテンツをコピーするさま...

さまざまなブラウザに対応するためにCSSで指定フォント@font-faceを導入する際の問題

Web ページを作成するときに、特定のフォントを使用したい場合は、 @font-faceを介して参照...

W3Cチュートリアル(1):W3Cを理解する

1994 年に設立された組織である W3C は、共通プロトコルの開発を促進し、それらの相互運用性を確...

複数レベルの複雑な動的ヘッダーの avue-crud 実装例

目次序文バックグラウンドデータの結合フロントエンドデータ表示ページ効果表示Avue.js は、既存の...

MySQL 5.7 でブロックポジショニング DDL の問題を解決する

前回の記事「MySQL テーブル構造の変更、メタデータ ロックを知っておく必要があります」では、MD...