全部课程

全部课程分类

培训乐帮返利流程

2016年手机UI设计培训的发展趋势

2016-01-22 09:46    发布者:jj150    评论:0    浏览:44
摘要:为什么我们要定义一个界面多种颜色?上海跑赢职场ui培训学校指出;仅仅用一个主色调,是不是就能够很好的表达界面层次、重要信息,并且能展现良好的视觉效果?

一、唯一主色调| Simple color schemes

为什么我们要定义一个界面多种颜色?上海跑赢职场ui培训学校指出;仅仅用一个主色调,是不是就能够很好的表达界面层次、重要信息,并且能展现良好的视觉效果?事实上也正是如此,随着iOS9的发布,我们看到越来越多唯一主色调风格的设计,会采用简单的色阶,配套灰阶来展现信息层次,但是绝不采用更多的颜色。

卡塔尔航空公司

卡塔尔公司航空就是这样的设计案例,整个界面采用粉色的主色调,从标题栏到标签页,从操作按钮到提示信息,除了黑白灰之外,全部采用粉色设计,这种简介的的配色风格,反倒起到了很好的信息传达效果,也具有良好的视觉表现力,设计师在内容排版上的技巧实在是加分。

Readability采用红色主色调设计,连提示信息背景色、线性按钮和图标都采用红色主色调,界面和LOGO也完全是一个色系的。而Vivino采用蓝色主色调设计,信息用深蓝、浅蓝加以区隔。Eidetic采用橙色主色调设计,其中的关键操作按钮甚至整个用橙色提亮,信息图标也用深橙色、浅橙色来表达程度。

可以说唯一主色调设计手法,是真的做到了移动端APP的最小化(Minimal)设计,减少冗余信息的干扰,使用户专注于主要信息的获取。

二、多彩色| Hypercolour

而与唯一主色调形成对照关系的,就是Metro引领的多彩色风格,为什么我一定要给我自己的产品定义一种主色调,多彩色就不能是主色调吗?于是出现了不同页面、不同信息组块采用撞色多彩色的方式来设计的风格,甚至同一个界面的局部都可以采用多彩撞色,也产生了不少优秀的设计。

优衣库出品的RECIPE,是一个让人眼前一亮的设计案例,多彩色的设计风格融入到整个APP中,不论是切换标签页,还是在内容组块中滚动,都会变更不同的主题色。色彩切换的时候,还会有淡入淡出的效果,让切换变得自然而然,完全不生硬。RECIPE的番茄钟计时器模块,会一边计时一边播放优美的美食背景音乐,同时切换不同的主体颜色,随着主体颜色的变更,所有的前景文案、图片也会变更为该色系,加上清晰度极高的美食图片,真的是视觉+听觉的双重享受。RECIPE真的是2015年难得一见的优秀设计。

Peek CalendarEveryWeatherHarmony这三个APP,是列表多彩色的设计案例,这种列表多彩色,不知道是不是从Clear开始再度流行起立的,用鲜亮的多彩色来区分信息,确实能起到突出的效果,视觉上极其醒目。

 

可是对于一些内容型的APP,也许并不适用,比如GoogleKeep的多彩卡片,确实是在内容阅读上会起到反效果。百度云记事本第一版设计也是多彩色的,但是后来考虑到文字记事比较多,为提供良好的文字阅读体验,还是把多彩色改成灰白色微质感的设计。

三、数据可视化| Data Visualization

至于对信息的呈现,越来越多的APP开始尝试数据可视化、信息图表化,让界面上不仅仅是列表,还有更多直观的饼图、扇形图、折线型、柱状图等等丰富的表达方式。表面上看起来也不是很难的事情,但是若真想实现,背后的复杂程度也不容小窥。

Nice Weather用曲线图来表达温度的变化,Jawbone UP用柱状图来表达每天的完成情况,PICOOC用折线图来表达每天体重、体脂的变化。移动APP利用数据可视化,可以在更小的屏幕空间内,更立体化的展示内容。

四、卡片化| Cards

卡片也是一种采用较多的设计语言形式,无法考究这种卡片的设计,是从Metrotiles流行起来的,还是从Pinterest的瀑布流流行起来的。总之我们可以发现,Google的移动端产品设计已经全面卡片化了,甚至Web端也沿用了这种统一的设计语言,据说是Google搜索的体验负责人引领的设计语言统一升级。

luvocracy的卡片流突出信息本身,用大图和标题文字吸引用户,强化了无尽浏览的体验,吸引用户一直滚动下去。Google Now的卡片则更加的定制化、个性化。有的卡片是用来做用户教育的,有的卡片是用来告知天气的,有的卡片是呈现联系人列表的,有点卡片是显示待办事项的。不同的卡片都遵循在一个统一宽度和样式的卡片内,进行发挥和设计。既保证了卡片和卡片之间的独立性,又保证了服务和服务的统一化设计。Shazam则用一种趣味的卡片样式,呈现专辑和歌曲。

五、内容为王| Content First

APP产品的发展,最终的路径势必会跟web产品一样,突出内容,内容为王,当繁华褪尽,纤尘不染,再重新去看APP存在的意义,不外乎是给用户提供更好的服务。与内容相比,所有的设计和包装,都不外乎是一种表现手法,而真正具有价值的APP,一定是内容取胜的。Facebook190亿美金收购了Whatsapp,这个全是用统控件搭建的APP,并不是因为他的设计多出众,而是因为他的服务足够有价值。

 

 

 

0 顶一下
机构信息

ui设计培训全日制班

最近开班: ui设计培训全日制班
课程介绍:无论是否参加学习,均提供免费的高级职业规划师一对一专业测评,掌控学员发展方向,不误人子弟(市场价值3000元)

学费:9800   人气:91

ui设计培训在职周末班

最近开班: 暂无
课程介绍:教学内容主要包括Axure用户体验(30天);网页UI设计(50天);移动端UI设计(60天);岗前就业课(40天)四大模块。1.Axure用户体验(30天)学习Axure软件,了解UI设计前期原型设

学费:7800   人气:168

ui手绘班

最近开班: 暂无
课程介绍:一、课程性质和总体教学目标 (1)课程的性质和教学目标 本课程是普通职业院校装饰工程技术专业开设的一门专业技术课。课程总体教学目标:通过美术基础的基本理论、应用知识的学习,了解手绘效果图的表现技法。使

学费:9800   人气:57

相关文章
软件开发难学吗
学UI设计2015年毕业大学生新选择吗
上海跑赢职场为UI设计学员定制专属课程
上海跑赢职场UI设计-让你不仅仅是网页设计师
上海比较好的UI培训有哪些呢-如何选择一家好的
上海UI设计培训适合自己的才是最好的
上海UI设计培训班带你进入UI设计师行列
上海UI设计UI设计构图法
上海UI设计-跑赢职场为你保驾护航
零基础学UI设计如何选择培训机构
大学生就业新选择-UI设计前景广阔
穿戴设备UI设计新挑战
UI设计师如何与产品经理进行沟通
90后学ui享高薪未来
手机UI设计培训-如何选择培训机构
上海UI设计-UI设计菜鸟如何快速入门
游戏UI设计的酬薪概况及其前世今生
手机ui界面设计的三个方面
如何应对游戏UI设计的错误
UI设计需要什么样的美术能力


如果您要进行评论信息,请先 登录 或者 快速注册 。
评论总数:0

网友评论

机构基本信息

上海仁赢信息技术有限公司(上海跑赢职场)

0点评, 0留言, 164浏览
所授课程:电脑与IT > 装饰装潢设计师,广告设计师,交互设计师,UI设计,工业产品设计,平面设计师,室内设计师,网页设计师
详细地址:上海市黄浦区新桥大厦68号1209室
认证:
为什么选择优训网
  • 贵就赔 报名价同班最低
    差价双倍返还
  • 顾问服务 培训最怕时间和钱花了,东西没学到
    专业顾问,给你内行建议
  • 点评返利 学完后分享点评,
    不仅能帮助别人,
    还能获得返利

服务热线:400-68-12568

扫一扫 就有礼!
关注优训网新浪微博
有价值的教育培训资讯 扫一扫 收听优训网微信