视觉设计师成长的三个阶段小结

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

有不少人都看过这本书:《Grow as a graphic designer》,我自己也看过原版的PDF版本。虽然本文与这本书所讲的其实没多大关系,用这本书作楔子,实际上是想说视觉设计师在不同阶段需要认真的思考自己。现在做视觉设计门槛很低,“多数设计师不会从反思中提高”,这是我职业生涯中第一个主管给我留下印象最深的一句话,我也把它奉送给大家。

在具体项目中潜意识或有意识地去设计,是我区分这三个阶段的主要标杆,也是我自己的经验积累。由于我做这行满打满算也就一年半,所以这些总结少不了纰漏,不足之处请大家多多指正。

第一阶段:潜意识设计

我想大多数人学习视觉设计的过程和经历都类似,这是互联网开放及分享精神的结果。作为一个新手,自然而然会去看一些视觉设计的理论书籍,经典案例,更多地是在网上浏览大量成熟设计师的作品。而在练习的时候,也会从临摹开始,并且会无意识地喜欢上某种风格,甚至具体到某种细节(比如圆角)。图像所带来的印象自然会比书中的理论要深刻,因而在第一阶段,视觉设计师在做设计的时候经常会因循着脑海里许多的图像片段来进行创作。

为什么说这个阶段是在潜意识地设计呢?真正决定一个设计好坏的那些标准,比如布局的不活跃的对齐(inactive symmetry)和活跃的不对称(active unsymmetry),巧妙的负空间(nagetive space),互补色/间色/邻近色的运用,字体堆栈(font stacker)的使用,等等这些在新手做设计的时候是无意识地去实现的。这些知识在新手阅读视觉设计理论书籍的时候都有浏览到,但此时并不足以形成深刻的印象并成为指导设计的标准(因为没有经历过足够的实践积累)。前面提到,新手会因循脑海里的图像片段来做设计,这些图像片段便是平时学习过程中积累下来的好的设计片段,它们就包括了一些视觉设计中的标准。新手设计师在“模仿”的时候,便会间接地运用到这些标准,但此时,他是潜意识的。

第二阶段:有意识设计

看起来第二个阶段是顺其自然就达到的。事实也是如此,随着经验的积累,阅历的增加,甚至包括重新读了视觉设计理论书籍,设计师会逐渐开始有意识地运用这些理论来创作。但是达到这一阶段并非易事,其实它就是我们通常所说的“开窍”。有的设计师可能穷其一生,也并不能用这些设计理论来指导自己做设计,一直在“跟着感觉走”。并且,脑海中的那些图像片段是很难在短时间剔除的,就我自身的经验而言,在设计过程中尽管一直提醒着自己有意识地去实践理论知识,但做着做着就会开始模仿脑海中付出的图像。

这一阶段是痛苦而又漫长的,但却绝对是有意义和价值的。因为一个成熟的视觉设计师必须要学会用自己的思想来指导自己做设计,而非“印象”。在你自身的能力提高到一定阶段之后,图像的印象很难再帮到你,反而会制约你做设计。因为此时你已经会详细的分析每一个项目,找准每一个需求背后的前因后果,联想观者在看到你每一处设计之后的反应;而图像的印象虽然包含了很多有用的理论信息,但是同时杂糅了其他干扰你判断的信息,毕竟每个项目都是不同的。因而此时你不得不强迫自己开始思考。

而思考,正是一个设计师走向成熟的标志。这不仅适用于视觉设计师。

第三阶段:看山又是山,看水又是水

相信大家看了前面两个阶段之后,肯定会说这跟“看山是山”十分相似。没错,有的道理就是放诸四海皆准的。设计师的第三阶段也是如此,此时的他们在做设计的时候又回归到潜意识了。我自己还是半生不熟的设计师,不过我从身边的成熟设计师上学到很多,也通过这些学习想清楚了他们在设计时的状态。我更愿意叫这时候的视觉设计为:艺术指导(art direction)。设计理论只会在他们评价别人的设计时才会从他们嘴里说出。可以说,前文所提到的绝大多数好设计的标准,他们已都烂熟于心,甚至可以做到颠覆其中某些从而达到惊人的设计。

他们在具体做设计的时候,往往会作一个细节片来定下整个项目的艺术风格,比如26000 vodka的设计,整体浑然天成,而灵感则来源于vodka的冰块和酒瓶的质感。看似整个网站(不管是flash还是basic html)并没有用十分炫目的处理,但随着你浏览网站,便会细细品味它的独到之处。

鉴赏

视觉设计师在不同的阶段时,鉴赏设计的视角也是也是不同的。处在第一阶段的设计师会关注局部设计的细节处理;第二阶段的设计师则会学习好的设计师怎么形成的,为什么要这么做;第三阶段的设计师则通常看一两眼,鉴赏这个设计背后所蕴含的气质,整体的感受。

最后作为一个半生不熟的视觉设计师,我力荐大家看一本书,《The elements of Graphic design》,迄今为止我看到最好的设计理论知识书籍。如果能看原版是最好了(据gundam说中译版有点不靠谱)。同时我的网站关于我栏目有我推荐的其他基本书,也是读后能功力大进的秘籍。

更多精彩内容其他人还在看

网页设计技巧: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 分享
查看更多