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構文の詳細な説明

推薦する

React でのポータルとエラー境界処理の実装

目次ポータルエラー境界処理エラー境界を使用しない場合はどうなりますか?注記ポータルスロットとも言えま...

年末ですが、MySQL パスワードは安全ですか?

序文:年末です。データベースを検査する時期ではないでしょうか?一般的に、検査では、パスワードの複雑さ...

HTML CSS を使用して div またはテーブルを指定した位置に固定する方法

CSSコードコンテンツをクリップボードにコピー.bottomTable{背景色: rgb (249,...

CSS はこのように使用できますか?気まぐれなグラデーションの芸術

前回の記事「1行のCSSコードの魅力」では、たった1行のCSSコードで生成できる美しい(奇妙な感じと...

Vue ファースト スクリーン パフォーマンス最適化コンポーネントの知識ポイントの概要

Vue ファースト スクリーン パフォーマンス最適化コンポーネントVue ファースト スクリーン パ...

VMWare12 グラフィックチュートリアルで Apple Mac OS X をインストールする

1. はじめに:友人はシステム知識を学びたいと考えており、Apple のラップトップを使用していまし...

MySQL における楽観的ロック、悲観的ロック、MVCC の包括的な分析

序文データベースの実際の使用では、データの書き込みや読み取りを同時に行わないことが必要な状況によく遭...

MySQL オンライン DDL ツール gh-ost 原理分析

目次1. はじめに1.1 原則1.2 プロセス1.3 特徴1.4 githubアドレス2. テスト環...

Spring Boot のパッケージ化と Docker リポジトリへのアップロードの詳細な手順

重要な注意: この記事を読む前に、Docker コンテナに関する知識と、一般的な Docker 操作...

MySQLの論理アーキテクチャに関する深い理解

MySQL は現在、ほとんどの企業や事業体で使用されているデータベースです。MySQL が使用される...

JavaScriptの基本構文とデータ型の詳細な説明

目次JavaScript のインポート1. 内部ラベル2. 外部紹介基本的な構文データ型番号弦ブール...

iOS WeChat H5ページのゴム反発効果の落とし穴記録

ビジネス要件最近開発したプロジェクトの一つに、WeChat公式アカウントに関連したH5ページがありま...

MySQLで時間を判定条件として使用する方法

背景: 開発プロセスでは、現在の月、現在の日、現在の時間、今後数日など、時間を判断条件としてデータを...

Vue ページに img 画像を導入する方法

HTMLを学ぶとき、画像タグ<img>は画像を導入します <img src=&qu...

MySQL 5.7.21 winx64 のインストールと設定方法のグラフィックチュートリアル

この記事では、MySQL 5.7.21のインストールに関する注意事項をまとめ、皆さんと共有します。 ...