莫方教程网

专业程序员编程教程与实战案例分享

11大网页设计趋势

随着web建设中不端用如了高端技术。每年web设计都在进步,每天新的web设计都会出现,2015年一过去了一大半,我可以看到web设计的趋势,让我来看看有哪些趋势。

1.平面设计在网页设计中的崛起

以前我们可能会觉得平面设计和网页设计以及UI设计有很大的区别,会平面设计的人可能未必能做好网页设计,但这样的观念是时候革新了。实际上好的平面设计师会将自己的平面设计功底融合到网页设计当中,如果我们在学网页设计的时候只是参照网站设计,那我们永远无法突破。不论是用平面设计作为背景也好,或者是用平面设计的元素作为网页控件或者装饰也好,实际上好的平面设计会大大提高网站的视觉冲击力。如GROBA

2. 讲故事+互动

对于网站来说,拥有令人感到惊异的内容总是非常关键,而利用这些内容讲故事更是一大优势。2015年的网站设计很可能聚焦于如何为用户讲故事。

比如,Space Needle(美国西雅图地标建筑太空针塔)的网站非常漂亮,可以通过使用讲故事的方式介绍Space

3.大标题背景图像缺失

网站设计中十分流行大标题背景图像,上面经常有文字说明,这也是大多数访客浏览网站时首先看到的东西。就像New Wave Company的网站就体现出这些特点。它使用大标题欢迎访客,大字体集中在网页中心,但标题后面没有大背景图片。这是一种高雅的做法,效果并不次于其他使用大背景图像的流行网站设计。

4. 剔除非必要设计元素

当所有非必要元素都被剔除后,网站设计才算完成。剔除非必要设计元素确保网站简洁的最佳例证是Rareview DigitalAgency网站,它也没有使用大背景图像标题问候访客。他们选择更清晰、简洁的网站设计,在注重设计、图片以及颜色的当前网站中,这些设计不禁令人眼前一亮。

5. 固定宽度的中心网站布局

网站以宽度为中心的网站布局,它可以让图片或视觉延伸部分在整个浏览器视口中全部展现出来固定宽度趋势似乎正以更现代的方式回归,只是网站及其内容部分不再处于视口的边侧,有些网站选择最大宽度,以确保它们的内容处于视口中心。Michele Mazzucco的网站就是如此。

6. 专业高质量自定义摄影

图库照片依然在设计中占有一席之地,但是对于大多数最新出现的网站来说,图库照片开始采取高质量的专业摄影照片,它们通常是独一无二的,专为网站自定义拍摄的。比如,Grainand Mortar网站的自定义照片使用了该网站的大标题,这展现出个性化效果

7. 弹出/滑出应用式菜单

响应式网站设计已经流行了一段时间,可是直到今年,大多数网站设计重点都放在令网站在桌面设备上看起来更好,而在手机或平板设备上看得过去即可。。比如24ways与Rawnet都展示了这种观念

8. 隐藏主菜单

这与上面讨论过的弹出/滑出应用式菜单很像,我期待更多网站可能向首次访问网站的访客隐藏主菜单。只有当访客准备移动和点击相应图标后,这些隐藏菜单才会显示出来。这种响应式设计技术正开始出现在网站设计中,而非仅仅小的视口中。Brian Hoff Design的新网站就是最好的例子。

9. 非常大的字体

2014年,字体在许多网站设计中发挥重要作用,我未发现这种趋势在短期内改变的迹象。可是2015年,我看到网站中的标题和字体变得越来越大。夸张地说,就连天上的飞机可能都能看到地面上的字。当你访问TinyGiant的网站时,你会看到很大的字体。这实际上是一种声明,因为那会首先吸引你的注意力。

10. 网页音效

越来越多的网页设计会在页面中加入一些音效,可以是网页背景音效,也可以是页面滚动音效,也可以是焦点改变时元素的音效。而这些音效共同的特点是都很精致轻微,轻轻点缀,就像转动保险柜旋钮发出的声音一样,清脆悦耳。这样不会给浏览者增加无谓的困扰。而越来越多的浏览器为了防止用户被困扰,增加了关闭当前页面音效的功能。比如:

11. 性能与速度

在众多设计的趋势下,网站加载的速度更快,消耗的宽带流量更少,但网站的的优化仍在继续。大多数趋势都可能需要减小网站,为那些手机、平板设备或更慢网络用户寻找更快加载方式。网站设计师和开发者越来越强烈地意识到自己网站的权重,以及用户如何与他们互动。响应式网站设计已经帮助减轻这些担忧。网速过慢以及设备类型等因素迫使设计师和开发者密切关注它们的文件和网站大小,网站加载速度在不同网速条件下也不尽相同。无需惊讶,2015年需要加载速度更快、没有滞后感的无缝网站。

文/丁向明

做一个有博客的web前端自媒体人,专注web前端开发,关注用户体验,加我qq/微信交流:6135833

http://dingxiangming.com

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言