Webデザイン講座(4):素材と表現について

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

<<:  MySQLの共同クエリ最適化メカニズムの詳細な説明

>>:  XML構文の詳細な説明

推薦する

包括的なウェブサイト評価ソリューション

<br />「XXXのウェブサイトを見てみませんか?」といった質問をされることもあります...

フロントエンドはJavaScriptを通じてCADグラフィックスの詳細を作成および変更します。

目次1. 現状2. JSでCADグラフィックを作成および変更する2.1 サポートされているCADエン...

【HTML要素】画像の埋め込み方法

img 要素を使用すると、HTML ドキュメントに画像を埋め込むことができます。画像を埋め込むには、...

JavaScript でシンプルな Web 時計を実装する

JavaScript を使用して Web ページ クロックを実装します。効果は次の図に示されています...

Windows および Linux で tomcat9 を介して war パッケージを手動で展開する方法

Windows 環境と Linux 環境では結果が異なります。ウィンドウズステップ 1: Maven...

div が iframe に覆われるいくつかの状況とその解決策

類似の構造:コードをコピーコードは次のとおりです。 <div></div>&...

Vueのカスタムディレクティブの詳細なガイド

目次1. カスタム指示とは何ですか? 2. 指示をカスタマイズする方法フック機能3. 応用シナリオ入...

MySQL エラー 1290 (HY000) の解決方法

私は長い間問題に取り組み、文法上の問題を何度も確認しました。しかし、後でネットで調べてみたら、突然理...

iframeフレームはIEブラウザで白い背景を透明に設定します

最近、プロジェクトを進める過程で、ページの階層構造を描画するために iframe を頻繁に使用する必...

Azure Container Registry を使用してイメージを保存する際の問題

Azure Container Registry は、Docker Registry 2.0 仕様に...

一般的な HTTP ステータス コード 10 個の詳細な説明

HTTP ステータス コードは、Web サーバーの HTTP 応答ステータスを示すために使用される ...

CN2、GIA、CIA、BGP、IPLC はどういう意味ですか?

CN2ラインとは何ですか? CN2 は、China Telecom Next Carrier Ne...

js でオブジェクトを作成するさまざまな方法とその長所と短所のまとめ

目次初期作成方法ファクトリーパターンコンストラクターパターンコンストラクタパターンの最適化プロトタイ...

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

WeChatアプレット:シンプルな計算機、参考までに、具体的な内容は次のとおりです。ミニプログラムに...

Nginx は高可用性クラスタ構築を実装します (Keepalived+Haproxy+Nginx)

1. コンポーネントと実装機能Keepalived: Haproxy サービスの高可用性を実現し、...