ウェブデザイン:大量の素材の正確な配置と使用

ウェブデザイン:大量の素材の正確な配置と使用

3回の暗記により、大量の資材の正確な場所と目的を記憶でき、その使いやすさが向上します。

これは単なる概略図です。昔は、アイデアが浮かんだ瞬間に必要な材料がどこにあるかがわかりました...。当時の私はとても貧乏で、何百元もするデザインリソースCDを買うお金どころか、本を買うお金さえありませんでした。
デザイナーの最大の特徴は、そのデザイナー特有のフォルダにあると思います。それは「雑多」「雑多」「何でもあり」「寄せ集め」とも言えるものです。このフォルダの中身をあまり気にする人はいませんが、優れたアイデアや目を見張るような効果の多くは、このフォルダからインスピレーションを得ていることが多いのです。エッセンスが凝縮された場所ともいえるし、ゴミの集積所ともいえるでしょう。このフォルダの有無でデザイナーのレベルを判断することもあるくらいです...
同僚を指導していたとき、私は非常に重要な問題を発見しました。彼らは材料を集めることの重要性を知っていました。また、この行動によって設計時間が大幅に短縮されることも知っていました。しかし、彼らは材料を十分に注意深く分類していませんでした。それは非常に混乱を招きました。適切なものを素早く見つけるのに役立ちませんでした。さらに、彼らの材料の記憶力は非常に乏しかったのです。基本的に、彼らは見た目が良い材料だけを保存し、それで終わりでした。
収集の過程で、私が保存したすべてのものに理由がありました。斬新な構造、優れた色の組み合わせ、エレガントで高貴な動きなど、これは最初の記憶にすぎません。これをコンピューターの対応するカテゴリに保存すると、これが2番目の記憶になります。時々、これらの資料をもう一度調べます。これが3番目の記憶です。
私の分類は非常に細かく、素材もたくさんあります。時々、とても気に入ったものを削除します。なぜなら、私にはそのようなものを作る能力があるからです。1つのことから学んで、さらに変更を加えることさえできます。どこに何があるかを明確に覚えています。目立たないtxtファイルを使用すると、現在のフォルダーで最も特徴的なファイルをわずか10秒で見つけることができます。私はACDSEEを使用してこれらのファイルの名前を変更するのがとても得意です。私の写真はすべて1セットずつです。孤独な写真はまったくありません。なぜなら、私は時間をかけてそれらの効果を模倣して物を作るからです。したがって、psd、ai、またはflaフォルダーがほぼすべてのディレクトリに追加されます。
だんだんと、私はそれらの素材を見なくなりました。時々、建物や風景をいくつか選ぶだけで、その間隔はどんどん長くなりました。私は徐々にそれらの素材を放棄し始めました。
集めた素材は捨ててください!
分析と比較を繰り返した結果、私はこれらの素材についてより深く理解するようになりました。どのウェブサイトがどの会社によって作られたかさえも分かります。どのウェブサイトのどの場所のどの写真が私の作品のどの位置に直接使用できるかさえも分かります。そして、アイデアが浮かぶたびに、すぐに彼の処理技術を考えます。これらはすべて、私が素材を理解し分析したおかげです。この時点で、まだ素材が必要だと思いますか?
ハードドライブをクリーンアップして素材をコピーし、40Gのモバイルハードドライブから80Gにアップグレードした後、長い間素材を集めていた会社を辞めました。自分のマシンにはほんの少ししか残っておらず、会社のマシンはいっぱいになって交換されました。これらはすべて私の努力の成果です。しかし、コピーに戻るつもりはありません。以前の作品のソースファイルも含めて、以前のすべてを間違いなく超えられると信じているからです...
比較、分析、試行錯誤を繰り返すことで、日々スキルが向上します。
毎日決まった時間で、クールなサイトのリストを巡ります。興味のあるクールなサイトを一つ一つ注意深く分析し、そのサイトのデザインアイデアを理解します。なぜこのようにするのか、そしてそうすることの利点を理解するまで。こうすることで、地域の文化をより深く理解し、さまざまな国のスタイルをさらに把握することができます。非常によく似た 2 つのクールなサイトを比較します。そのハイライトを研究し、このハイライトに対処するためにどのようなテクニックを使用できるのかを考えます。私だったら、このハイライトをどのように強調しますか? そのため、同僚は私が半日以上サイトを見ているのをよく見ています。私のゴミ箱には、何度も何度も描かれた紙がたくさんあります。サイトの特定の機能を別の完全なサイトに進化させることができます。何もすることがないときは、興味のある効果を頭の中で進化させます。CSS を学習するときは、それらのクールなサイトのスタイルをダウンロードして分析することがよくあります。位置を変更します。私だったら、同じ方法、またはさらに良い方法を思いつくでしょうか? 私は毎日考え、学び続けます。一人で学習していることに気付くまで...
私がウェブサイトを作り始めた頃は、良いウェブサイトを探して、適当なものを見つけて、ページを保存して、修正するというやり方をしていました。その後、資料が蓄積していくうちに、自分のやり方に嫌気がさし、PSを使って全体の絵を作り始めました。上司は時間の無駄だと言って許してくれませんでしたが、私はそれでも主張しました。結局、保存したウェブページを修正するのと同じくらい早く作りました。絵を作るときは、効果を変えずにレイアウトをシンプルにする方法を常に考えていました。この絵の再利用率を上げるにはどうしたらいいか。同じ背景で色を変えるときに、制作時間を短縮するにはどうしたらいいか...。当時は、メリットだけを追求していました。しかし、メリットを追求しながら、少なくとも、最良かつ最速の学習方法を把握したと思います。
私は今もデザイン業界の底辺で頑張っています。私の記事が転載されるとき、私の名前は絶対に署名されません。元のURLも誰も追加しません...他の人に軽蔑されないように、「weilaixu」というフレーズが表示されないようにします...以前は、各サイトが完成するたびに、盗作したサイトに感謝するために、最も目立たない場所に感謝のメモを追加したこともありました。これは会社で許可されていないため、会社から見えない場所に追加しました。しかし、私が変更したものが他の人に盗作されたのを見て、感謝のメモはまだそこにありました...私は本当に恥知らずですか?それとも一般的に恥知らずですか?
記事を書くのはとても苦痛です。血を吐きそうになることもしばしばです。それははっきりと理解しているのですが、言葉で表現することができません。とても悲しいです。でも、あきらめません。
中国のIDを「たくさんのクソを持っている人」に変更しました。いつか、そのクソをすべて金に変えてやる!!!

<<:  DockerとVMwareの競合を解決する

>>:  MySQL binlog ログを開く方法

推薦する

ユーザーエクスペリエンスの要素またはWebデザインの要素

システムとユーザー環境の設計<br />Apple システムの成功は、そのシステム アー...

IIS7~IIS8.5 サーバープロトコルヘッダーの削除または変更

要件: IIS 7、7.5、8.0、8.5、および ASP.NET で HTTP 応答ヘッダーを削除...

Ubuntu 18.04 Linux システムに JDK と Mysql をインストールする方法

プラットフォームの展開1. JDKをインストールするステップ1. OracleJDKをダウンロードす...

Mybatisの特殊文字処理の詳細な説明

序文: Mybatis の特殊文字処理、Mybatis の xml ファイル内の特殊文字の処理、ここ...

Linuxカーネルをコンパイルする方法

1. 必要なカーネルバージョンをダウンロードする2. オペレーティングシステムにアップロードする3....

正規表現に基づくあいまい文字列置換を実装するMySQLの方法の分析

この記事では、例を使用して、MySQL を使用して正規表現に基づくあいまい文字列置換を実装する方法を...

Vue3におけるキーの役割と動作原理についての簡単な説明

このキー属性の機能は何ですか?まずは公式の説明を見てみましょう。 kekey 属性は主に、新しいノー...

1 つの記事で MySQL のプリコンパイルを理解する

1. プリコンパイルの利点私たちは皆、プリコンパイル機能を備えた JDBC の PreparedSt...

Ubuntu 20.04にSogou入力方式をインストールする詳細な手順

1. Fcitx入力フレームワークをインストールする関連する依存ライブラリとフレームワークは自動的に...

Nginx転送マッチングルールの実装

1. 正規表現マッチング大文字と小文字を区別するマッチングの場合 ~ ~*は大文字と小文字を区別しな...

JSはタイムラインの自動再生を実現する

最近、次のような効果を実装しました。再生ボタンをクリックするとタイムラインの再生が開始され、一時停止...

燃える炎効果の英語フォント16種類をシェアする

私たちは視覚の世界に住んでおり、多くの視覚効果に囲まれています。コンピューターの前にいても、屋外にい...

モバイルデバイスで 1 ピクセルの境界線の問題を解決するいくつかの方法 (5 つの方法)

この記事では、モバイルデバイス上の 1 ピクセルの境界線の問題を解決する 5 つの方法を紹介します。...

CSSの一般的なプロパティ

CSS の背景: background:#00ffee; //背景色を設定するbackground-...

HTML でカスタム画像を使用してチェックボックスを表示する方法

チェックボックスの使用を実装するために画像を使用する必要がある場合は、それを使用して実装できます。実...