设计理念比美感更重要

2016-10-19    用心设计

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

来源:UI中国



设计理念比美感更重要。通过7大设计理念,来展示其重要性。

Image title


设计师的水平考核不仅要看作品,更要看设计理念。因为作品只是代表了软件的实现能力,而设计理念则代表了作品的思维境界。


①流程至上:

Image title


设计界面,需要优先思考界面的整个流程,让用户操作界面的时候,忽略视觉的美感,沉浸在界面的流程之中,忘记时间和空间,让用户进入深深的流状态。

举例:这一点在[简书]的界面设计上,体现的非常好。简书做到了让用户沉浸在写作气氛中,在接近无视觉干扰状态下,忘记时间的流失,思绪飞舞的书写一篇文章。


②少就是多:

Image title


设计界面的时候,争取用最少的文字,最短的视觉轨迹,最少的点击次数,最少的装饰元素,最简洁的界面风格,从而让用户花最少的时间,就可以看懂界面所传达的意思。

举例:这一点,在支付宝C扫B支付的产品上,体现得非常好。C端用户扫码B端商户的静态二维码,进行付款的时候,直接跳转到输入金额的界面,然后按上指纹,即可完成支付。整个过程:用户只需要3步:扫码+输入金额+按上指纹,就可以完成支付。


③内容为王:

Image title


在整理界面信息的时候,需要先整理界面的信息架构图:包括:信息的分类方式,信息的包含关系,信息的展示方式。在设计界面的时候,要注意视觉优先级:先引导用户看文字,再引导用户看icon和图片,接着引导用户看背景。

举例:这一点,在[京东金融app]的界面设计上,就体现的非常好。京东金融app大部分都是文字,即使有配图,也是给它叠上一层黑色,然后在上面写上配图的标题文字。


④适应设备屏幕尺寸

Image title


为屏幕设计的界面,需要注意适应屏幕的尺寸。

举例:PC端网页的首页第一屏的高度[小于]760px-140px=620px,其中760px是最小pc屏幕的高度,140px是网页菜单栏+地址栏+网页底部信息栏的高度。考虑到windows电脑的鼠标滑轮的敏感度以及不同浏览器的兼容,网页第一屏的高度建议小于600px。


⑤界面留白:

Image title


界面适当留白,从而让视觉有休息的空间,避免了视觉疲劳。界面留白还可以传达出一种平静和安宁的心理感受。

举例:这一点在iphone手机壳背面的设计上,体现的非常好。整个手机壳背面,只有摄像头,苹果logo,iPhone字样,两行细小文字。留白空间,占了整个界面的80%以上。


⑥模仿现实中的场景:

Image title


分析用户在现实场景中的使用习惯,把用户线下场景的使用习惯,迁移到需要设计的界面上。

举例:这一点在手写计算器app上,体现得非常好。用户只需要在手写计算器的屏幕上书写:3+?=10。结果就会显示?的位置被彩色的数字7代替。


⑦把生活经历融入设计风格

Image title


每个设计师的设计风格,都会处处透露出设计师的生活经历。因此,设计师想提高设计水平,就要不断丰富个人的生活经历。

举例:乔布斯接触佛教之后,禅宗的修养,让乔布斯拥有了简洁的人生目标和禅宗的思想境界,后来的所有苹果产品,也都体现出东方佛教的简洁顿悟之美。


◉‿◉本文作者:张云钱。从Ui到UED到PM。坐标:上海。微信号:944352559


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

分享本文至:

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档