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

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

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


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

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

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

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

推薦する

WeChatアプレットがユーザーの移動軌跡を記録

目次設定を追加json 構成レイヤー構成の表示論理層の構成位置追跡をオンにする録音を開始開始座標を決...

Nginx のアンチホットリンクを設定する方法

実験環境• 最小限のインストール済みの CentOS 7.3 仮想マシン• 構成: 1 コア/512...

MySQL ベースのシーケンス実装方法

チームは新しいフレームを交換しました。すべての新しいビジネスでは、新しいフレームワークと新しいデータ...

Vue-router は現在の場所 (/path) へのナビゲーションを許可しません。エラーの原因と修正

目次エラーメッセージ原因エラーのデモンストレーション回避策方法1方法2方法3エラーメッセージ現在の場...

webpackでvue環境を構築する際の異常なエラーを解決する

目次まず、package.jsonを設定します次にwebpackツールをインストールしますwebpa...

vue+tsは要素のマウスドラッグの効果を実現します

この記事の例では、要素のマウスドラッグ効果を実現するためのvue+tsの具体的なコードを参考までに共...

クリックイメージ反転効果を実現するJavaScript

最近、顔コレクションに関するプロジェクトに取り組んでいましたが、フロントエンドモジュールを書いている...

Vue プロジェクトをパッケージ化して Apache サーバーにデプロイする手順

開発環境では、vue プロジェクトは、ローカルで Express サーバーを構築することをベースにし...

Linux システムにおける時間設定の概要

1. 時間の種類は次のように分けられます。 1. ネットワーク時間（タイムゾーンの設定、ntpサーバ...

MySQLワームレプリケーションの基本知識

ワームは、その名前が示すように、自ら複製し、その数は倍増、つまり指数関数的に増加します。 MySQL...

CSS ファイルをインポートする 4 つの方法 (インライン、インライン、外部、インポート) の詳細な説明

CSS インポート方法 - インラインスタイルタグ属性を通じて、CSSのキーと値のペアがタグに直接書...

docker を使用して influxdb と mongo をデプロイするための一般的なコマンド

Docker ベースのデータベースをデプロイするsudo docker pull influxdb ...

Nexus を使用して Docker リポジトリを作成する方法

公式の Docker レジストリを使用して作成されたウェアハウスでは、イメージを削除してもデフォルト...

CSS3 で作成された背景グラデーションアニメーション効果

成果を達成する 実装コードhtml <h1 class="text-light&qu...

iOS スタイルの選択ボックスの開閉機能を実装するための純粋な CSS

1 効果デモアドレス: https://www.albertyy.com/2020/7/check...