来自Medium的设计师们在这篇文章中预测了2016年最值得关注的设计趋势,老牌设计博客Designmodo对此也有自己的看法。新技术、新设计趋势在2016年会一一涌现,但总的来说,还是会沿着2015年的大趋势逐渐演变。可以预见,2016年,更多的网站会使用视频背景,更多基于Material的界面设计设计风格和滑动式界面切换将继续流行。Designmodo预测了2016年的11种设计趋势,其中许多确实“像”Medium。两阶段确认应该能让你看得更清楚。垂直滚动随着移动端流量的反复爆发,网页设计开始越来越向移动端倾斜,更直接的垂直滚动页面成为大势所趋。几年前,垂直滚动页面一度流行。当时,很多人并不看好这种“过于简单”的页面设计方式。然而,在移动端扁平化趋势之后,移动端置顶,垂直滚动的页面设计卷土重来。杀了一片天地。在移动端,页面滚动对于用户来说是一种直观的交互方式,垂直滚动的页面显得更加自然直接。更多卡片式界面卡片式界面设计是受MaterialDesign启发逐渐流行的设计手法。它最早出现在APP设计中,而后流行于网页设计中,甚至影响了很多平面设计作品。卡片界面是一个有趣且有用的创新,因为卡片的存在可以更好地组织信息,让用户更清晰地进行交互。卡片式的设计与模块化设计的思路不谋而合,无论是在结构上还是在视觉上,这也让它成为了跨设备交互的便捷载体。堆叠、移动、传输都可以做到逻辑清晰。视频背景/视频标题视频背景的设计趋势一直在升温。让网页浏览有一种像看电影一样的用户体验,是设计师们一直期待的。然而,由于数字设备的性能欠缺,设计师们在很长一段时间内都无法实现他们的想法。但是现在不一样了,手机和电脑的处理能力相当不错,短视频背景在手机和电脑上也能流畅播放。此外,智能电视的普及,让视频的使用有了更大的空间和更多的可能性。小动作效果与视频背景一样,动作效果也是当下的热门趋势。视频背景对带宽的要求更高,而小动画效果对性能的要求更高。好在现在的数码设备压力不大。小动效可以出现在网页的每个角落,有意识地将用户的注意力吸引到特定的地方,让用户流连忘返,产生足够的惊喜,带来愉悦的体验。当然,动效设计最重要的因素是动效设计的目的:为什么要设计这样的动效,它的真正目的是什么?专注于交互应该与小动画关系最密切。让应用程序和界面真正与用户相关的是交互,交互是沟通的桥梁。真正优秀的交互是微妙而微妙的。它可能不明显或微妙,但它必须是自然的并为用户产生效用。从最简单的提醒到复杂美观的弹框,从明显的控制界面到细微的回弹微交互,交互设计定义了人机之间的逻辑关系,将界面、动作、内容、操作串在一起。设计师们现在更加关注统一的交互设计,也着迷于如何将微交互和动效充分结合起来。相信这也会是新一年大家关注的焦点。更漂亮的排版简洁直观的界面为稍显美观的排版留出了足够的空间。巨大的尺寸、程式化的字体标题和LOGO仍然占据着欧美网页设计的主流,越来越多的国内设计师开始选择这样的设计。漂亮的排版设计不仅会更具视觉效果,也会给其他元素留下更多的发挥空间。排版设计中有一个问题特别值得注意。排版要兼顾设计的趣味性和内容的可读性。一个优秀的设计不仅要有优秀的设计思路,还要特别注意字体的搭配。插图和涂鸦插图和涂鸦通常可以使网页显得俏皮,并为其注入奇思妙想。插画种类繁多,风格各异,大到整个页面的背景,小到页面一角的图标,都可以是插画。插图和涂鸦的美妙之处在于它们赋予网页个性并使其更加个性化。也正是这种个性化,往往能引起用户的共鸣,这也是它受欢迎的重要基础。大胆而明亮的色彩风靡一时。复古色的流行显然是近年来重新兴起的几种流行元素之一。材料设计和扁平化设计的流行,让80年代风格大胆明快的色彩有了新的舞台。在刚刚过去的2015年,在单色的网站设计中,这些鲜艳的色彩得到了验证,用户也没有反抗。2016年,这些颜色可能会带回80年代的氛围。更多的汉堡图标和标志图标一直是亮点。图标是用来炫技的,网页设计、UI设计、平面设计也需要各种各样的图标来支持。越来越多的UIKit开始加入图标,图标集也开始整合各大图标设计项目,打包下载,甚至制作独立的图标工具。得益于SVG的格式优势,很多尺寸过大的图标也可以用在更小尺寸的网页和UI中。现实与想象的界限正在逐渐模糊。网站必须设计得逼真,还是全是动画?在网页设计这件事情上,现实与想象的界限会越来越模糊,现实的素材和想象的元素会在一个界面中结合,并以更有张力的方式呈现。事实上,这种真实和虚拟内容的融合呈现会给网页带来更加个性化的浏览体验。对于设计师来说,这种方式有更大的设计空间。幻灯片网页设计网站的轮播并不是什么新鲜事,但如果将其扩展到整个屏幕,就会形成一个像幻灯片一样的页面。每张占据整个屏幕的幻灯片都可以承载不同的内容和不同的设计。可以做成滚动页面,也可以加延迟动效。用户可以左右滑动切换幻灯片,这是一种接近物理现实的交互体验。像许多设计趋势一样,这种网页设计更加简约和直观。
