• 媒体品牌
    爱范儿
    关注明日产品的数字潮牌
    APPSO
    先进工具,先知先行,AIGC 的灵感指南
    董车会
    造车新时代,明日出行家
    玩物志
    探索城市新生活方式,做你的明日生活指南
  • 知晓云
  • 制糖工厂
    扫描小程序码,了解更多

扁平化体验的价值

公司

2013-06-12 07:00

作者为 Rigo 创始人兼设计总监,Rigo 为国内知名用户体验设计公司,产品设计包括 MIUI V5、小米电视盒子、Intel Meego 平板、猎豹浏览器等。

今年的 WWDC 最耀眼和话题感的可能就是 iOS7 了。通宵观看了直播,直到在自己手机上刷了 iOS 7,用了几小时后,来说说自己的感受与看法。

iOS 7 系统层面的平面设计化设计,从操作层级到视觉风格,相信不少意见领袖与专业人士,在 WWDC 大会前后都给过趋势预言与风格评论等,在此不再复述。不去评论 iOS 7 上有多少其他产品的影子,或是有多少令你失望抑或眼前一闪的亮点,图标是否统一,好不好看,界面结构是不是很乱,层级不清……产品设计圈的朋友争到现在也没个结果。我想在这里不妨关心一下从体验的层面,平面设计风格为用户的使用带来了什么价值。

内容:让内容成为主人

内容重于形式,内容才是整个体验的精髓。平面化设计将舞台重还于内容,这不就是用户关心的么?平面化设计带来的是解决干扰,而不仅仅是创造视觉惊喜,在屏幕上仅留下用户当前最关注的东西,它让人们沉浸在他们喜欢的内容中。减少概念与界面层级的视觉装饰,更多地使用用户已经掌握的交互行为,这样你才可以把重点精力集中到最核心内容上。

布局:视觉动线的引导

平面化让我们用最清晰的图形元素创建最简洁的视觉效果,去掉多余的线和框,仅用内容本身来布局内容,为内容留出呼吸空间。优秀的平面感设计,会出色地引导与协助用户的视觉动线,有序的区分界面层级与操作,让用户专注于目的本身。

功能按钮 :沉浸于内容中

功能操作沉浸于整体内容之中,通过用户使用前后情境而响应式的呼出必要的功能操作。只有在必要的时候,而不是在所有时间。

文字排版 :内容的构造与节奏

优秀的平面化设计,建立在整齐而美观的文字排版基础之上。文字排版为内容创建结构和节奏感。用统一的字体、字号、粗细来建立信息层次。

留白的艺术:负空间的设计魅力

留白——设计中负空间的重要性与魅力。利用界面空间的留白来增强内容。

留白空间是界面的重要组成部分,留白是内容的一部分,以及内容意境的一种伸展,优秀的留白空间设计,使内容变得更加美好,富有憧憬。

在平面化的界面设计中,更加注重通过对齐来呈现简洁、易读的内容。

如何通过平面设计语言,让内容和负空间形成一个有序的规则,通过比例的协调对比来突出重要内容区块,有意识的使用的留白(负空间设计),为用户阅读提供了喘息的空间;同时,引导用户关注内容本身。这是平面化在界面设计中的重点。

动画:界面的肢体语言

运动不仅仅是视觉的装饰或产品炫酷的附加值。优秀的平面化系统中,优秀的动态设计更是整个系统运作的红线——她提供信息出处并帮助人们理解系统中所有的操作或内容,来自何方,去往何处。和人一样,动画是界面系统的肢体语言,她从侧面也呈现出一款系统的产品气质。

一款优秀的系统动画,提供给人们一个似曾相识的感觉与操控信心。界面动画提示用户了解行为的预期, 帮助他们理解和巩固操作概念,及界面是如何运作的。

无论写实的拟物设计或写意的平面设计,如何围绕需求,让人们沉浸在他们喜欢的内容中。还是那句话:作为产品人与设计师,要关心的不仅仅是风格与形式,而是更加美好的体验。要知道使用你所设计的产品的人,他们并非仅仅是 “用户”,他们是心怀希望,梦想美好体验的人。你所打造的产品是为了帮助人们去实现他们各自的梦想。你该如何看待用户,帮助他们激发自己内在的天赋与价值,你将赢得他们的心。这不就是我们所追求的么。

 

题图来自苹果网站

登录,参与讨论前请先登录

评论在审核通过后将对所有人可见

正在加载中

累计已发布 1 篇文章

最近文章:

本篇来自栏目

解锁订阅模式,获得更多专属优质内容