移动App界面的设计新趋势
发布日期:2016-08-30 22:59:15
app的页面设计应该以内容为准,而不是跟随潮流。首先要理解app的核心理念,然后让视觉设计服务于这一理念,这样的设计才是有意义的。

不知你怎么看?

黑白极简风(Complexion Reduction):把握移动界面设计新趋势

移动用户界面“明晰化”和“最小化”设计已经成为了当今业界公认的设计原则,那么,下一个走向又是什么?

在过去的几个月里,Facebook、Airbnb和苹果公司旗下产品相继推出了新的版本,产品界面已经不再满足于“最小化”设计,走向了更为简单明了的设计风格——“黑白极简风”(CR)。

所以,“黑白极简风”(CR)是什么呢?

这可能是你第一次听说这个名词,没有关系,因为,这个词是我创造的。自从一众设计者开始“扁平化设计”、“最小化设计”和“逐步简化”的设计模式之后,页面设计就在“页面极简化”这条道路上越走越远,如今更是一不做二不休,开始了完全的“黑白极简”风格。有人认为这是“最小化设计”在移动设计领域的进一步发展,但我认为不仅仅是如此。虽然“黑白极简风”仍是走的界面简化的老路,但其新的特点和特有的简化方式,还是让它区别于以往的设计模式。

横扫硅谷的这一新趋势有以下特点:

1. 标题字号加大、加粗。
2. 图标简化。
3. 黑白两色界面。

这一新趋势带来的最明显的结果就是,常用APP界面越来越相像,根本就像是一个牌子下的产品。不信请看:

我最先注意到的是今年五月最新改版后的Instagram的界面,如下:

对比两款页面可以发现,新的界面移除了原来界面中的蓝色和深灰色模块,加大了标题字号,最下面的导航栏和图标也简化了。现在的界面只有黑白两色,配上粗体标题,页面功能清晰明确,内容一目了然。

相比原来霸屏的色块,我更喜欢现在这种清新的风格。这让我想起了一个我时常浏览的网站——Medium。从2012年运行开始,Medium就一直走这种黑白色调路线,而且每一次的改版都会减少一些不必要的模块。Medium应该是“黑白极简风“ 的始祖之一,虽然它自己并不知道。棒棒哒,Medium!

Instagram新界面发布没多久,某一天我突然发现Airbnb的界面也改了,而且两个界面就像是一个模子里刻出来的!说起来,Airbnb的新版在四月份就发布了,比Instagram还要早上一个月,但也许是Airbnb的新版发布太过默默无闻了,所以我直到一个月以后才打开。然后发现它简直太CR了,每一个毛孔都在叫嚣着“我是黑白极简风”。下面是Airbnb的新旧界面对比:

移动App界面的设计新趋势

新界面的标题字号加大、加粗,不必要的画面也移除了,图标简化,图示设计更加国际化。总之,依旧是黑白色调,功能清晰明确,内容一目了然。

然后,苹果iOS 10的推出再一次验证了这个CR魔咒。六月初,苹果发布了IOS 10,并且标榜这是“史上最强IOS”。下面是苹果音乐的新旧界面对比:


苹果音乐虽然更新了用户体验,增加了新功能,但页面美感还是我最先关注的地方。Macworld的职员Caitlin McGarry提到新应用的外观时,写到:“整个应用的界面基于全新的设计理念,大名片,大字体,干净的白背景,专辑封面更加显眼。”

耳熟吗?是不是和Instagram 和Airbnb的设计理念几乎一样,标志性特征:大标题,加粗,黑白界面。

这种改变意味着什么?

这意味着你最常用的几款应用界面几乎将变得一模一样!这是怎么了?其实,科技和时尚一样,大家不过是随着潮流,无伤大雅的跟来跟去。这次的改版潮流收到了用户积极的反响。尽管也有些人抱怨所有的应用都是黑白界面,“一点都不个性”。不过,打开某个应用是为了里面的功能,又不是为了个性。所以,让我们期待所有的新老应用都一股脑的开始走向“黑白极简”吧。

这也意味着,将来打开你的iPhone,你将会发现各种鲜明的色块像马赛克一样占据主界面,等着将你带入一个个奇妙的“欢乐谷”。

不管你是喜欢还是不喜欢,这一单色块风潮将会席卷界面设计业,在我看来,这是一种进步。产品界面摆脱了无用的模块拼接式设计,走向了一条更加注重整体感、重视用户感受的道路。

以往,为新产品设计界面时,往往是先由用户体验或者是产品经理划定基本框架,再交给产品设计师,要求只有一点:“做的漂亮些”。然后设计师就开始花数小时或者是数天给界面加颜色,减颜色,或者是改变颜色,想方设法的得出一个最佳方案,但是别忘了,前提是:必须在之前确定的基本框架的基础上。

现在,用户体验经理和产品界面设计师的界限越来越模糊,设计的理念趋向于一体化。设计师不用再局限于某一个具体的要求(比如“做的漂亮点”),而是能够从全局着眼,把“给用户最好的体验”作为终极目标,致力于给用户最棒的视觉体验和产品感受。

西点培训班http://www.yourbakers.com 东莞防水公司http://www.cnlihui.com 长沙补漏公司http://www.lileju.com 东莞防水补漏http://www.dgkn168.com 


如何才能做到“黑白极简风”?

如果你对“黑白极简风”设计已经心动了,蠢蠢欲动着准备跟一把潮流,那么,一定要记住以下几个要点:

界面设计零色彩。如果必须要加,最多加一种颜色来进行用户操作说明;但记得,要少。所有的界面都用黑白两色,让图片内容成为界面中唯一的色彩。
2. 标题字号加大、加粗、加黑。字号20还是30?都行,只要足够大。要让标题充满厚重感。
3. 图标简化、细化,而且要好认。图标上不要加颜色,图示要国际化。从左到右可以这样排列:HOME键,搜索,基本功能键,第二功能键,简介。
4. 页面大量留白。两倍,三倍,甚至是四倍的留白。千万不能手软。
5. 图标色彩艳丽。应用图标要多酷炫就多酷炫,要能多鲜艳就多鲜艳。产品个性和商标特色都从这里体现,所以要尽量出众。

上一记录:开发企业级移动App的六大益处
下一记录:2016手机移动端APP设计趋势

小程序和APP成为创业标配
小程序和APP成为创业标配
对于国内众多创业者、开发者来讲,在微信这次的功能更新之后,或许没有人会再怀疑小程序存在的意义。所谓消费者在哪儿,用户就该在哪儿。微
2018-03-02 00:09:00
App营销推广技术要点略谈
App营销推广技术要点略谈
App营销推广不是依靠策划、创意吗?难道还需要什么App营销推广技术?实际情况确实如此:App营销推广的策划、创意,是需要专门的技术支持的
2018-03-02 00:02:53
直播答题APP如何造就创新开发
直播答题APP如何造就创新开发
现在的直播答题类app已经彻底走到下半场了,人民日报的反复批问,使得人们对直播答题类app产生了很大程度的担忧,那么答题类app下半场到底
2018-02-28 23:57:30
在线教育APP开发标准
在线教育APP开发标准
传统的教育方式已经不能满足当今社会的需求,随着移动互联网的不断发展,在线教育APP的开发为传统教育行业注入新鲜的血液。通过在线教育APP
2018-02-28 23:52:42
企业品牌移动APP设计项目要想规划好
企业品牌移动APP设计项目要想规划好
如果我们在为某一些电商品牌或许传统企业品牌来规划一些移动APP平台设计诸如此类的项目,有必要把握以下5个规划规则。1、尽可能不要丢弃原
2018-02-28 23:46:45
电商APP开发三大设计要点分析
电商APP开发三大设计要点分析
电商APP开发要想给用户留下好的印象,需在设计上多加注意。如果一款移动应用的设计太为糟糕,不仅会给用户留下不好的印象,有时候还有可能
2018-02-22 23:43:46
APP的游戏化设计思路和基本原则
APP的游戏化设计思路和基本原则
随着APP设计的逐步成熟,游戏化设计成了这几年圈内的流行语。不过,和普通的APP设计的思路不同,游戏化设计并非这个领域内的原生设计,它是
2017-08-14 18:44:14
打造极简风APP UI的实用设计技巧
打造极简风APP UI的实用设计技巧
随着用户对UI的喜好开始偏向简约,设计师有必要将整个UI简化剥离至基本状态,因为保留关键元素才是成功的钥匙。从某种意义上说,极简主义的
2017-07-05 10:11:46
专业的APP开发公司需要具备四条件
专业的APP开发公司需要具备四条件
。据有关统计数据表明每一个智能手机至少会装10个以上的手机APP,因此,APP开发公司提供了一个广阔的发展前景。市面上也出现了诸多的草根与
2017-06-16 22:45:49
手机商城APP开发有何优势
手机商城APP开发有何优势
现今,谁的手机里,没几个商城APP应用,说出去绝对会笑死个人,在全民移动互联网时代,手机商城APP开发,被越来越多的企业所追捧,那么手机
2017-06-16 22:09:40
叶老设计
Copyright ©2015-2016 cnyelaw.com All Rights Reserved 叶老设计 版权所有 网站地图 备案:湘ICP备16009065号
网站设计 长沙网站建设 长沙网站设计 长沙网站制作 长沙做网站 长沙建网站 长沙网站建设公司 长沙网站设计公司 网站建设公司 网站设计公司 长沙商城网站建设 长沙微网站制作