视觉大同—Visual similarity
合集下载
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
图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到现在,其实还是有一种产品让我感受很深的,那就是电纸书。近两年横空出世的 它也是一个不小的力量。因为他彻底改变了传统使用数码产品的感官,采用电子喷墨技术,使得页 面更加接近于纸张。这种传统的阅读习惯被再一次拿回,返璞归真,也总是人类的一种热望。
工业产品设计中最常见的手法,运用当下科技产生的一些新元素,来呈现到生活中,并实现功用。 其实这个方式的逆向思路便是我们把生活中的现实元素,巧妙的提取到界面视觉设计中。在终端屏 幕制造一个新世界,同时也是视觉设计过程中最有成就感的结果。也就是生活提炼法。
图2.6 现象调侃法
图2.7
图2.8 往往是有图有真相,图2.7和图2.8中是一种对现象的调侃把,其实这也是设计师应该具备的一种 思想。很巧妙的把生活中的一些场景片段,来变成有功 用与指示性的东西。如果说斧子砸墙壁当挂
图1.5 但由于现在技术和成本等各方面原因,这种屏幕还没有很快的用到各个方面,我们就当这是一个特 例吧。 再回到之前所说的,我们最近的视觉效果发展趋势。效仿自然,简约平面两大风格路线。一定意义 的指导我们视觉设计的方向。也要求我们做出各种准备,来解决设计上的瓶颈。 2.寻求视觉突破的解决方法 从上面的内容,我们得出视觉效果的发展趋势,那么我们就要摆脱常规的一些想法,来实现设计, 提高设计,并设计未来。Iphone当初的面世,可谓划 时代。除了人们常说的一些原因,其实从视觉 角度讲,就是苹果公司对设计有一种独到的见解,并且有着倔强般的审美,乔布斯多年不变的穿着 打扮,可见端倪。
钩还不够功用的话,下面不锈钢茶杯映出盘子里的字可谓是韵味十足并有一定的指示性。界面视觉 设计也可以在这里打开 一些呈现的思路。 环境制约法 所有设计在过程中总是面临种种限制,并且在一个创意实现后,还有一些未很好解决的东西,在限 制中寻求完美突破也是必须的,就是我们这里所说的环境制约法。Macbook一直以轻薄著称,但 是随身携带的插头却比它还厚,显而易见,这个司空见惯的问题却没有人去考虑与设计。
图2.9 界面视觉设计相信也一定存在这样的问题,司空见惯,可优化不为之,是设计者的最大要害。所以 我们平时一定要在限制成习惯中寻求新的出路,这样才能在细节体验上起到革命性的变革。 当然,除了上面所说四种方法,其实还有很多我们可以借鉴的形式与思路,这里就不一一列举了, 希望在可以对寻求突破的设计师来点闪亮的火花。 3. 结语 通过上面对视觉趋势的梳理,以及视觉设计中寻求突破的方法点选,我可以看出在未来设计当中, 一切视觉都是有相通的思考点的,视觉是大同的,并且在相同的思路下,我们可以实现最好的瓶颈 突破,在不同的纬度下服务不同的用户,去更主动的把握设计,来驱动产品的发展。 终端视觉设计,正在以强有力的态势来影响一代人的审美与使用,我们一起努力。 源地址:/20……milarity.html 人人都是产品经理()中国最大最活跃的产品经理学习、交流、分享平台
视觉大同—Visual similarity
视觉,一个设计师耳熟能详的词,每个人都会有一套自己的理论,可能任何一个非设计出身的都 会说,视觉就是能看得见的呗。 确实是这样,视觉广义上讲,是可以包罗所有可见事物,一种与人之间发生的体验,是一种呈现。 作为终端视觉设计师的我们更是每天工作中在屏幕里添砖加瓦。想在小小的终端创造一个世界。可 是往往我们在过程中,其实还是有蛮多苦恼的,比如在处理需求,交互,视觉,开发之间各种关系 的时候。受限过多的我们,总是会 遇到如何突破的问题。 1.视觉效果的趋势 突破,意味着要先去梳理当下,预料趋势,归类总结。那么,我们就先分析一下终端视觉趋势吧。 不知道大家是否接触过以下分辨率的产品,
图2.1
从我对设计的理解基本寻求突破有以下几点: 自然演变法
图2.2 对于形体其实我们往往可以从自然寻找突破,这是一个水族馆景观设计,便运用了沙石的堆砌,来 形成一种自然的感觉
图2.3 内部的色彩与线条很协调的呈现出水族的样式。
图2.4 挂衣钩的设计,便采取了液体流下的造型,对传统进行突破。我们在进行界面设计很多时候也是可 以用到这样的思路的。是一种自然演变法,并有一定的构成性。 生活提炼法 图2.5