搜索

24小时全国服务热线:4006 - 123 - 820   

图片展示

再作印证!2016年网页设计领域11个流行趋势预测

发表时间:2017-11-18 21:50:35

关注:532

来自 Medium 的设计师在这篇文章中预测了2016年最值得关注的设计趋势,而老牌设计博客Designmodo 对此也有自己的看法。新的技术和新的设计趋势会在2016年逐一涌现,但是总体上来说,它依然会沿着2015的大趋势来逐步演变。可以预见到的是,2016年会有更多的网站使用视频背景,更多基于Material Design 风格的界面设计,幻灯片式的界面切换也会继续火热下去。

来自 Medium 的设计师在这篇文章中预测了2016年最值得关注的设计趋势而老牌设计博客Designmodo 对此也有自己的看法新的技术和新的设计趋势会在2016年逐一涌现但是总体上来说它依然会沿着2015的大趋势来逐步演变可以预见到的是2016年会有更多的 网站使用视频背景更多基于Material Design 风格的界面设计幻灯片式的界面切换也会继续火热下去


Designmodo 对2016年预测的设计趋势有11其中许多确实和Medium 所见略同两相印证应该能让你看的更明白


垂直滚动


随着移动端流量一而再再而三的爆发网页设计开始越来越明显地向着移动端倾斜更加直接的垂直滚动式的页面成为了大势所趋


几年前垂直滚动式的页面一度流行过当时许多人对于这种过于简单的页面设计手法并不看好可是移动端扁平化风潮之后移动端正是上位垂直滚动页面设计卷土重来杀出了一片天地移动端上页面滚动对于用户而言是一种直觉式的交互这样一来垂直滚动式的页面就显得更加自然直接了


更多的卡片式界面


卡片式界面设计是 Material Design 启发下逐步流行开的设计手法它最早出现于APP设计随后在网页设计中开始流行甚至影响到许多平面设计作品卡片式界面是一种有趣又有用的创举因为卡片的存在可以更好地组织信息还能让用户更清晰地交互卡片式设计暗合了模块化设计的思想从结构到视觉上均是如此这也使得它轻松地成为了跨设备交互的一种载体堆叠移动传输均可以有逻辑清晰地完成


视频背景/视频页头


视频背景的设计趋势一直在升温让网页浏览拥有观看电影一样的用户体验这是设计师一直期待的事情但是由于数字设备的性能短板在很长的一段时间里面设计师没法实现自己的构想但是现在不一样了手机和电脑的处理能力已经相当不错了短视频背景也可以在手机电脑上流畅地播放另外智能电视的普及使得视频的运用有了更大的空间和更多的可能性


小动效


和视频背景一样动效也是目前的热门趋势视频背景吃对带宽的要求更高而小动效则是名副其实的吃性能还好对于目前的数码设备而言并不会有太大的压力小动效可以在网页的各个角落出现将用户的注意力有意识地吸引到特定的地方让用户流连产生足够的惊喜带来愉悦的体验


当然动效设计中最重要的因素是动效设计的目的为什么要设计这么一个动效它真正的目的到底何在


专注于交互


同小动效关联最紧密的应该是交互让应用和界面同用户真正产生关联的是交互它是沟通的桥梁真正优秀的交互是润物细无声的它可以不明显可以很微妙但是一定要自然并且为用户产生效用从最简单的提醒到复杂而漂亮的弹出框从显而易见的操控界面到微妙的回弹微交互交互设计界定了人和机器之间的逻辑关系将界面动效内容操作串联到一起现在设计师们更加注重统一的交互设计也着迷于如何将微交互和动效充分地结合到一起相信在新的一年里这也是大家所关注的重点


更漂亮的字体排版


简约直观的界面已经微漂亮的字体排版留足了空间尺寸巨大风格化的字体标题和LOGO依然占据着欧美网页设计的主流国内也有更多的设计师开始选择这样的设计漂亮的字体排版设计不仅会更加视觉化而且可以为其他的元素留下更多的发挥空间字体排版设计有一个问题特别值得注意字体排版要兼顾设计的趣味性和内容的可读性优秀的设计不仅设计思路优秀而且特别注重字体的搭配


插画和涂鸦


插画和涂鸦往往能让网页显得妙趣横生将奇思妙想注入其中插画的类型很多风格多样大到整页的背景小到页角的图标都可以是插画插画和涂鸦最美妙之处在于它会赋予网页以性格让它更加个性化也正是这种个性化往往能同用户产生共鸣而这也是它走向流行的重要基础


大胆明亮的色彩


复古一直都在流行而复古色的流行很明显是近几年回潮的几种流行元素之一Material Design和扁平化的流行给予了80年代风的大胆明亮的色彩以全新的舞台在过去的2015年当中单色的网站设计中这些明亮的色彩已经得到了验证用户并没有抵触而在2016年里面这些色彩可能会重现80年代的氛围


更多的汉堡图标和标识


图标从来都是重头戏炫技用图标做网页设计UI设计平面设计也都需要各式各样的图标来做支撑越来越多的UIKit 开始加入图标而图标合集也开始将各大图标设计项目整合进来打包下载甚至制作成独立的图标工具得益于SVG的格式优势许多超大图标也可以以更小的体积运用到网页和UI


现实和想象之间的边界逐步模糊


网站一定要设计成现实的或者全是动画的么在网页设计这个事情上现实和想象之间的边界会越来越模糊现实的素材和想象的元素会在一个界面中糅合以一种更富有张力的方式呈现出来其实这种现实和虚拟的内容整合式的呈现会赋予网页更加个性化的浏览体验对于设计师而言这种手法的设计空间更大


幻灯片式网页设计


网站的轮播图并不是什么新鲜的东西但是如果将它扩展到整个屏幕就会形成类似幻灯片一样的页面每个占据整个屏幕的幻灯片可以承载不同的内容不一样的设计可以制作成滚动式的页面也可以加入延时动效用户可以左右滑动切换幻灯片这是一种接近物理现实的交互体验和许多设计趋势一样这样的网页设计更加简约直觉


2017中国互联网品牌最佳技术服务奖

中国互联网品牌大会指定技术服务商

About 关于  |  Team 团队  |  Join 加入  |  Cooperation 合作

WiNDOW 闻道 - 微视窗

© Copyright 2008-2018 WiNDOW. All Rights Reserved.

WiNDOWAPP.TOP / WINDOW.VC / WINDOW.SH

湘ICP备16014229号

湘公网安备 43010502000719号

  


WiNDOW 闻道                   闻道微视窗         

官方微信公众号               团队微信公众号