观点:扁平化体验的价值 | 周良博客
今年的 wwdc 最耀眼和话题感的可能就是 ios7 了。通宵观看了直播,直到在自己手机上刷了 ios 7,用了几小时后,来说说自己的感受与看法。
ios 7 系统层面的平面设计化设计,从操作层级到视觉风格,相信不少意见领袖与专业人士,在 wwdc 大会前后都给过趋势预言与风格评论等,在此不再复述。不去评论 ios 7 上有多少其他产品的影子,或是有多少令你失望抑或眼前一闪的亮点,图标是否统一,好不好看,界面结构是不是很乱,层级不清……产品设计圈的朋友争到现在也没个结果。我想在这里不妨关心一下从体验的层面,平面设计风格为用户的使用带来了什么价值。
内容:让内容成为主人
内容重于形式,内容才是整个体验的精髓。平面化设计将舞台重还于内容,这不就是用户关心的么?平面化设计带来的是解决干扰,而不仅仅是创造视觉惊喜,在屏幕上仅留下用户当前最关注的东西,它让人们沉浸在他们喜欢的内容中。减少概念与界面层级的视觉装饰,更多地使用用户已经掌握的交互行为,这样你才可以把重点精力集中到最核心内容上。
布局:视觉动线的引导
平面化让我们用最清晰的图形元素创建最简洁的视觉效果,去掉多余的线和框,仅用内容本身来布局内容,为内容留出呼吸空间。优秀的平面感设计,会出色地引导与协助用户的视觉动线,有序的区分界面层级与操作,让用户专注于目的本身。
功能按钮 :沉浸于内容中
功能操作沉浸于整体内容之中,通过用户使用前后情境而响应式的呼出必要的功能操作。只有在必要的时候,而不是在所有时间。
文字排版 :内容的构造与节奏
优秀的平面化设计,建立在整齐而美观的文字排版基础之上。文字排版为内容创建结构和节奏感。用统一的字体、字号、粗细来建立信息层次。
留白的艺术:负空间的设计魅力
留白——设计中负空间的重要性与魅力。利用界面空间的留白来增强内容。
留白空间是界面的重要组成部分,留白是内容的一部分,以及内容意境的一种伸展,优秀的留白空间设计,使内容变得更加美好,富有憧憬。
在平面化的界面设计中,更加注重通过对齐来呈现简洁、易读的内容。
如何通过平面设计语言,让内容和负空间形成一个有序的规则,通过比例的协调对比来突出重要内容区块,有意识的使用的留白(负空间设计),为用户阅读提供了喘息的空间;同时,引导用户关注内容本身。这是平面化在界面设计中的重点。
动画:界面的肢体语言
运动不仅仅是视觉的装饰或产品炫酷的附加值。优秀的平面化系统中,优秀的动态设计更是整个系统运作的红线——她提供信息出处并帮助人们理解系统中所有的操作或内容,来自何方,去往何处。和人一样,动画是界面系统的肢体语言,她从侧面也呈现出一款系统的产品气质。
一款优秀的系统动画,提供给人们一个似曾相识的感觉与操控信心。界面动画提示用户了解行为的预期, 帮助他们理解和巩固操作概念,及界面是如何运作的。
无论写实的拟物设计或写意的平面设计,如何围绕需求,让人们沉浸在他们喜欢的内容中。还是那句话:作为产品人与设计师,要关心的不仅仅是风格与形式,而是更加美好的体验。要知道使用你所设计的产品的人,他们并非仅仅是“用户”,他们是心怀希望,梦想美好体验的人。你所打造的产品是为了帮助人们去实现他们各自的梦想。你该如何看待用户,帮助他们激发自己内在的天赋与价值,你将赢得他们的心。这不就是我们所追求的么。
&
【备注】作者为 rigo 创始人兼设计总监,rigo 为国内知名用户体验设计公司,产品设计包括 miui v5、小米电视盒子、intel meego 平板、猎豹浏览器等。