网页设计师与网页程式开发师的界线已经越来越模糊了，过去以来这两个工作各有明确的界线，5年前的网页设计师只要专注于风格，程式开发者专注于程式即可，然而随着网站的发展，使用者要的不仅是好用美观的网页设计，也要功能齐全的互动功能。没错，2011年的网站的主轴绝非美观，而是功能。
 
在2011年如何成为优异的网页设计师？并非做得出最绚丽的视觉，而是如何将各种现今的需求纠结成为一体，并且带给客户完美的体验，才是优异设计师的精神。优秀的设计师可以让使用者尽情溜览网页而不亟欲跳出画面、兼顾画面的设计与色彩的协调、容易于找寻资讯并且快速互动。这一些功能设计起来十分费心，但是使用起来十分简单，这也跟当今的各类新款上网週边有密切的关係，例如：笔记电脑、小笔电、智慧手机、电子书等。
 
您已经做好进入2011网页设计的阵容了吗？我们继续看下去：

更多的CSS3+HTML5网页设计

去年我们常常说HTML 5终将成为趋势，但一直以来都没有发生，直到今年开始真正的变化终于要开始了，那就是HTML 5的网站一下子变出了许多，这表示网页设计师开始思考着一件事情，那就是让Flash离去，让同样具有多种视觉变化技术的HTML 5成为设计的一个选择。

不过我们要知道Flash跟HTML 5并不太能够相提并论，只是过去的设计师一直将Flash使用在不该使用的场合中，如今HTML 5能够修正这样的错误，并且让Flash发挥于正确的时机。当然HTML5目前技术而言，是不可能全然取代Flash的丰富功能。

CSS3也是今年的网页设计重点之一，因为他们可以提供出文字上更丰富的变化如：阴影、粗框、透明…等变化，间接省去了传统Photoshop在网页设计中吃重的工作。如果你还没有开始使用这两个技术，您应该现在就试试看！

简洁的色彩主题

简洁，是2011年网页设计的主要趋势。过去以来网页喜欢用大量的黑白对比已经流行了一阵子，今年就让我们忘记过去了无生趣的设计，大胆的採用绿色、黄色与红色的主色作为主题试试看。请注意不要让太多的主题颜色混在一个画面上，您可以试试看使用不同的阴影、渲染等方式，打造出具有活力与色彩感的网页！

打造行动上网的网页

iphone、ipad、平板电脑与智慧手机的上网使用率越来越高，这已经是许多国家共通的网路现象，因此如何打造出一个能够相容于行动上网工具的网页，绝对是未来的趋势。

打造一个行动上网的官方网站，并不是简单的把画面弄得简单、然后把多媒体开场画面删除那么样的简单，这样只会创造出一个空洞且不人性的网页。那么该如何打造出正确的行动上网页面呢？很幸运的现今的网页设计技术能够助您移除障碍。

使用CSS3的技术能够给设计师很大的帮助，在CSS3的设计标準中，可以允许设计师打造出不同使用者环境所呈现的网页，也可以迅速切换回正常电脑可观看的网页，十分便利。然而有些公司有意开发仅专属于某些行动装置的网站，这样可能会导致部份排斥其他行动装置使用者的问题，所以最好的方法就是让使用者自行选择要採用传统浏览模式，或是手机浏览模式。如果您的设计并没有这样的功能，那这表示您尚未準备好进入2011的行动上网网页设计的脚步。

横向捲轴的网页设计

这并非老式的电玩模式，而是最新的网页设计趋势！拜智慧手机普及所赐，许多使用者现在都能够接受网页具有横向捲轴的功能，如此可以让他们不跳离主画面的情况下，也能够尽情的浏览网页的内容而不会迷失在网站中，节省了设计师在网页导览时需考虑的浏览问题。许多工具都可以做出这样的效果，例如CSS以及 Jquery的Plugins都是很好的选择。

非滑鼠介面的触控萤幕的专属设计

科技的进步改写了许多定义，过去人们认为滑鼠是图形介面中最棒的控制单元，如今随着智慧手机、平板电脑的崛起，手指取代了过去人们依赖的滑鼠，成为了手持装置里面最为重要的元素。重点是：你的网页设计中，加入了触控萤幕的元素了吗？

网页设计师喜欢滑鼠，认为滑鼠很棒，但是当我们设计滑鼠滑动才会出现的网页或是选单时，是否注意到：触控萤幕并没有办法作到游标浮在萤幕上的功能，也就是说上述的滑鼠控制选单都会出现显示上的问题，这可不是闹着玩的。

此外，使用者如何观赏你的网站？基本上电脑萤幕是横向的，但是平板电脑却是以直向为主，这也表示着直向的设计比较利于行动装置的浏览，但是这并非一切，因为目前的平板电脑都有对应的技术。

因此我们建议採用动态的版面设计，来应付不同的网页浏览需求，例如当装置的解析度够高，画面可以延展到最佳的尺寸，而较低的上网装置则是可以顺势缩减版面的尺寸。

网页的景深概念

我们说的并不是真正的3D立体画面，而是视觉上的立体景深效果。近年立体景深的艺术创作出许多令人惊喜的作品，例如栩栩如生的瀑布、山洞、森林等都可以透过平面的绘图达到以假乱真的效果，同样的网页也能够作到一样的事情。

虽然目前我们还做不到如阿凡达、立体3D电影的效果，但是3D网页的设计也可以很简单，不妨参考一下坊间的平面广告、电子书、平板电脑等如何使用简单的构图，达到视觉的立体景深效果。

大图视觉系网页设计

2010 年出现了许多如同艺术作品的大图网页，这些作品的共通特点是使用了高解析度的图片，将整个网站包覆在图片的主题中，他们很快的就会被你所吸引，并且表达出意见与交流。请注意主题必须切合网站的主旨，以免混淆使用者既有的习惯；此外适当使用透明的效果也可以加强主题，但切记协调性的重要性。

大胆冒险的网域名称

我们虽然是网页设计的专家，不过对于网路行销应有一些些了解，其中网域名称的部份就是如此。我们都深知世界上有上千万、上亿个.com的网站与企业，不过日前却出现了许多具有创意与挑战性的网址出现，改变了我们目前的网域概念，例如代表大众的.me或.us这类的网址都非常的有创意，是用来製作临时性的活动网站极佳选择。

QR表示”快速反应”

如果您经常注意报章杂誌的广告，那么您会注意到近年出现了大量的神秘图案，看起来虽然毫无意义，但是却是2011年最火热的东西，您相信吗？

这样的图案名为QR(Quick Response)条码，台湾也称之为二维条码，只要经过照大部分的智慧手机一拍，就能够带领使用者进入这个条码所意含的网页。这样的条码经常被营销人员设计用在推广网站的用途，例如特殊的活动网址、特价商品或是促销活动等，以追蹤行销的效益是否有效。

如果您还没有QR码，您也可以自己快速的製作出一。

网站缩图

去年网路搜寻引擎的龙头Google推出了网页缩图的新概念，其特色就是使用者搜寻后，无须点进去网页中，只要将滑鼠移到该搜寻结果，网页就会显示出来该网站的缩图画面，如此使用者即使不需点进去网站，也能够先行看到网站的部份内容。

相信敏锐的网页设计师，已经知道该如何做了。那就是设计出的网站，必需要对于Google网页快照缩图友善。如果是Flash的网页，很遗憾的，是并不会被收纳入快照的项目，网站只会呈现初一片空白的画面，为了避免这样的情况，设计师必须谨慎的使用Flash并控制到不影响快照缩图的画面。

保持联繫

去年是社群网站活跃的一年，今年当然也是如此，例如在网站上加入Facebook、Twitter等互动工具，让使用者时时知道您在做什么、想什么、有什么新的讯息要告诉大家，如此的效益如同在网站中加入了一个小型的论坛，客户可以根据您的发言，决定如何跟您进行互动。