您当前位置:图趣网(Tuquu) >> 网页设计教程 >> 设计理论 >> 浏览设计教程

网页设计进阶之四:关于素材和言志

关于收集素材:
三遍记忆,让你记住海量素材的准确位置和用途,提高其可用性
点击在新窗口中浏览此图片
      这仅仅是一个示意图.在以往的日子里,我做到了只要脑袋里冒出一个想法,立刻就能知道我需要用的素材在什么位置...那时候我很穷,穷到连买书的钱都没有,更别说是买动辄几百快的设计资源光盘了.
      设计师最大的特色,我认为是他特有的那个文件夹,或叫"杂七杂八",或叫"乱七八糟",或叫"什么都有"或叫"大杂烩",这里的东西,没有人会太在意,但是往往很多优秀的idea或很眩的效果都是从这里得到的灵感.可以说是精华集中的地方,也可以说是垃圾的集散地.我甚至以这个文件夹是否存在来判断一个网页设计师的水平高低......

      在指导同事的这段日子里,我发现了一个很重大的问题.他们知道收集素材的重要性.他们也知道这个动作将会大大缩短他们设计的时间.但是他们对素材的分类做的不够仔细.很混乱.不利于自己快速找到适合的东西,而且他们对素材的记忆很差.基本上属于看着不错保存下来,仅此而已.

      而我在收集的过程中,每一个被我保存下来的东西都有它被我保存的原因.是结构新颖还是颜色搭配很好还是动作优雅高贵,这仅仅是第一遍的记忆.在我把这个东西保存到自己的计算机里的相应的分类里时,这是第二遍记忆.每隔一段时间,我会再去浏览一遍这些素材.这是第三遍记忆.

      我的分类很详细.我的素材很多很多.每过一段时间我会删除一些我非常喜欢的东西.因为我已经有能力做出这样的东西.甚至是举一反三以及更多的变通.我清楚的记得我在什么地方可以找到什么样的东西.那些很不起眼的txt文档可以让我在短短十数秒之内找到当前文件夹最具特色的几个文件.我很擅长用ACDSEE去重新命名这些文件.我的图片全部是一套接一套.全部都是,绝对没有哪张图片是孤零零的一张.因为我会抽时间去仿照那些效果去做东西.所以,在每个目录下几乎都增加了一个psd或ai或fla文件夹.

      慢慢的,我开始不看那些素材.偶尔只是到里边挑几个楼或几个风景..间隔的时间越来越长.我开始逐渐抛弃这些素材.....

抛弃你收集的素材!

      经过一遍遍的分析和对比.我脑袋中对这些素材的了解越来越深.我甚至可以分辨出哪个网站是哪个公司做的.我甚至可以告诉你哪个站哪个地方哪张图片可以直接用在我的东西的哪个位置.而每有一个想法我都会迅速的想到他的处理技法.这一切都归功于我对素材的理解和分析.到了这一步.你认为你还需要素材么?

      在不得不把自己的硬盘清理了之后再COPY那些素材,在不得不从40G移动硬盘升级到80G之后,我离开了收集了那么久的素材的那个公司.我自己的机器里只有可怜的一部分,而公司的却是满了一台机器之后又换了一台.这些都是我的心血.但我不会回去copy.包括我之前作品的源文件,因为我相信,我绝对可以超越以前的一切....

对比和分析,以及尝试性的摹仿,会让你的水平一天天的增长.

      我每天都有固定的时间徘徊在那些酷站列表之上.每一个我有兴趣的酷站我都会去认真的分析它.直到我弄明白这个站点的设计思路.直到我明白它为什么要这样做,和这样做的好处.这让我对地域文化有了更深了了解,让我对各个国家的风格有了进一步的把握.我会拿两个非常相似的酷站在一起对比.去研究他们的亮点,然后想着这个亮点用什么样的手法才能处理出来.如果是我,我会怎么样去突出这个亮点.所以我的同事经常会看到我看一个站超过半天.我的垃圾桶里有很多纸,都是被画了一遍又一遍的.我能够把一个站的某一个特色演化成另外一个完整的站点.没事的时候我会在脑海里去演变那些让我很感兴趣的效果.在学习css的时候,我经常去down那些酷站的style下来分析.把位置调换一下,如果是我,我是否能想到跟它一样的甚至是更好的方法,我每天都在不停的思考.学习.直到我发现我一个人孤零零的在学习...

      刚开始做网站的时候,直接去搜那些好的站,然后找到一个合适的,页面另存为.然后去修改.后来随着素材的累计,我对自己的做法深感厌恶.我开始用ps做整图,虽然上头不允许我这样做,说浪费时间,但我还坚持,最后我做到了速度跟改另存的网页一样,做图的时候我时刻在想着怎么样处理能让我的布局更简单而效果不变.怎么样才能让这张图的重复利用率增加.在同一个背景不同颜色的时候我怎么样让制作的时间缩到更短...那时候,仅仅是在追求利益.但我在追求利益的同时把握到了最好最快的学习手段,至少,我是这样认为的.

[教程作者:图趣网]
免责声明:本站文章系图趣网整理发布,如需转载,请注明出处,素材资料仅供个人学习与参考,请勿用于商业用途!
本文地址:http://www.tuquu.com/tutorial/di965.html
网页设计进阶之三:设计步骤及思考
网页设计进阶之五:构图的均衡与视觉引导、曲线/弧/光和影的运用
图趣网微信
建议反馈
×