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

 

更多的CSS3+HTML5网页设计

011年网页设计趋势

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

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

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

 

简洁的色彩主题

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

011年网页设计趋势

011年网页设计趋势

 

打造行动上网的网页

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

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

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

 

横向捲轴的网页设计

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

011年网页设计趋势

 

 

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

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

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

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

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

011年网页设计趋势

 

 

网页的景深概念

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

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

011年网页设计趋势

011年网页设计趋势

 

大图视觉系网页设计

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

011年网页设计趋势

大胆冒险的网域名称

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

011年网页设计趋势

011年网页设计趋势

 

QR表示”快速反应”

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

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

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

 

网站缩图

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

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

011年网页设计趋势

 

 

保持联繫

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

011年网页设计趋势

相关文章

联系我们

联系我们

152-7806-8650

在线咨询:点击这里给我发消息

邮件:951076433@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信
分享本页
返回顶部