浅谈网页设计新趋向范文

网页设计是艺术和技术的组合表现。新时期对网页设计师的技术要求近乎“苛刻”,在考虑配色、设计、交互性和响应速度的同时,还要考虑笔记本、台式电脑、智能手机、上网本和平板电脑等客户端设备以及各种各样的浏览器兼容性问题。产品一定要适应时代,艺术设计、功能技术、设备环境、浏览平台等诸多问题似乎对于网页设计人员来说都展示着“让子弹飞”的局面。随着响应设计、持续联系和虚拟现实等新名词的出现,未来网页设计已经呈现出新的发展趋势,对于一名出色网页设计师来说,了解网页设计发展的热点趋势非常重要,下面,我们一起谈谈这些新趋势。

1、CSS3+HTML5技术广泛应用

CSS3+HTML5技术将会得到更广泛的应用。网页设计师滥用Flash的现象会慢慢减少,很少设计师会在整个网站内都应用Flash设计,他们会在可用的地方使用HTML5替代Flash,使网站变得运行更快速。但目前HTML5还不能够完全取代Flash,Flash的某些效果HTML5暂时还不能够实现。但CSS3的应用范围越来越广,在某些地方上甚至超越PS,操作简单,维护方便。

2、移动互联网时代

智能手机、iPad和上网本销量的不断攀升,意味着你的设计需要考虑更多的移动设备。创建适合移动设备的网站不是简单地在原有的设计上去掉华丽的元素,也绝对不是在原有的设计再设计一个支持移动设备专属的网站,相信那个网站不久还是要改版的。在使用CSS3的情况下,设计移动网页方便多了,最重要的是你可以只修改一个CSS文件来完成整个网站修改,以符合用户使用不同设备浏览网页。如果你不提供移动网站或者没有针对移动网络标准优化,那说明你还并未准备好迎接移动互联网时代的到来。

3、触屏设备

触屏技术应用越来越广泛,触屏设备随处可见。这意味着,你的导航设计不再只是鼠标导航,你必须要考虑你的设计适合触屏设备。请问你的设计做到指尖导航了吗？作为设计师,我们更喜欢鼠标。当鼠标悬停的时候链接会变得高亮,然而触屏没有所谓的悬停。你将会在设计中如何向触屏设备访客展示链接？同样,如何才能做到方便你的游客仔细阅读您的网站？这可能在浏览器标准上存在争议,或者水平滚动触屏可能更加合适。将网站设计类似于杂志的布局更有利于游客浏览你的网站。最后,你必须考虑在你的网页设计中使用流体布局,你需要处理的重点不再是屏幕分辨率问题,而是如何做到使访客从垂直到水平阅读你的网站都会清晰。你的设计必须做到灵活,以应付任何挑战。

4、域名的更新

.com域名的吸引力越来越少了,主要是现在我们很难再找到一个比较短的.com域名了。未来将出现更多创造性的域名,人们开始将视线慢慢转移到.me、.co和.cc上。想想域名的发展,抢先一步,不然,错失先机。

5、QR:QuickResponse

方形的条形码被称为QR:为QuickResponse,它跟网页设计有什么关系呢？你可以试试使用手机拍摄一张QR照片,像变魔术一样,手机上读取QR的软件就会打开条形码相关的网站。你可以将QR应用到你的网站上,目的是让浏览者拥有你的移动网页的快捷方式。还可以在你的网址上放置一个特殊的推介代码QR追踪你的访客。或者可以使用QR作为你的头像,然后到别人的网站评论、留言。利用QR这点优势的网页设计是最睿智的选择。

6、持续联系/LifeStream

Lifestreaming是一种在线记录个人日常活动的网络传播应用,比如在线视频、博客、日志、在线相册、聊天内容甚至是一些喜欢的网站的链接等等。将来人们还会加强lifestreaming的形式进行人与人之间的交流互动和持续联系,并且,个人博客在Twitter上更加活跃,并通过Foursquare互相传递即时信息。毋庸置疑,作为网页设计师,你必须了解这个趋势和应对这个趋势。

7、简洁的配色方案

网页配色方案是设计师永远值得讨论和探索的话题,纯色不但直观和简洁,更有很多种表现手法。当然,颜色最好保持使用2到3种,调整颜色的透明度,或许会给你意想不到的视觉冲击效果。更最重要的是——这些颜色不是PS出来的,而是应用了XHTML/CSS和JavaScript技术。

8、大背景图

大背景图的网页设计应用将会更加明显。这些背景图像一般是高分辨率,覆盖整个网页。高清图片是迅速抓住读者的好方式,可以产生极具冲击力的视觉效果。当然背景图的色彩、内容等都十分讲究,任何情况下都不要破坏用户的体验。图片类型趋向于一些比较柔和、略带透明的一类,不要影响到网站文字的阅读。

9、ParallaxScrolling

Parallaxscrolling是让多层背景以不同的速度移动,形成运动视差3D效果,虽然纯属视觉效果,但在内容滚动时形成的视觉体验仍然非常出色。ParallaxScrolling可以通过简单的CSS技巧或jQuery插件来实现。Parallaxscrolling运用于网页设计的次要元素如header、footer或者背景可以起到很好的效果。

10、深度判析

深度判析是关于在网页设计使用维数,这样可以使你的网页变得更加真实。如果运用得恰当,那将会是一个虚拟的3D效果,就像3D电影阿凡达那样。尽管3D技术还没有去到网站设计,你仍然尝试使用维数进行设计。

11、缩略图设计

Google已向浏览用户推出浏览预览技术。过去我们只能通过点击链接才能看到网页内容,现在你只需点击放大镜然后将鼠标悬停在链接上就可以预览该链接的网页内容。如果你的设计是基于Flash,预览将无法显示你的设计元素。现如今互联网用户变得更加精明,他们往往希望以更便捷的方式看到更多人性化的导航设计。互联网本身是原始的,枯燥无味的,是人类通过这个开放的平台分享他们的一切才变得多姿多彩。网页设计技术发展的速度和趋势,对网页设计人员是严峻的考验,如果把这些技术理解为一种程度,那么你达不到这个程度,就不能深刻理解你所做的工作,也就无法设计制作出适应时代的产品。