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

推薦する

CSS3+ベジェ曲線でスケーラブルな入力検索ボックス効果を実現

では、早速レンダリングを見てみましょう。 コア コードはtransition: cubic-bezi...

nginxを使用して画像サイズを動的に変換し、サムネイルを生成します。

Nginx ngx_http_image_filter_module モジュール (nginx バ...

意外と知らないJSのループ速度テストのいろいろを徹底解説

目次序文1. forループ2. whileループとdo-whileループ3. forEach、map...

SSHのssh-keygenコマンドの基本的な使い方の詳細な説明

SSH 公開鍵認証は、SSH 認証方式の 1 つです。 SSH パスワードフリーのログインは公開鍵認...

React.cloneElement の使い方の詳しい説明

目次cloneElementの役割使用シナリオ新しい小道具を追加するプロップを変更するイベントカスタ...

TomcatをダウンロードしてLinuxにインストールする詳細な手順

Linux に触れたばかりの方には、この内容が役に立つかもしれません。Linux にしばらく触れてい...

Docker が elasticsearch を起動するときのメモリ不足の問題と解決策

質問Docker が elasticsearch をインストールして起動するときにメモリが不足するシ...

Linux でファイルを削除するさまざまな方法の効率の比較

Linux で大量のファイルを削除する効率をテストします。まず500,000個のファイルを作成する$...

シェルスクリプトを使用して Docker サービスを一括で開始および停止する

目次Dockerを起動するDockerを停止するPython 呼び出しスクリプト最近、日々のテストで...

Linux 仮想ホストで SourceGuardian (sg11) 暗号化コンポーネントを有効にする詳細な手順

注: sg11 弊社では Linux システム仮想ホストのセルフインストールのみサポートしております...

MySQL 永続統計の詳細な説明

1. 永続的な統計情報の重要性:統計は、MySQL が実行プランを生成するためのガイドとして使用され...

Mysql 8.0.17 winx64バージョンのインストール中に発生した問題を解決する

1. my.iniファイルを手動で作成して追加する # クライアントセクション # --------...

CSS スタイルを使用して表のフォントを垂直中央に配置する方法

CSS スタイルを使用して表内のフォントを垂直方向に中央揃えする方法は次のとおりです。下図のようなカ...

MySQLクエリ制御ステートメントの詳細なグラフィック説明

mysql クエリ制御ステートメントフィールド重複排除 **キーワード: 明確** 構文: テーブル...

Ubuntu システムにおける Mysql ERROR 1045 (28000): ユーザー root@localhost へのアクセスが拒否される問題の解決方法

最初の方法: skip-grant-tables: 非常に便利なmysql起動パラメータ非常に便利な...