以用户为中心的设计

这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。
推荐您进入文章源地址阅读和发布评论:http://wsd.tencent.com/20......milarity.html

视觉大同—Visual similarity

作者:chaim  |   发布: (编辑)kent.zhu   |   时间:2010-09-02 09:08:22 文字大小:- +

视觉,一个设计师耳熟能详的词,每个人都会有一套自己的理论,可能任何一个非设计出身的都会说,视觉就是能看得见的呗。
确实是这样,视觉广义上讲,是可以包罗所有可见事物,一种与人之间发生的体验,是一种呈现。作为终端视觉设计师的我们更是每天工作中在屏幕里添砖加瓦。想 在小小的终端创造一个世界。可是往往我们在过程中,其实还是有蛮多苦恼的,比如在处理需求,交互,视觉,开发之间各种关系的时候。受限过多的我们,总是会 遇到如何突破的问题。  

1.视觉效果的趋势

突破,意味着要先去梳理当下,预料趋势,归类总结。那么,我们就先分析一下终端视觉趋势吧。不知道大家是否接触过以下分辨率的产品,

图1.1

上表包含了市场中大部分产品,其实也可以看出一定的规律

图1.2

如图1.2所示,随着产品的发展,移动终端产品的分辨率是越来越高的,形成一定的类别性,功能越多,交互也相对越复杂,并且可以播放当下的720p 甚至以上的高清视频。那么随着这些产品的产生,对用户,视觉设计,交互设计等都是有影响的。我们暂且说说用户和视觉设计这两方面。

  • 对用户的影响
图3

图1.3

  • 对视觉设计产生的影响
图4

图1.4

从图1.3和图1.4可以看出,产品硬件的变化,直接影响到体验的变化, 对用户的影响有三个方面

1. 使用内容,

2. 操作方式,

3. 视觉感官.

进而可以得出,视觉设计也跟着这三个方面来变化,

1.由于内容产生变化,则表现出终端板块多,分类多,同一个页面会比以前的产品有更多的内容,那么要求设计师必须有超强的整体把握能力,做到色调统一,区分明确,变化微妙有细节。

2.产品由按键到触摸,更多的操作集中到屏幕,那么对控件的大小,形状,颜色,位置也有了一定的要求,易点击,语意明确变得更加重要。

3.用户对产品直接的视觉变化,就是屏幕变大,精细度高,这就要求设计师做的图形更加深入,一定程度的效仿自然,在屏幕中创造另外一个”真实”世界. 当然,世界总是有两个极端,在自然舒适化的操作下,简约风格,平面化的感觉也是一个大的趋势。

我们看到产品硬件的变化,致使用户体验和视觉设计都有了变化,那么在未来,这一趋势一定会将继续演变。微软surface就是一款致力于NUI的产 品,也是这一趋势的推动者。 如果说阿凡达中的全息投影技术的应用会是一个更远的科技未来,那么上面的趋势也是对我们影响最近的把。

从我最开始做UI到现在,其实还是有一种产品让我感受很深的,那就是电纸书。近两年横空出世的它也是一个不小的力量。因为他彻底改变了传统使用数码产品的感官,采用电子喷墨技术,使得页面更加接近于纸张。这种传统的阅读习惯被再一次拿回,返璞归真,也总是人类的一种热望。

图1.5

但由于现在技术和成本等各方面原因,这种屏幕还没有很快的用到各个方面,我们就当这是一个特例吧。

再回到之前所说的,我们最近的视觉效果发展趋势。效仿自然,简约平面两大风格路线。一定意义的指导我们视觉设计的方向。也要求我们做出各种准备,来解决设计上的瓶颈。

2.寻求视觉突破的解决方法

从上面的内容,我们得出视觉效果的发展趋势,那么我们就要摆脱常规的一些想法,来实现设计,提高设计,并设计未来。Iphone当初的面世,可谓划 时代。除了人们常说的一些原因,其实从视觉角度讲,就是苹果公司对设计有一种独到的见解,并且有着倔强般的审美,乔布斯多年不变的穿着打扮,可见端倪。

图2.1

从我对设计的理解基本寻求突破有以下几点:

  • 自然演变法

图2.2

对于形体其实我们往往可以从自然寻找突破,这是一个水族馆景观设计,便运用了沙石的堆砌,来形成一种自然的感觉

图2.3

内部的色彩与线条很协调的呈现出水族的样式。

图2.4

挂衣钩的设计,便采取了液体流下的造型,对传统进行突破。我们在进行界面设计很多时候也是可以用到这样的思路的。是一种自然演变法,并有一定的构成性。

  • 生活提炼法

图2.5

工业产品设计中最常见的手法,运用当下科技产生的一些新元素,来呈现到生活中,并实现功用。其实这个方式的逆向思路便是我们把生活中的现实元素,巧妙的提取到界面视觉设计中。在终端屏幕制造一个新世界,同时也是视觉设计过程中最有成就感的结果。也就是生活提炼法。

图2.6

  • 现象调侃法

图2.7

图2.8

往往是有图有真相,图2.7和图2.8中是一种对现象的调侃把,其实这也是设计师应该具备的一种思想。很巧妙的把生活中的一些场景片段,来变成有功 用与指示性的东西。如果说斧子砸墙壁当挂钩还不够功用的话,下面不锈钢茶杯映出盘子里的字可谓是韵味十足并有一定的指示性。界面视觉设计也可以在这里打开 一些呈现的思路。

  • 环境制约法

所有设计在过程中总是面临种种限制,并且在一个创意实现后,还有一些未很好解决的东西,在限制中寻求完美突破也是必须的,就是我们这里所说的环境制约法。Macbook一直以轻薄著称,但是随身携带的插头却比它还厚,显而易见,这个司空见惯的问题却没有人去考虑与设计。

图2.9

界面视觉设计相信也一定存在这样的问题,司空见惯,可优化不为之,是设计者的最大要害。所以我们平时一定要在限制成习惯中寻求新的出路,这样才能在细节体验上起到革命性的变革。

当然,除了上面所说四种方法,其实还有很多我们可以借鉴的形式与思路,这里就不一一列举了,希望在可以对寻求突破的设计师来点闪亮的火花。

3. 结语

通过上面对视觉趋势的梳理,以及视觉设计中寻求突破的方法点选,我可以看出在未来设计当中,一切视觉都是有相通的思考点的,视觉是大同的,并且在相同的思路下,我们可以实现最好的瓶颈突破,在不同的纬度下服务不同的用户,去更主动的把握设计,来驱动产品的发展。

终端视觉设计,正在以强有力的态势来影响一代人的审美与使用,我们一起努力。

更多
打印  |  类别:视觉设计  |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买