让人印象深刻的7种移动端UI设计风格
如果你是一个APP狂热分子,你会花大量的时间在各种APP的尝鲜中,你会明显感受到一些APP在采用着某种风格鲜明的设计语言,来标榜自己的独特之处,行成自己的设计风格,甚至引领设计风向。去年我们关注到随着Metro设计风格的影响和iOS7的发布,APP明显都开始尝试扁平化的设计语言了,除此之外,还有哪些显性化的设计语言崭露头角呢?在这篇文章里,我想分享一些日益显性的设计语言,让人一眼就记住它的风格,有一些已经随着优秀设计师的摸索,融入到国内移动产品设计里了,而有一些,确实是刚刚在萌芽阶段,需要更进一步的摸索和尝试。
页面设计风格一、唯一主调|Simple color schemes
为什么我们要定义一个界面多种颜?仅仅用一个主调,是不是就能够很好的表达界面层次、重要信息,并且能展现良好的视觉效果?事实上也正是如此,随着iOS7的发布,我们看到越来越多唯一主调风格的设计,会采用简单的阶,配套灰阶来展现信息层次,但是绝不采用更多的颜。
卡塔尔航空公司
卡塔尔公司航空就是这样的设计案例,整个界面采用粉的主调,从标题栏到标签页,从操作按钮到提示信息,除了黑白灰之外,全部采用粉设计,这种简介的的配风格,反倒起到了很好的信息传达效果,也具有良好的视觉表现力,设计师在内容排版上的技巧实在是加分。
Readability采用红主调设计,连提示信息背景、线性按钮和图标都采用红主调,界面和LOGO也完全是一个系的。而Vivino采用蓝主调设计,信息用深蓝、浅蓝加以区隔。Eidetic采用橙主调设计,其中的关键操作按钮甚至整个用橙提亮,信息图标也用深橙、浅橙来表达程度。
可以说唯一主调设计手法,是真的做到了移动端APP的最小化(Minimal)设计,减少冗余信息的干扰,使用户专注于主要信息的获取。
二、多彩|Hypercolour
而与唯一主调形成对照关系的,就是Metro引领的多彩风格,为什么我一定要给我自己的产品定义一种主调,多彩就不能是主调吗?于是出现了不同页面、不同信息组块采用撞多彩的方式来设计的风格,甚至同一个界面的局部都可以采用多彩撞,也产生了不少优秀的设计。
优衣库出品的RECIPE,是一个让人眼前一亮的设计案例,多彩的设计风格融入到整个APP 中,不论是切换标签页,还是在内容组块中滚动,都会变更不同的主题。彩切换的时候,还会有淡入淡出的
效果,让切换变得自然而然,完全不生硬。RECIPE的番茄钟计时器模块,会一边计时一边播放优美的美食背景音乐,同时切换不同的主体颜,随着主体颜的变更,所有的前景文案、图片也会变更为该系,加上清晰度极高的美食图片,真的是视觉+听觉的双重享受。RECIPE真的是2013年难得一见的优秀设计。
而Peek Calendar、EveryWeather和Harmony这三个APP,是列表多彩的设计案例,这种列表多彩,不知道是不是从Clear开始再度流行起立的,用鲜亮的多彩来区分信息,确实能起到突出的效果,视觉上极其醒目。
可是对于一些内容型的APP,也许并不适用,比如GoogleKeep的多彩卡片,确实是在内
容阅读上会起到反效果。百度云记事本第一版设计也是多彩的,但是后来考虑到文字记事比较多,为提供良好的文字阅读体验,还是把多彩改成灰白微质感的设计。
三、数据可视化|Data Visualization
至于对信息的呈现,越来越多的APP开始尝试数据可视化、信息图表化,让界面上不仅仅是列表,还有更多直观的饼图、扇形图、折线型、柱状图等等丰富的表达方式。表面上看起来也不是很难的事情,但是若真想实现,背后的复杂程度也不容小窥。
Nice Weather用曲线图来表达温度的变化,Jawbone UP用柱状图来表达每天的完成情况,PICOOC用折线图来表达每天体重、体脂的变化。移动APP利用数据可视化,可以在更小的屏幕空间内,更立体化的展示内容。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论