视觉设计是一门随着时代发展与社会变迁,随着人类认知提升与生活环境变化,而不断进化的学科,无论是从小众喜好走上大众审美,还是从零星的创意苗头转为流行趋势,它都代表了一个时期人们审美取向与内心述求。与此同时伴随着城市生活节奏加快、人们生活方式日新月异,如今的优秀设计不仅要具备产品使用的功能性,更要符合未来人群的生活方式和潜在审美需求。而作为设计师需要具备敏锐的洞察力与捕捉趋势的能力,充分消化和理解潮流设计元素,不断汲取其中的精华养分,历练实践转化与效果表达的掌控力,才能具备更加开阔的视野、独到的品味和充满灵性的设计感觉。
何为趋势
1、 产品的推陈出新
2、 由流行缔造者开创并融入主流文化的一个过程
趋势的种类
A. Fad流行
短期出现6个月到1年左右,然后又消失
B. Trend趋势
继续持续2到4年左右
C. Maga Trend大趋势
持续20年左右
D. Culture文化
跨越时间和世代,具有连续性且持续下去
百度移动用户体验部(MUX),正是秉承着“积淀、能力培养、共建平台”的团队设计建设指导方针,在2014集MUX视觉设计线研发力量,历时3个季度进行了本次针对2015至2016年度的视觉设计流行趋势研究。众所周知,世界多个知名设计中心及相关设计机构每年发布各领域的设计趋势,但是对于图形界面设计(GUI)以及其周边的设计领域是否适合?在刨析国际潮流之后,再切实的分析应用场景自信的提出对未来的视觉设计趋势的预测。不仅出于行业内的需要,更是希望为设计师提供灵感的火花和创新的思路,引领视觉设计的发展。
对2015-2016年的视觉设计趋势研究,我们是建立在2013-2014整体行业形态、消费趋势等研究,以及国内外趋势报告的分析总结,提出符合设计发展的趋势预测,并以图形界面设计7大要素为切入点,分别提出相应的设计元素,我们相信将这些元素有机转化到产品设计之后,具有迎合用户心理述求的魅力,从而吸引更多的潜在用户。
研究方法:
从不同的设计门类中寻找和借鉴新的设计元素。当中可能有威力强大的、影响全球大部分地区的大趋势,也有一些零星出现、正逐渐变为主流的小趋势。因此通过对工业产品、平面、绘画、服装、建筑、新媒体等艺术设计的趋势发展分析和当前流行设计语言收集借鉴,在理解和掌握其研究结果的基础上,以应用到界面设计的可行性为判断标准对于上述设计门类的结果进行筛选、归纳和提炼,并重新整理,达到对设计灵感、创意和思路的启发。
研究步骤:
1、收集、2、归纳、3、提炼、4、总结、5、转化
研究切入点:
GUI(图形界面设计)7大要素:色彩、形状、材质、肌理、版式、字体、动效
主要发现:
产品和趋势正在从“形式追随功能”,转向“形式追随情感”,以满足人们情感与精神层面上的需求,并且这已经成为绝大部分产品的重要功能。
2008年至2010年,人类在金融危机中迎来了以技术发展为中心的新时代。“移动技术的发展”将普通人带进了以社交为中心的“全新社会”。人们为了克服危机积极转换发展模式,建立“新型秩序”。2012、2013年,人们经历了既有体系的失败和危机,不再一味关注未来,开始直面现实。现在,人们更倾向于从个人的生活开始填补空缺,削减过剩,提高当下的生活价值,而不去盲目追求的未来,以达到个人和社会的共存。
发现不的舒适感和安定感,发现灵活应对的可能性,提高价值,都是解读新潮流的关键词。
因此我们有了关于“不的价值”的新认识,当人们经历了全球金融危机建立新秩序的时候,渐渐明白之前所追求的“”实际上并不是真正意义上的高价值。与其追求未来的成功,不如追求现世的幸福;与其开发顶端1%的技术和功能,不如开发对个人生活有用的功能;与其集中于制定无缺的计划,不如集中精力发掘人与自然、社会和谐共存的理想方案。
太多的文章都会告诉你酷炫的网页设计是怎样的,但是我将结合过去带你看看一些可以实现的未来。
1. 滑动优先于点击
▼▼▼
我们大概已经忘了滚动的页面是怎样的,大多数的用户曾经很痛苦地把鼠标移到屏幕右边,使用一种很古老的东西,我们叫它“滚动条”。
你也许也用过鼠标的滚轮,光标键,触控板。如今,使用滚动要比点击容易多了,在手机上,你可以用你的手指随意滑动屏幕。但是要准确地点击到目标却要困难许多,这和我们在电脑桌面上的体验恰恰相反。
结果就是,我们期待越来越多的网站吧滚动的设计放在位,点击放在第二位。
如今的页面需要点击的东西越来越少,取而代之的是滑动。我们将会看到越来越多的滑动,更多的按钮,更大的点击区域,顶端的页面也会变成滚动的。
需要将大量文章放在不同页面的网站很快会明白这一点,希望他们能将这些恨多的页面整合到一起,比如像时代周刊(TIME)一样可以无限滑动下去。
现在预测网页会不会变得像手表一样智能还为时过早,但是我们可以一起期待未来所有的网页都可以通过手势操纵。
2. 折叠显示正在消失
▼▼▼
如今页面上的滑动非常铺垫,各种设备也可以根据尺寸自适应,折叠起来的东西变得有一些无关紧要。
设计师们越来越不喜欢将所有的东西都塞进顶端页面。比如像Medium就采用了全屏的图片和标题,直到你开始滑动才可以看见内容。
设计师们有更多地机会像杂志一样,将他们的页面填充好看的图片。在2015将有更多地设计占据更多的空间,尤其是垂直化空间,也会有越来越多形象化的东西出现。
3. 快速呈现和简约设计
▼▼▼
如今的年轻人基本上都是非常的网页使用者。这样的结果就是所有的一切都必须变得更高效,人们变得越来越没有耐心。如果网页加载需要1分钟,一个脾气还不错的人都会变得烦躁。
如今网页被逼着不仅要变得更快(技术性问题),更重要的是变得可以更快地被用户理解。不容易被理解的设计业也会减少用户的使用,这和无法加载没什么区别。
更加简单的设计浏览起来更简单,更容易被欣赏。下面两个设计很容易被辨别出来哪一个更加新一些好一些。
其实这也是Skeuomorphic设计逐渐消亡的原因:用户的观点越来越多,耐心减少,页面看起来杂乱只会减少他们的访问量。
Apps一般都拥有小而美的界面,因为小界面效果会表达得更好。
扁平化设计才是个开始,我们期待在简单化和及时化上更多的进步。
4. Pixel已亡
▼▼▼
相信大家在欣赏一个朋友通过微信发过来的声称有亮点的图的时候,应该都会尝试将其进行放大再开始亮点查找。你在Retina屏上面放大还好,但是如果在其他非Retina屏幕上对图片进行放大,到时你就真的找到亮点了,且找到很多,一个个方块的格子状的像素点。旁边美女一边走过时瞥见的话还以为你在看什么东西了,竟然还要打马赛克!立刻投以鄙视的眼光或者一顿拳脚(如果是公交上的话)!怪谁?怪你朋友发给你的是位图。
在电脑桌面上,曾经一个pixel 就是一个pixel。你甚至还会记得72dpi由多少个pixel组成。但是如今,越来越少的人知道一个pixel是什么意思。
目前收到追捧的一些设计中体现了越来越多使用网格和比例的趋势。但是有一个领域始终没有被撼动:位图图像。然而Retina屏和一些新的浏览器,使得矢量图在2015变得越来越流行。
我们可以看到这个趋势体现在了以字体为基础的图标设计,以及Google’s Material Design. 页面加载得更快并且图标可以不损失质量又随愿意所方程任何大小。这对设计师和网络浏览器来说是很理想的。
或许还需要一些时间让者改变习惯创造一些更高质量的现实。但是一旦大部分的显示都变成Retina级别的,相信更多设计师就会习惯于此了。
5. 动图回来啦
▼▼▼
如果你想让你的网页看起来比较复古,你可以添加动画效果的“Under Construction”的Gif或者flash动画。但是目前动画已经成为现代网页设计的新星了。
扁平化设计使得界面看起来不会过于连续,也不会太无聊。动画会使得网页更加引人注目,并且可以在有限的空间里打包更多的信息。
手机上的app重新定义了用户的需求。App会使用动态图去传达信息,而网页在这方面才刚刚起步。
新的一些科技比如CSS动画使得在没有插件,速度,以及一些兼容性问题的情况下更好地提高设计师。Web ponents只会加速这个趋势。
GIF动画回来了,而且出人意料得有效。你可以发现这片文章里大量使用的GIF动画配图。
6. web ponents 组件标准化到来
▼▼▼
网络科技变得越来越复杂,语义成分越来越少,设计师必须为了一个简单地任务将很复杂的code植入到页面里。比如像 Google Analytics 或者是 Facebook 的“like”按钮。如果我们可以用以下代码取代的话将会更简单:
<google-analyticskey=”UA-12345–678">
Web Components目前还没有被大多数的设计师使用,但是这个趋势在2015会更明显。
Google’s Material Design 便推动了这一趋势发展,在Polymer和各种新开发的浏览器支持下,它为安卓app提供了大量标签简单的动画和交互组件。
如果照这个趋势下去,以组件为基础的框架出现在2015指日可待,或许是Bootstrap4.0?
7. 社交饱和以及邮件的重新崛起
▼▼▼
对消费者来说,社交网络已经取得了巨大的成功,但是很多内容制造者并不是很开心。
问题在于饱和。Facebook发现在每年数十亿的的posts中只有那么一些被浏览和分享。这意味着随着时间过去,你的会被越来越少的人浏览(这个问题是可以解决的,除非你付费给Facebook)。
社交并没有离我们远去,但是在2014我们可以看到很多有潜力的知名博主比如 Tim Ferries 的注意力都从社交网络转移到“过时”的email。他们已经意识到email相比社交网站的优点是:有更多的人会看到你发送给他们的内容。
我期待在网页提示功能不被看好的情况下,这种趋势会在2015继续下去。
非预测:CSS shapes
▼▼▼
这个很酷的技术还没有被重视,除了设计师们。CSS shapes 使得非矩形形状的使用成为现实。
这无疑非常酷,但是需要浏览器的支持,所以花费时间和努力在上面有一些冒险,或许你需要两个设计师,一个应付旧的浏览器,一个应付新的。除了设计师之外,并没有很多用户意识到这个趋势。
但它真的很酷。