您当前位置:新疆网站建设-新疆网站制作-新疆二域设计 >帮助中心 >推广运营 >浏览文章

2016年最值得关注的16个网页设计趋势

作者:@陈子木  来源:优设网uisdc.com  发布时间:2016/1/14 21:09:11

设 计趋势每年都在改变,出于各种原因,有 的设计趋势在演进中逐渐消失,有 的则在大家的熟练运用过程中渐入佳境,甚 至逐步褪变成为主流。作 为一个专注于网和平面设计的设计机构,我 们对于所有相关的技术和设计趋势都极度敏感。通过过去一年的观察,我们可以总结出下面16大设计趋势。


1. 可用性设计


2016年,设 计的大方向将继续向着用户倾斜。用 户体验在整个设计中的权重将继续加大。如 果你的设计在可用性上不足的话,再 炫酷也不会有人问津。

如 果不能专注地做好用户体验设计,在即将到来的2016年,你 是无法持久地吸引用户的。无 论是谷歌在算法上的变更,还 是用户行为数据的变迁,都指向同一个方向:你 的网站必须加载得更快,也必须更加易用。


对于电商网站而言,加 载速度的影响会更为明显,因 为加载速度每延迟一秒,就意味着27%的销量流失掉了。其他的网站也类似,只 不过产生的影响不尽相同。


2. 响应式设计


时至今日,响 应式网页设计不再是一个可选项,而是必选项了。移 动端无疑已经是真正意义上的“第一屏”了。不 同类型不同尺寸的屏幕让设计师们面临的界面是真正意义上的“碎片化”的屏幕选项,所 以响应式不得不为之。



对,你 必须得让你的设计可用,这样一来,你 就必须让所有屏幕都可以正常显示。值得注意的是,作为目前的一项铁律,如 果你的网站用手机打开而无法正常浏览的话,通 常意味着你需要修改和调整了。



在即将到来的2016年,响应式是必须品,不 存在某个尺寸或格式能够搞定所有问题,并 且变得响应式的将不仅仅是网页本身,还有LOGO、Banner等所有相关元素。最 值得学习的案例就是Netflix了,全面响应式的设计,让 你彻底告别拉伸和马赛克。


3. APP设 计入侵网页设计领域

网页设计早就应该向APP设计学习了,它应该更加高效,更低干扰,应 该能提供定制化的用户体验。



随 着网络的膨胀和网络空间的饱和度的增加,设 计和策划人员也开始在网页的个性化浏览上下功夫,添加更多具备“排他性”的特性。

你 要学会移除非必须的信息,让 用户可以尽可能快地同你的网页内容进行交互。


4. 更智能的菜单


有 些用户已经开始厌倦汉堡菜单和导航图标,但 是这种情况仅仅只是开始,因 为菜单正在进化为越来越智能。



采 用隐藏式导航的网页正在逐步增多,这 也许很快会成为一种常态。这 一设计出现的理由是,这 样的设计可以让用户更少被非关键信息所干扰。

但是,即 使我们看不到菜单的存在,但是经验告诉我们,菜单一定是存在的,因 此我们无需为此担心——因 为当我们需要它的时候,菜 单会在合适的地方出现。

专家还预测,未 来的菜单可能是多方向滚动的,不过就目前而言,这并没有明确的标准,未来会有各种可能性。


5. 模块和模块化文本


没 人会喜欢翻看文章的时候,发现导语又臭又长,是吧?那么在网页上,最 好的呈现方式是提供一份简短版本的导语,然后设计前来救场:提 供一套模块化的布局方案。

模块化设计之下,每 个部分都会划分成为独立的区块,便于操作。但 是这一的设计并不会显得单调,相反,它更加难于预测,它 可能会将内容以更让人感兴趣、更 适宜于探索的方式呈现出来。



就像读杂志一样,用 户的实现会从一个内容区块跳转到另外一个区块,从 一种类型跳转到另外一种类型。



6. 无 限滚动和模块化设计


这 也是网页设计最近开始流行的一种玩法,模块化滚动页面设计。网 页被划分成许多独立的模块,每 个模块内的滚动交互独立于其他的模块。

听起来太过复杂?这倒不然,实 际上你可能会在某些网站中看到过类似的状况,侧 边栏的滚动速度和页面正文的滚动速度不同。当然,在 模块化滚动的页面中,这种状况会更加明显,特性也更加显著。脑补一下,两栏式页面,两列内容单独滚动,就像下面这个案例:



当然,这 一切始于无限滚动这一页面设计技术,最典型的就是Pinterest、Facebook和Twitter。



模 块化无限滚动也是基于一个相同的假设:向 下滚动总是更容易的操作,用 户不用停下来点击翻页。这 也难怪越来越多的用户沉迷于这种交互模式。


7. Material Design


实际上Material Design 的推出可以追溯到2013年,但 是它的流行真正开始于2015年。如 果你仔细观察过各个领域的设计风格的改变,你会发现 Material Design 开 始大规模地出现在网页、APP甚至艺术作品当中,我们可以预见到 2016年 Material Design 设 计风格的爆发式流行。



8. 扁平化设计


严格意义上来说,Material Design 算 是扁平化设计中的一个分支,它有着典型的“纸”的隐喻。广 泛意义上的扁平化设计依然非常流行,甚 至可以说是非常受欢迎。






近 几年扁平化的风潮之下,许 多品牌也都开始选择简约现代而扁平的风格,视 觉设计也大都秉承少即是多的理念。

扁 平化设计的优势很明显,这 些优势主要体现在用户体验上,他 让网页更加轻量自由,降低负担,提升加载时间。

扁 平化设计和幽灵按钮等时下流行的设计元素可以很好地配合起来,随着时间的沉淀,类似Material Design的 轻量级阴影的加入到扁平化设计中,通 常我们称之为扁平化2.0。



9. 视觉化的故事呈现


一图胜千言,相 比于长篇大论的文字,视 觉化的故事呈现方式会更加直观,也 更符合时下的文化特征于用户的阅读习惯。我 想下面的数据会给你更多的信心:


·全球范围内有1亿 人每天至少观看一个视频

·网站访客中64%的 人会在观看视频后选择购买

·80% 的 观众会在持续观看一个广告30天后选择购买

·92%的 人有观看视频之后分享的行为

·人 类处理视觉元素的速度比文字快6万倍



10. 信息图


信 息图是近年来每年都在增长的一种设计手法,信 息图以更加视觉化的方式呈现出信息和数据,让用户更容易接受。信 息图的火热除了本身的优势之外,造 成它流行的的原因很大程度上源自于社交网络、SEO和 内容营销的大量需求。

2016年,信 息图肯定会进一步发展,信 息图的模板会更加多样绚丽,也 许你会看到更多有趣的扁平风插画和艺术化的表达,也 许信息图会和大数据进行更紧密的结合。





11. 炫酷的字体排版


不 论是帅气的网站还是令人印象深刻的信息图,炫 酷的字体排版似乎已经成为标配了。漂 亮的字体排版已经成为品牌化表达的重要手段,是 呈现性格的实用手段。

其 实字体排版本身就是一门语言。在几年前,通 常只有专业的平面设计师能玩转它,不 过随着各类字体的广泛流行,使 得许多并不精通字体设计的设计师也可以搞定字体排版。



12. 现代复古


现代复古风绝对够酷。从20世纪初到90年 代之间所流行的各种元素在现在看来是非常复古的,像素艺术、巨大的移动电话,Tron等 等这些元素时下的现代风结合到一起,构 建出一种独特的复古氛围,有底蕴,有层次,非常Geek。




13. 丰富色彩


丰 富的用色并不是越多越好,这里说的是接近80年 代风格的彩虹式用色,多 个类似蜡笔的低饱和度色彩协调地搭配到一起,营 造出一种愉悦而活泼的氛围,这 种配色方式你可以在2016年 春的潘通时尚流行色报告中得到印证。




14. 栅格和几何形状


栅格化布局将会成为CSS语言规范中的一部分。栅 格不仅主宰着网页设计,还影响着平面设计,这 种最早源自于瑞士的现代主义运动的设计方式的确有其独到之处。另 外一个值得一提的是几何形状的运用。

几 何形状在网页设计和平面设计中都是非常有效的装饰元素,它 同时下流行的各种设计元素和设计技巧都可以无缝地搭配在一起,着 也是它成为设计趋势的重要原因之一。



15. 干掉图库


在 网站中引入图库其实是一件非常无聊而原理原创的一种方式。虽然图库网站很多,但 是你会发现大家挑的图片总是那几个。这 也是为什么许多图库类的网站都在力图推荐真正流行的、高素质的图片。

虽 然有数以百万计的图片可供选择,不 过越来越多的设计师开始选择自己拍图,甚 至亲自手绘来搞定问题。



16. 视频和GIF图



视 频背景和动态图背景也是目前正在流行的趋势之一,2016年 将会有更多的网站选择这样的设计。

当然,GIF图 在社交网络上通常作为动态表情而存在,那 些内涵十足的内容拥有着强大的传播力。


关键字:
上一篇: 网 站有流量没有订单的原因
下一篇:没有了
0
友情链接:    盛世彩票网   荣鼎彩票   奔驰彩票软件   永旺彩票网址   六合一家人