2013年10大网页设计趋势 - 优设网 - UISDC

2013年10大网页设计趋势

2013/01/01 12788评论 8

2013年10大网页设计趋势
TNW发布了2013年10大网页设计趋势:

1、响应式布局盛行,即一个网站适配多种屏幕;
2、重视字体的选择,使用Web字体;
3、更少的使用Flash,使用其他任何可能替代的技术;
4、苹果iOS的拟物化设计将不再时髦;
5、使用巨大的背景图构造大气的视觉效果;
6、产品和个人介绍页面留出更多空白;
7、更多的社交网络分享入口;
8、浅色、冷色调重新成为主流;
9、移动App将取代一部分移动网页流量;
10、内容依旧为王;

好了,该到我们年终展望新年的时刻了。2012年我们看到一些新的设计趋势在Web设计领域,特别是响应式页面设计。那么跟随我们的脚步,来预测一下2013年的设计趋势吧!

1、响应式网页设计越来越被重视

响应式网页设计

响应式网页设计已经不是什么新鲜名词了,但我们为什么还有说它呢?简单地说:响应式设计的方法会更多且制定相应的标准。2012年通过断点的响应式 设计类适合不同的屏幕,当新的设备比如iPad mini冲击足够大的市场的时候,这种方式将得到改变,断点可能被替换成其他实现方式。

我们认为更多的网站设计将专注于最初的页面设计以响应式,而非单独制定不同设备的模式。这种响应式设计忘记尺寸以便支持多种设备,我们将看到更丰富的页面设计适应不同节点的设备。

2、重视字体的选择,使用Web字体

字体布局

初建网站时,Web设计师和开发者常常专注于图片处理及JavaScript脚本。在过去两年以及未来相当长的一段时间内,Web设计类型将得到一 次突破,最为明显的是字体设计成为网页设计重中之重。比如使用@font-face 把服务器上字体引入,比图片和脚步JavaScript更轻量化。

而且,字体布局相比图片和JavaScript复杂的布局更适合响应式设计。大胆放开你的思维,让更多的字体设计尽显在你的网站上。

3、更少的使用Flash,使用其他任何可能替代的技术

不要惊讶Flash到2012年才拿掉,对网站的SEO来说它是多么垃圾,很多移动设备已经不支持它了(看看苹果的设备),而且更新很痛苦(经常崩溃浏览器,你有过吗?)最佳的方式是使用HTML5/CSS3和JavaScript等。

2013年Flash可能举步维艰。虽然有些危言耸听,但这是事实,Adobe都不支持Flash在Android 4.1以上系统了

4、 苹果iOS的拟物化设计将不再时髦

Screen-Shot-2012-12-22-at-4.17.00-PM-520x339

这里有个关于苹果拟物化设计的讨论,甚至苹果也在商议改变设计决策。过去的项目线索并不能帮助我们在新技术上改进思维方式。举个例子,我们要阅读电子书不需要虚拟一个书架放一本书,把它放在我们的设备上,我们知道它是电子书,我们知道如何打开阅读它。

苹果正需求其他设计美学,等待其他人步入后尘。我们已经看到一些公司拥有它们自己的方法论,比如微软的Metro风格设计。所以未来,更多设计将扁平化。

5、使用巨大的背景图构造大气的视觉效果

Screen-Shot-2012-12-22-at-4.17.54-PM-520x369

上一条我们说过字体设计将替代图片,但这不矛盾,越来越多的网站使用大图片放在网站的首页以增加视觉冲击力。当然,使用大图像要考虑带宽流量和服务器问题,合理优化是首要。

 

6、留白更多

Screen-Shot-2012-12-22-at-4.21.10-PM-520x355

2012年设计趋势中谈到页面留白,2013年这种趋势将继续存在,响应式页面设计和简约的设计美学都是关键的因素。留白会更显的专业和大气。(哈哈,又是大气~)

7、更多的社交网络分享入口

Screen-Shot-2012-12-22-at-4.42.55-PM-520x386

把更多的社交媒体整合到你的新网站中吧,在每篇文章中凸显社交按钮,2013年更多深层次的社交整合将得到爆发。

这包含了简单的社交登录外,还有更深层次的比如“微博支付”分享等,以及其他社交分享方式(Instagram、Pinterest等),更多广告业也将在社交媒体上出现。

8、浅色、冷色调重新成为主流,更多淡雅平静的配色方案

Screen-Shot-2012-12-22-at-4.52.14-PM-520x401

色彩潮流比任何东西来去更快,使用淡雅和平静的色彩将会出现更多网站上。过去几个月我们也看到一些网站的设计,比如新版的PayPal主页。你可以看看“Pantone 2013色彩选择”。

很难预测那些色彩在某特定时间内流行。不过值得肯定的是,淡雅和浅色风格设计将主导网站和移动应用界面设计。安全色如白色、黑色和灰色将作为主要色调。

9、移动App将取代一部分移动网页流量

129223342-520x353

即使网站兼容所有设备,对于某些网站,一个移动应用来的更好些。像Twitter, Facebook, Pinterest等,移动应用版比移动浏览器版体验会更好些。

2013年这种趋势将更加明显,越来越多的人通过移动应用浏览内容而不是浏览器。

10、内容有价值恒古不变

97868144-520x346

2013年网页设计更注重有价值内容的呈现。没有内容,就没有网站。保持网站新鲜的最佳方式就是更新有价值的内容。

撰写,设计,发布和共享一切以内容为主,响应式设计也不例外。

总之:响应式设计、有价值的内容、社交媒体将成为2013年的主导。

最后,祝大家新年快乐~

Enqoo原文:http://blog.enqoo.com/blog/2012/12/31/10-web-design-trends-you-can-in-2013/

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/10-web-design-trends-you-can-in-2013

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 排版布局 职场 设计师干货 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计流程 设计理论 神器下载 字体下载 设计师专访 psd下载 设计规范 用户体验设计 海报设计 设计趋势 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里