网页设计:海量素材的准确位置和用途

所属分类: 网页制作 / 应用技巧 阅读数: 494
收藏 0 赞 0 分享

三遍记忆,让你记住海量素材的准确位置和用途,提高其可用性.

这仅仅是一个示意图.在以往的日子里,我做到了只要脑袋里冒出一个想法,立刻就能知道我需要用的素材在什么位置...那时候我很穷,穷到连买书的钱都没有,更别说是买动辄几百快的设计资源光盘了.
设计师最大的特色,我认为是他特有的那个文件夹,或叫"杂七杂八",或叫"乱七八糟",或叫"什么都有"或叫"大杂烩",这里的东西,没有人会太在意,但是往往很多优秀的idea或很眩的效果都是从这里得到的灵感.可以说是精华集中的地方,也可以说是垃圾的集散地.我甚至以这个文件夹是否存在来判断一个设计师的水平高低......
在指导同事的这段日子里,我发现了一个很重大的问题.他们知道收集素材的重要性.他们也知道这个动作将会大大缩短他们设计的时间.但是他们对素材的分类做的不够仔细.很混乱.不利于自己快速找到适合的东西,而且他们对素材的记忆很差.基本上属于看着不错保存下来,仅此而已.
而我在收集的过程中,每一个被我保存下来的东西都有它被我保存的原因.是结构新颖还是颜色搭配很好还是动作优雅高贵,这仅仅是第一遍的记忆.在我把这个东西保存到自己的计算机里的相应的分类里时,这是第二遍记忆.每隔一段时间,我会再去浏览一遍这些素材.这是第三遍记忆.
我的分类很详细.我的素材很多很多.每过一段时间我会删除一些我非常喜欢的东西.因为我已经有能力做出这样的东西.甚至是举一反三以及更多的变通.我清楚的记得我在什么地方可以找到什么样的东西.那些很不起眼的txt文档可以让我在短短十数秒之内找到当前文件夹最具特色的几个文件.我很擅长用ACDSEE 去重新命名这些文件.我的图片全部是一套接一套.全部都是,绝对没有哪张图片是孤零零的一张.因为我会抽时间去仿照那些效果去做东西.所以,在每个目录下几乎都增加了一个psd或ai或fla文件夹.
慢慢的,我开始不看那些素材.偶尔只是到里边挑几个楼或几个风景..间隔的时间越来越长.我开始逐渐抛弃这些素材.....
抛弃你收集的素材!
经过一遍遍的分析和对比.我脑袋中对这些素材的了解越来越深.我甚至可以分辨出哪个网站是哪个公司做的.我甚至可以告诉你哪个站哪个地方哪张图片可以直接用在我的东西的哪个位置.而每有一个想法我都会迅速的想到他的处理技法.这一切都归功于我对素材的理解和分析.到了这一步.你认为你还需要素材么?
在不得不把自己的硬盘清理了之后再COPY那些素材,在不得不从40G移动硬盘升级到80G之后,我离开了收集了那么久的素材的那个公司.我自己的机器里只有可怜的一部分,而公司的却是满了一台机器之后又换了一台.这些都是我的心血.但我不会回去copy.包括我之前作品的源文件,因为我相信,我绝对可以超越以前的一切....
对比和分析,以及尝试性的摹仿,会让你的水平一天天的增长.
我每天都有固定的时间徘徊在那些酷站列表之上.每一个我有兴趣的酷站我都会去认真的分析它.直到我弄明白这个站点的设计思路.直到我明白它为什么要这样做,和这样做的好处.这让我对地域文化有了更深了了解,让我对各个国家的风格有了进一步的把握.我会拿两个非常相似的酷站在一起对比.去研究他们的亮点, 然后想着这个亮点用什么样的手法才能处理出来.如果是我,我会怎么样去突出这个亮点.所以我的同事经常会看到我看一个站超过半天.我的垃圾桶里有很多纸, 都是被画了一遍又一遍的.我能够把一个站的某一个特色演化成另外一个完整的站点.没事的时候我会在脑海里去演变那些让我很感兴趣的效果.在学习css的时候,我经常去down那些酷站的style下来分析.把位置调换一下,如果是我,我是否能想到跟它一样的甚至是更好的方法,我每天都在不停的思考.学习. 直到我发现我一个人孤零零的在学习...
刚开始做网站的时候,直接去搜那些好的站,然后找到一个合适的,页面另存为.然后去修改.后来随着素材的累计,我对自己的做法深感厌恶.我开始用ps做整图,虽然上头不允许我这样做,说浪费时间,但我还坚持,最后我做到了速度跟改另存的网页一样,做图的时候我时刻在想着怎么样处理能让我的布局更简单而效果不变.怎么样才能让这张图的重复利用率增加.在同一个背景不同颜色的时候我怎么样让制作的时间缩到更短...那时候,仅仅是在追求利益.但我在追求利益的同时把握到了最好最快的学习手段,至少,我是这样认为的.
我还是在设计的底层打拼.我的文章被人转载的时候从来不会署我的名.也没有人加上原文地址...我努力让weilaixu这个词组哪怕是不出现,也不要让别人看扁....以前我甚至在每一个站完成后,在最不显眼的地方加上感谢的字样,感谢我抄袭的那个站.这是不被公司允许的,所以我加在他们看不到的地方. 但是当我看到我改的东西被人家抄袭后,我里边的感谢字样竟然还在.....我究竟是很无耻呢?还是一般无耻?
我写文章写的很痛苦.经常想吐血.明明是自己理解的东西.偏偏在文字上就是写不出来.我很难过.但我不会放弃.
我把我的中文ID改为"有粪量的人",总有一天,我会让那些粪量,全部变成黄金!!!
更多精彩内容其他人还在看

网页设计技巧:iframe自适应高度的问题

所谓iframe自适应高度,就是,基于界面美观和交互的考虑,隐藏了iframe的border和scrollbar,让人看不出它是个iframe
收藏 0 赞 0 分享

网页色彩对比与调和技巧分享

在对比状态下,色彩相互作用与单一色彩所带给人的感觉不一样,这种现象是由视觉残影引起的。当我们长时间注视某一彩色图像之后,再看白色背景时,眼前会出现色相、明度关系大体相仿的补色图像
收藏 0 赞 0 分享

网页色彩性质的分类

任何颜色都可以使用三原色——红、绿、蓝组合而成,三原色中只有红色是暖色,所以要判断作品颜色的冷暖,可以依据红色成分的多少而定。色调主要由明度与彩度组合而成,用来表示颜色的状态
收藏 0 赞 0 分享

使用Photoshop 制作网页线框图简单实用

这篇文章向大家介绍一套免费的Photoshop 线框图套件,这个线框图套件中包括通知、图片和视频,表单字段,标题,段落,项目符号列表,导航,广告横幅和普通网站的元素,如:搜索框,电子邮件注册表单等等
收藏 0 赞 0 分享

CSS使用技巧总结

偶尔看到一篇CSS常用技巧的总结文章,本人整理了一下,晒出来和大家分享,希望可以帮助你们
收藏 0 赞 0 分享

Web设计师如何制作Retina显屏设备的图片

到目前为止,我们知道苹果设备中支持Retina屏幕技术的有“iPhone”、“iPod”、“iPad”和“Macbook Pro”,这些设备能为用户呈现更细腻、平滑和高质量的图片效果,提高了用户的视觉体验。做为一名Web设计师如何为你的网站创建这些适合Retina显屏设备的图片呢
收藏 0 赞 0 分享

JPG,GIF及PNG各类型的图片格式详细解说

大家都知道网页上面的图像一般用jpg、gif和png这几种格式,他们有什么区别以及在什么场合下使用进行详细介绍看了下面的内容后你可能会有了自己的结论
收藏 0 赞 0 分享

组件化的前端开发流程详细说明

做前端的同学都知道,做的页面多了,东西就会乱,因此我们需要统一一个开发流程,开发流程的好坏,直接影响着页面开发的效率,间接影响游戏的时间为了更好的开发,我们做了一下总结
收藏 0 赞 0 分享

我们在囧途之UI工程师职业感慨

我是一名还不算特别优秀的UI工程师;这个要先说明一下UI不是美工,美工是以图片方案设计为主的岗位,而UI是指用户交互体验的设计
收藏 0 赞 0 分享

分享8款提高网页设计出色的CSS工具

当一个人需要编辑或修改网站设计,CSS发挥着重要的作用;今天就给大家分享8款非常出色的CSS工具,这些工具都是很出名的,能够解决开发当中常见的棘手问题,希望对你开发有所帮助
收藏 0 赞 0 分享
查看更多