UE Buang

2016页面风格把握

前言

 

当今的视觉设计更在乎与功能的相互揉合。整体风格偏向于轻健。即便是主题宣传性质的海报张贴在颜色的选择上也越来越具有协调性。突然发现,在一个区域上不同的宣传板整体上变得和谐,不像以前那么跳跃感到杂乱。

宣传语句和内容页更趋向合理化,大多不会杂糅过多的信息。因为更多的宣传者意识到,顾客不会那么认真关注你的每一个信息,他们更需要做的是——吸引去了解,而不是一下子把信息完全抛过去,产生反作用!
至于形式感法则,那真是一个美学素质的方面,那些令人赞叹的设计真的是会让人目不转睛的看下去,继而赢得用户青睐!下面的一些设计有好有坏,重要的是在于展示一下关于颜色,形式设计的一些选择。

 

以下是来自于江沪设计团队的文章。

(LI.BOBO注:仅做参考,更多的可以上其他优秀网站进行提取元素,视觉无止境)


概念简述

低饱和度的色调,冷暖融合,不鲜亮夺目,却更柔和平衡。无视材料的软硬,冰激凌色调都能让我们平静、放松。其自身也可以与各种低饱和度的色调轻松搭配。

这一年来,流行色调趋势越来越偏向沉稳安宁。他们如同空气一般,通过明丽的搭配吹起一股清新怡然的简约之风,朴素、清新的生活之美直入人心。


运用案例

柔和的色调越来越多地运用到界面中,作为网站的背景色营造和谐的氛围以突出前景主体;作为图标色的运用也日益广泛,表达品质的同时不失活泼性;在各类运营图中,以柔和饱满的颜色替代过于刺眼醒目的,提升界面环境的整体气质。


概念简述

随着扁平化趋势的发展,从最初的纯扁平基础上逐步增加了更多细节化元素。无论是摄影还是插画,同色系弱渐变与浅阴影相结合,浅阴影突显重要转折面,虚实收放有度,营造出柔美和谐质感。


运用案例

在扁平基础上增添的渐变光影越来越成为一种主流趋势,无论是体现界面的层次,或图标的质感都可以使用这类元素。

在运营活动中也可加入大块背景,以及文字的变化,使画面变得丰富更吸引用户。

 

概念简述

现在海报设计中,流行实物、图形与文字前后层级排列,利用不同材质的混搭,打破了普通的图文排版方式,在2d的环境下营造出3d的纵深感;时尚圈近来低调内涵的复古色系将会强势来袭,对比去年的亮色系,饱和度较低的颜色,可以帮助我们舒缓压力,放松心境;一些建筑墙面和工业设计领域的陶瓷使用特殊材质,营造出美轮美奂的半透明质感。


元素提炼         

复古花纹与文字的混搭方式在营造空间感和强化主体方面有突出效果。

磨砂材质是扁平设计的一种变异形式,是在扁平加弱渐变的框架下,又加上了材质的效果。

复古色被越来越多的产品选择,低饱和的复古色来作为产品的主色调,更加优雅。


运用案例

 

网页的banner或者专题网页的设计可以复古色和复古元素表现更有质感的细节;这种带有复古质感的风格2015年底开始流行起来的,现在有一些引导页已经开始也采用了这种风格来丰富画面,我们在将来也可以运用到引导页、闪屏,以及一些icon的设计当中。

 

概念简述

最美的设计,天人合一,应该是圆润的,有曲线的。

工业设计讲究“人体工程学”,作品都已变得有弧度。建筑大师扎哈说“没有曲线没有未来”。

曲线在原本四四方方的移动端,让展现的页面更美、更戏剧、更博爱。

运用案例

 

曲线在视觉体系里的运用比较多元,无论是控件元素还是一些可视化图表都走向了以弧线取代直线的方向。

以曲面来解构物体是一种类似低面建模的方法,在扁平质感上突显体积感,不失柔韧亦有空间感。

这种形式广泛运用于ui界面元素中,不止图形和字体,通过这些弧线元素的组合后有效提升了整个界面的视觉体验。


概念简述

线型风格的图形样式已经风靡了一段时间,以扁平化的元素点缀,在单色描边的样式上增添更多质感。

错层叠色类似古早印刷的风格,在描边下层以纯色平铺进行叠加,一些新的涂色方案是略微错位的,使画面富有更多活泼趣味性。亦可用浅色平铺作为阴影,增添扁平光影感,即符合时下扁平风又不失细节特色。

运用案例

在这两年的网页和移动界面中经常使用的手法,在一些界面小元素上使用这样的风格丰富画面细节和情感化元素。如引导页、图标、以及页面提示等。

从简单的涂色表现阴影到错层叠色,这样的手法可以很好同时表达阴影和高光部分,平滑的边缘使图形更清爽不黏腻,比普通的扁平涂色更有质感。

概念简述

为了让用户更加聚焦在他们所应该关注的内容上,设计师们通过各种方法减少、弱化界面元素,利用形状与景深来表达空间层级关系。其中,折线运用最为天马行空,事半功倍。

如何让一张纸能立起来不倒?——折叠,可以轻易让平面变为立面。无论是Nike Lab最新系列的百褶花边设计,还是来 IF 设计的获奖花盆,或是“折叠设计”鼻祖三宅一生的Issey Miyake包包,平面三角形折叠在建筑学中的运营更是天马行空,在2016它将会继续发光发热。


运用案例

 

在低面建模流行了一段时间之后,折叠以各种类同形式持续发热中。

从形体本身延续到背景,从规则到不规则,各种形状的实验性相互折叠,成为2016非常有趣的设计重点。

概念简述

近来,随着性能和网速的提升,越来越多的短视频作为背景在网页和移动端上流畅地播放,代替了网页首屏banner和APP功能介绍。 相比静态画面,视频和动效可以更好地展现产品特性,更直观地展现品牌形象。

运用案例

除了替代大幅面的图片,带来更强的视觉印象之外,一个常见的视频元素应用场景还在于新用户引导和新功能介绍,很多APP在首次启动时触发的引导页不再是以静态图片和文字或者最为经(lao)典(tao)的蒙层引导,而是以短视频的形式为用户展示使用场景和操作方法;在用户使用过程中,新功能的引导也加入了真人视频教学的方式,增加了引导的趣味性和亲和性。 

@Li. BoBo

评论
热度(10)
©UE Buang | Powered by LOFTER

不拘一格的阐述自己对世界的看法,其实是对自己的探索!
我们不希望设计的初衷变了味道,因为关乎于生活!