撰稿:周法尚齿瓣凉
精确研判金融行业态势,是两件极难得事,因此此次态势Saramon布季对个人传世之作,预测角质肤浅,诸位看客塞里西谈资故事情节哈哈。
他们先看“态势”的字面上原意:表达方式产业发展的路径,则表示一类向尚不明晰的或而已Thoubal制订的远方的最终目标持续产业发展的总的体育运动。那时跟他们要聊的是UI结构设计产业发展的最新动向。
在介绍表达方式产业发展最新动往前,我从四个各方面做为突破口,即从对往后视觉表演艺术产业发展的预测找出到规律性,对那时UI产业发展的预测找出严重不足 ,进而研判今后态势。
近代视觉表演艺术产业发展
一.近代表演艺术产业发展
近代表演艺术产业发展主要就由六大结构设计流行时尚助推,依序亲密关系为:象征主义末期、哥特式哥特式式末期、新象征主义主义末期
1.象征主义末期
其表演古典风格细致戏剧化,崇尚画法的平衡与完备,特别强调理智而鄙视感情,圣洁、雅致、人与自然、沉稳。
2.哥特式哥特式式末期
哥特式:风格多变、动感、不规则,宏大、奢华;哥特式式:精致、小巧、妩媚、浮华、矫揉造作。不再圣洁,开始反对象征主义主义教条。
3.新象征主义主义末期
表演艺术形式是对哥特式哥特式式表演艺术的反对,重新追慕象征主义、崇尚内涵,特别强调理智、画法的完备,崇尚以简练的形式表现高雅的气质。
二.现代结构设计产业发展
现代结构设计产业发展主要就有几大节点:工艺美术体育运动、现代主义和后现代主义。
19世纪下半叶,起源于英国的一场结构设计改良体育运动,进入现代以后;工业革命以后大批量工业化生产导致结构设计水准急剧下降,结构设计师实在看不下去,发起工艺美术体育运动,为什么从工业美术体育运动讲起呢?因为它是现代结构设计的开端,承上启下,对后世影响深远.
1.工艺美术体育运动
表演艺术特点特别强调手工艺生产,反对机械化生产,反对矫揉造作和其他各种象征主义、传统的复兴风格,提倡中世纪风格,主张结构设计诚实,讲究简单、朴实、风格良好,提倡自然主义风格和东方风格。
2.现代主义
打破传统,打破结构设计为权贵服务的立场,结构设计民主化,形式上提倡非装饰的简单几何造型,极简化结构设计,主张少即是多,形式追随功能,主张理智结构设计。
3.后现代主义
主张多元化结构设计,不规则化,用表演艺术表达多种思维方式,少则厌烦,反理智主义,重形式,特别强调历史文脉依托。
总结
通过对以上结构设计流行时尚更替预测,他们发现表演艺术产业发展其实是一个继承、否定、再产业发展的过程。刚开始以模仿戏剧化为主,模仿戏剧化产业发展到极致后,自然就会有人摒弃、反对,逐渐开始寻求突破,形成一股新的流行时尚,但当这种新的流行时尚成为主流后(以前被看做非主流);自然就会有人站出来反对这种流行时尚,然后继承再产业发展。
现今UI结构设计产业发展
进入21世纪,随着社会产业发展技术进步,信息软件金融行业逐渐兴起,这里要感谢乔帮主给他们饭碗,正是苹果的结构设计让全球开始重视用户体验重视UI结构设计,以前他们都叫美工…
一.拟物化结构设计
早期UI结构设计都是拟物化结构设计 ,其风格特点:模拟真实物体的材质、质感、细节、光亮等,交互也模拟现实中的交互方式,学习成本低,传达丰富的人性化感情。缺点:拟物化本身是约束,会限制功能本身的结构设计。
二.扁平化结构设计
他们看拟物化结构设计是不是很像象征主义主义跟工业革命刚开始那会,喜欢模拟真实,讲究结构设计诚实;但是慢慢人们审美疲劳,那么肯定会有一类结构设计流行时尚,汲取他精华再起来反对这种结构设计,那是扁平化结构设计,他们那时大环境就处在这个结构设计潮流中。
扁平化有很多优点:去掉界面冗余的装饰效果,“信息”本身重新做为核心被凸显出来,结构设计元素特别强调抽象、极简、符号化,结构设计更简约, 条例清晰;缺点:需要一定学习成本,传达的感情不丰富,甚至过于冰冷。
如:最早用扁平化结构设计的之一,是微软的芒果MetroUI;他们看过于扁平效果并不是太好,扁平化结构设计很像现代主义,推崇极简,冷冰冰,因此他们要问两个问题:
1.扁平化就应该仅仅是扁平吗?
2.扁平化之后应该是什么化?
三.3大结构设计语言
在回答这两个问题之前,他们先预测下最具代表性的三大系统最新的结构设计语言,结构设计理念很重要,大部分结构设计态势都是通过这些理念推动。
1.Material Design
中文名:材料结构设计语言,
a.阴影和层级
用阴影的深度来表达层级,并且有多个层级。
b.Z轴理念
场景立体化而不再局限于平面,增加信息纵深。
c.触摸波纹,流畅动画
有意义的动画指示。
d.卡片结构设计,自适应布局
应用卡片的结构设计理念对布局严格规范,而且布局可以灵活的自适应到任何设备中。
2.IOS
由于IOS12没有太大的结构设计更新,他们主要就看IOS11,应用大量的圆角卡片式结构设计,大面积的背景图,效果冲击力更强,点击欲望也更强了,页面加入超大标题栏字体,这跟以前的小字号细字体有很大的区别,阴影也是比较高级的大阴影。
a.圆角卡片,大标题,大阴影
透气的大图片背景,清晰的文字阅读层级。
b.线性元素向面性进化
线形图标改变成了面形,阴影替代描边,不单单是图标,那时碎片信息越来越多,越来越需要归纳;零碎的线逐渐要往更整体的面过度。
3.Fluent Design System
微软去年推出的结构设计语言中文名:流畅结构设计体系,集各家所长,在UI美学上它更是大有进步,系统包含以上五大核心元素:光线、深度、动效、材质和缩放。
a.光线Light
通过光线的运营,界面更有质感,更加今后感。
b.深度Depth
运用深度理念,可以构造出很多视觉效果,如视差、前后变换、空间体育运动等。
c.动效Motion
不言而喻,动效使页面更加流畅,也更具观赏性。
d.材质Material
在界面中赋予材质,如毛玻璃、亚克力这样的高层次的组合效果,使整个页面很高级。
e.缩放Scale
Fluent Design System主要就目的是一次结构设计,就可以用于0D(只有语音)、1D(Surface Dial)、2D(UI)、3D(VR/AR)的种种情况;因此伸缩性比其他UI结构设计语言都要更重要,尤其是在VR/AR设备上,今后应用潜力巨大。
按照 Fluent Design System 这种结构设计理念结构设计的UI界面,效果确实很棒!
现今态势:扁平化就应该仅仅是扁平吗?
那时回答前文的第一个问题,通过对三大系统的预测 ,他们发现各大互联网公司都不再拘泥于扁平,都在尝试新的结构设计形式去反对扁平,这些反对形式,也是那时最盛行的结构设计态势。下面他们看看有哪些形式:
一.纵深
如果让一张页面不再扁平,我觉得最快最直接方法 是增加纵深,把重要信息凸显出来。增加纵深的常用手段:
1.大阴影
越来越多的结构设计师为卡片、按钮增加大阴影,来突出层级。
2.三维立体
打破扁平,增加立体,三维元素在界面中越来越多的得到运用。
二.动视
动效视差越来越被结构设计师所重视。
1.转场动画
实用动画,诠释功能;观赏动画,缓冲用户等待焦虑。
2.重力视差
视差动画结合重力感应,让用户身临其境。
三.材质
通过不同材质的运用,打破扁平,苹果毛玻璃,微软亚克力材质,相信今后也会有更多材质加入。
四.层次
极赋视觉层次感的页面结构设计不仅极具结构设计美感,取悦用户身心,而且还建立了清晰直观的视觉层级,方便用户简单快速的识别和读取需要的页面内容,进而提升用户体验,降低跳出率。
1.大小对比
元素尺寸越大,越突出,越容易吸引用户的注意;不过尺寸大小也要有度,控制在用户能够接受的范围内,Airbnb和苹果大字号运用就比较得当。
2.色彩对比
利用颜色的强烈对比,突出页面层级。
3.适当间距留白
留白的巧妙运用,能够非常有效地突出页面信息。而页面内部元素之间,保持适当的间距,让彼此之间的相互联系而不“拥挤杂乱”,也是吸引用户注意的不错策略。
今后态势:扁平化之后应该是什么化?
回答这个问题前,我觉得他们有必要先畅想一下今后的生活方式和社会形势,他们先看个短片。
通过短片他们发现,今后科技的迅速产业发展人们结构设计审美更加提高,随处都是屏幕,信息更加繁杂,动效得到普及,人文关怀愈加重要,各种技术的普及,更多结构设计形式出现,全息投影也会加以运用。
因此他们暂且把扁平化后的结构设计流行时尚取名为:后扁平化&多媒体化
那么它有什么风格特点呢?对个人认为会有如下几点:
1.扁平化仍将主宰,但更加抽象简约
2.信息为主
3.人文关怀
4.动效普及
5.多元化结构设计
6.虚拟全息三维投影运用
谢谢他们,以上为本人对于UI结构设计态势的一些感悟的分享,预测不够全面也不够深刻,欢迎他们留言一起探讨~
本文由未知素结构设计(ID:gh_49d55c1b69ec)原创发布,授权互联网早读课转载。内容仅代表作者独立观点,不代表早读课立场。如需转载,请联系原作者。
增长、留存、活跃,运营人的三大难题!GET最新的运营技能,听听金融行业大咖们都是怎么做的——
2018中国运营创新峰会暨金运奖颁奖盛典,重磅发布运营领域首个金融行业报告,运营领域大咖深度分享实战案例,运营领域权威奖项颁布。
↓