对于UI设计来说,我同样能在Dribbble上看到很多REDESIGN的作品(大多是针对那些知名网站或APP的),REDISGN对于那些没有明确设计目标的初学者来说是一种非常好的实践方式,你不仅能通过它提升自己的设计能力,而且在提交你的作品之后,还能获得很多其他设计师的点评和建议,从中你能了解自己设计中的问题,并快速获得提高。
另外我还想强调的一点是,REDESIGN不应仅仅针对设计本身(比如:换一个颜色,加一些动效 等等),而更应从产品的功能、环境的匹配度、给使用者的感受等更深层次的方面去做出的思考。REDESIGN其实是一种深入反思的过程,相信当你能够将所有这些问题都想清楚时,也就已经完成了设计的一大半工作了。
3、遵从设计的最佳实践
我没有上过任何设计学校,使用PS等工具的水平更是糟糕,但这并不妨碍我做出一个还算不错的设计,因为我会在设计中尽可能地参照那些设计的最佳实践。在你的能力还没达到打破那些设计准则去进行创新并形成自己鲜明的风格之前,不妨也像我一样遵守那些设计的最佳实践,因为它们往往是有效的。
4、神奇的数字3
你可能已经发现了,在你所看到的许多事物都包含一个神奇的数字3,比如大量使用3种颜色配色的网站,斯蒂夫乔布斯在介绍Apple产品时最多描述产品的3个主要特性(比如 iPhone)。其实,这背后是有原因的:人的大脑一次同时最容易记住3件事情。就像我们记电话号码时,总是将它分为3个数字一组进行记忆。另外3所构成的形状也最稳定,最容易让人产生美感,因此在你对一些设计中的数字无法确定时,就使用3这个数吧。
5、使用网格来确立秩序
人们在浏览或阅读一个页面时,都会下意识地去寻找它的规律,以便更好地识别内容。优秀的设计往往能够帮助人们建立这种秩序,方便人们获取想要的内容,而那些不佳的设计则往往会加重人们阅读的负担,最终让你的用户早早地离你而去。
使用网格进行设计是建立秩序的最有效途径。设计初学者们都可以从使用网格开始,因为它能帮助你做出统一且和谐的设计来。下面是我读过的一本不错的关于网格应用的小册子《秩序之美》,是由网格的发明者纽约时报网站的资深设计师Knoi Vinh编写的,对于学习和使用网格进行设计非常有帮助。
6、用肉眼来判断平衡
平衡是另一个非常重要的设计原则,对于相同的设计元素,我们很容易使用对称的方法来处理平衡。但是对于那些形状、大小、颜色都有差异的元素,我们又应该如何处理这种平衡呢?很多人会使用标尺来确保元素间的大小和位置一致,但你还必须用你的肉眼去验证并进行必要的调整。因为平衡不仅取决于物体的大小,更与它们的形状、颜色、背景等因素有关,相信自己的眼睛和感觉去调整你的设计,使它最终达到整体的平衡。
7、应用黄金比例
使用网格可以帮助我们将元素对齐,但我们又应该如何确认布局中栏位划分的比例,或者在我们确认了一些设计元素的宽度之后如何去决定它们的高度呢?这时,我们往往可以用到黄金比例——1.618。
如果你使用的是960Grid这种960px宽的网格系统,而你希望分出两栏布局时,就可以使用960/1.618=593,,593px的位置就是黄金分割点。这样两栏的网页布局,左边栏宽度设为593px,右边栏宽度设为367px(960-593)就可以了。同样当你确定了一张图片的宽度为600px时,采用黄金比例,它的高度就可以设为370px左右。
当然黄金分割比例只是在设计上的一个指导,如果你可以打破这个规则又能保证整个设计自然平衡也是可以的,作为一个通常的规则,经常把黄金比例用5:3来代替,虽然不是非常精确,但是却能更直观和方便地在设计中使用。
8、恰到好处的强调与对比
通过强调可以引导用户去使用产品的某些功能,比如:用户注册按钮、产品的购买按钮 等等。但初学者往往会在运用强调这种方法时,出现一些常见的问题:
在同一个页面中过多地运用强调不分主次的强调过度使用颜色强调
过多的强调等于没有强调,而且还会造成页面的混乱。而不分主次的强调则会给使用者带来疑惑。最后一点"过度使用颜色强调"是很多设计初学者最容易犯的错误,强调的方式有很多种:色彩、对比、形状等等。而使用色彩对比时需要特别谨慎,因为它很容易过度,我在《帮你从零开始全面掌握UI设计的配色方法》一文中就曾提到,只在那些必须的地方使用颜色。对于一些次要的地方,比如一个文章列表中的标题,我们可以采用增加或减少灰度的方法来产生对比,这也是一种非常有效的强调方法,而且由于色度没有差别,它往往能给人更加和谐和良好的体验。(注意下面这个设计中,在哪些地方设计师使用了颜色)
设计的流行趋势转瞬即逝,而上面提到的这些设计原则却是永恒的,希望每一位设计初学者都能从理解和运用这些设计原则和最佳实践开始,并通过自己的不断实践,慢慢走向成熟。