丝路旗下全国CG人才培养基地【股票代码:300556】

设计培训
搜索课程
  • 24小时免费客服热线
  • 025-6965-8961

当前位置:设计培训>资讯中心>平面设计>正文

UI设计师的发展前景和设计演化详解——丝路教育

2018-08-13 09:11 来源: 设计培训 分类: 平面设计
199 作者:丝路培训学院

设计培训 www.dalianchuju.cn [导读] 进入21世纪,随着社会的发展和技术的进步,信息软件产业逐渐兴起,我们应该感谢乔布斯给我创造的机会,是苹果的设计让世界更加关注用户体验和UI设计。

UI设计目前发展

进入21世纪,随着社会的发展和技术的进步,信息软件产业逐渐兴起,我们应该感谢乔布斯给我创造的机会,是苹果的设计让世界更加关注用户体验和UI设计。

1. 拟物化设计 

早期的UI设计都是拟物化设计,其风格特征如下:模拟真实物体的材质、纹理、细节、亮度等,交互也模拟现实中的交互模式,学习成本低,传达丰富的人性化情感。缺点:拟物化本身是一个限制,会限制功能本身的设计。


2、扁平化设计

我们看拟物化设计是否很像古典主义和工业革命刚开始的时候,我们喜欢模拟真实,设计诚实。但是人们审美慢慢的开始疲劳了,那么一定会有一种设计的潮流,汲取它的精华并且与这种设计相抵触,那就是扁平化设计,我们现在所处的环境就是扁平化设计。

扁平化有很多优点:去掉了界面冗余的装饰效果,“信息”本身再次作为核心被凸显出来。设计元素强调抽象、简约、符号化,设计更简约,条理清晰。缺点:需要一定的学习成本,传达较少的情感,甚至太冷。

如:最早的扁平化设计之一是微软的芒果MetroUI。我们认为太扁平效果并不是太好。扁平化设计很像现代主义,提倡极简,冰冷,我们有两个问题:
(1)扁平化就应该仅仅是扁平吗?
(2)扁平化后应该是什么化?

3、大设计语言

在回答这两个问题之前,我们先来分析一下这三个最具代表性的系统的最新设计语言,设计概念非常重要,大多数设计趋势都是由这些理念推动的。


Material Design

中文名称:材料设计语言,是由谷歌推出的一种新的设计语言,引入了电子纸隐喻,以前我们用纸张获取信息,现在我们用的设备,其实都是电子纸张,谷歌对纸张重新进行了阐述。

阴影和层级结构:层级结构由阴影的深度来表达,并且有多个层次。


Z轴概念:场景立体化,不再局限于平面,增加了信息的纵深。


触摸波纹,流畅动画:有意义的动画指示。

 


卡片设计,自适应布局:应用卡片的设计理念对布局严格规范,并且可以灵活地自适应任何设备中。


iOS

iOS的设计12没有太大的设计更新,我们主要看iOS 11,应用圆形卡片式设计,大面积的背景图,效果冲击力更强,点击的欲望也更强,页面加入超大标题栏字体,与之前小的细字体的有很大的区别,阴影也是比较高级的大阴影。


圆角卡片,大标题,大阴影:透气的大图片背景,清晰的文本阅读水平。


线性元素向面性演化:线性图标转变成了面形,阴影取代描边,而不仅仅是图标,现在碎片信息越来越多,越来越需要归纳;零碎的线逐渐要往更整体的面过度。


Fluent Design System

微软去年推出的设计语言中文名称:流畅设计体系,集优势于一身,是UI美学的一大提升,系统包含了以上五个核心元素:光线、深度、动态效果、材质和缩放。


流畅设计体系的主要用途是一种设计,可用于0D(语音专用)、1D(Surface Dial)、2D (UI)、3D (VR/AR)等多种情况。因此,可伸缩性比任何其他UI设计语言都重要,尤其是对于VR/AR设备来说,未来有着巨大的应用潜力。

根据 Fluent Design System的设计理念设计的UI界面效果真的很出色!


如今趋势:扁平化就应该仅仅是扁平吗?

现在回答第一个问题,通过对这三个系统的分析,我们发现主要的互联网公司不再局限于扁平,而是尝试新的设计形式来反对平面,这些反对形式是如今最盛行的设计趋势。下面我们看看有哪些形式:

1、在深度上

如果让一个页面不再扁平,我认为最快速和最直接的方法是增加深度,突出重要的信息。增加深度的常用方法:


大阴影

越来越多的设计师在卡片和按钮上增加大阴影,来突出层级。


三维立体

打破扁平,界面中越来越多地使用立体、三维元素。


2、动视

动态视差越来越受到设计师的重视。


动画过渡

实用动画,诠释功能;观看动画,缓解用户等待焦虑。

重力视差

视差动画与重力感应相结合,让使用者身临其境。


3、材质

通过使用不同的材质,打破扁平,苹果毛玻璃,微软亚克力材质,相信在未来会有更多的材质加入。

4、层次

极赋视觉层次感的页面设计不仅有很大的设计美感,取悦用户的身心,还建立了清晰直观的视觉层次,方便用户简单快速识别和读取所需的页面内容,以改善用户体验,降低跳出率。


大小对比

元素尺寸越大,越突出,越容易引起用户的注意;但是,尺寸大小应该适中,并且应该控制在用户可接受的范围内。Airbnb和苹果(apple)的大字号运用就比较得当。


色彩对比

使用颜色的强烈对比度来突出显示页面层级。


适当间距留白

巧妙地使用留白,可以有效地突出页面信息。在页面内部元素之间保持适当的间距,并在不“拥挤和混乱”的情况下相互连接,也是吸引用户注意力的好策略。


扁平化后的未来趋势是什么?这取决于各位的设计师去努力,去发现。

那么对于没有基础的学生,如何从零基础学习页面UI设计,成为一个有实践经验和独立设计能力的优秀UI设计师呢。

下面是成为UI设计师需要学习的内容

PS软件,AI软件,AE软件,Axure软件等,切图,适配,色彩,规范,版式布局,透视原理,美术基础,代码基础,布尔运算。

APP设计,主题设计,网页设计,图标设计,界面设计,交互设计,动效设计,BANNER设计,小程序设计,H5网页设计。


三大构成,UE设计,GUI设计,审美能力,产品思维,网上兼职接单,企业实战项目,项目设计流程,作品集制作,就业辅导。
 

 想了解教程请点击《平面设计


版权声明:

本文由丝路设计培训学校的编辑人员所撰写,未经同意严禁转载,否则将严肃追究相关法律责任。文章原始链接:http://www.dalianchuju.cn/article/pmsj/article-1226.html

热门课程

?

优惠活动:【领取免费学习资料】+【0元免费试听课程!】热线电话:025-69658961

  • 养生
  • 美容
  • SEO
  • zhjz zhjz
  • 多家医院检出勒索病毒 医疗行业信息安全敲响警钟 2018-10-19
  • 临泉二中成立教育扶贫包保责任制工作领导小组 2018-10-19
  • 江苏将统一城管协管员制服和标志 规范执法 2018-10-19
  • 新华网成立20周年座谈会举行 2018-10-19
  • 俄罗斯抗议英国“诽谤”俄牵连神经毒剂中毒案 2018-10-18
  • 团结奋进筑同心 塞上大地谱新篇 2018-10-18
  • 暴风式席卷?中国医生在希腊狂购700套公寓! 2018-10-18
  • 国资委:着手研究第二批国资划转社保基金企业名单 2018-10-18
  • 《对话·寓言2047》让观众思考未来 2018-10-17
  • 佛教故事:禅师用一根手指揭示万法皆空的道理 2018-10-17
  • 南京城市健康发展水平位居全国第九 2017年空气质量优良天数达标率为65% 2018-10-17
  • 两部委:对去产能和调结构政策停产停业企业免征部分税项 每经网 2018-10-17
  • 澳门特区政府称有能力应对金融市场波动 2018-10-16
  • 谁说越早用眼霜就越好?用错很危险! 2018-10-16
  • Fútbol Sao Paulo cede a empate y puede perder el liderazgo de Liga brasilea Spanish.xinhuanet.com 2018-10-15
  • zhjz