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

推薦する

Windows 7 での MySQL 8.0.18 の導入とインストールのチュートリアル

1. 事前準備 (windows7+mysql-8.0.18-winx64) 1. ダウンロードアド...

Alibaba Cloud SSHリモート接続がしばらくすると切断される問題を解決

問題の再現Alibaba Cloud Server は、Finalshell リモート接続を使用して...

Ace をベースにした Markdown エディターを共有する

エディターは 2 つのカテゴリに分かれていると思います。1 つは、即時レンダリングを実現するために左...

Nginx設定ファイルの詳細な説明

Nginx の主な設定ファイルは nginx.conf で、グローバル ブロック、イベント ブロック...

MySQLアラームの詳細な分析と処理

最近、あるサービスにアラームが発生し、耐えられなくなっています。アラーム情報は次のとおりです。メトリ...

iFrameは背景を覆うポップアップレイヤーとして使うのに最適です

最近、私は「ぶどうコレクション」というプロジェクトに取り組んでいます。簡単に言うと、Budou ペー...

Windows 2019 アクティベーション チュートリアル (Office2019)

数日前、Server2019の正式版がリリースされたことを知り、面白半分でインストールしてみることに...

MySQL 5.7 のルートパスワードログイン問題の解決策

前回の記事でMySQLサービスが起動しない問題が解決したと分かった後、パスワードなしでrootユーザ...

VMware pro15 インストール macOS10.13 詳細インストール図(画像とテキスト)

編集者は最近、macOS システムを使い始めたかったので、VMware に macOS イメージ シ...

VMwareのCentosシステムでNavicatがMySQLサーバーに接続できない問題を解決します

ホスト 'xxxx' はこの MySQL サーバーに接続できませんエラー: 1130...

2秒以内にHTMLページ内の他のページにリダイレクトする方法

コードをコピーコードは次のとおりです。 <!DOCTYPE html PUBLIC "...

DockerコンテナにNFS共有ディレクトリをマウントする実装

以前、https://www.jb51.net/article/205922.htm で、Docke...

WeChatミニプログラムで検索キーワードを強調表示するサンプルコード

1. はじめにプロジェクトで要件に遭遇したら、データを検索してキーワードを強調表示します。要件を受け...

MySQL の悲観的ロックと楽観的ロックの理解と応用分析

この記事では、例を使用して MySQL の悲観的ロックと楽観的ロックについて説明します。ご参考までに...