作为诡计师的你,2011年会作神马筹算?真正的诡计师诡计的器械不是为了哗众取宠而是在艺术和功效上做到两全其美。。浮浅的赞美易得浮浅的诡计也易被忘记。超卓的诡计师如同造梦师,给用户发现一个梦境,让用户感应到如斯着实而不知道自己是在梦中。多么的梦须要几个元素:优良的配色,直观的诡计,优良的交 互性和快的呼应速率。另外,永久不要低估繁复的实力。2011年,网站开发公司,你的诡计不单要思考条记本、台式电脑,还要思考智能手机、上彀本和平板电脑等配备。你都筹备好了吗?
2011年网页诡计趋向有何变化?一路存眷11个网页诡计趋向热门:
1. 更多的CSS3 + HTML5
这是等待已久的事故。在曩昔的几年诡计师曾最早存眷和使用CSS3+HTML5,但在2011年CSS3+HTML5将会获得更遍及的使用。网页 诡计师毕竟会抛弃Flash。Flash不再是旧日的王者,内行艺(指CSS3+HTML5)将会取而代之。2011年,Flash渐行渐远,把戏师 “HTML5”成为舞台的配角:
虽然,说HTML5代替Flash为时还早。从下面的两幅截图你可以知道Flash和HTML5还是有差别的。因此,2011年两者会各自坚持属于 自己的位置。不过2010年之前网页诡计师滥用Flash的现象会逐渐增添。今朝很少诡计师会全部网站都是用Flash诡计,他们会在一些可用的中心使用 HTML5替换Flash,使网站变得简略运转更快速。但是,今朝HTML5还不克不及够代替Flash,Flash的某些效果HTML5暂时还不克不及够完成。(高端网站扶植)
但是最值得人高兴的是CSS3的使用愈来愈广,在某些中心乃至逾越PS(Adobe显露有鸭梨),因为行使CSS3来完成文字暗影、图片圆角和图片透明着实是easy job。假定你还不会,是时候去了解CSS3和HTML5。
2. 简略的配色诡计
没有比纯色的后台更直观更精练。纯色可以有很多种表达方法。不要老是曲直短长灰神马的,太不给力了。多点思考绿、黄或红作为你的网页主色彩。虽然,颜色最好坚持使用2到3种。调剂颜色的透明度,或许会给你意想不到的效果。
只是简略的绿色,经由过程调治透明度诡计出如斯雅观的Twitter可视化东西。可要知道:这个网页只是用了XHTML/CSS和Javascript,给力吧!
红色绝对典范,假定配色做得好给人的视觉打击就更……。下面的网站共同的红色和易友爱的文字诡计让人不能不为之服气
3. 移动互联网时代的到来
智能手机,ipad和上彀本随处可见,OMG,2011年这个今朝将会更加明显。这意味着你的诡计须要思考更多的配备。
建立适合移动配备的网站不是简略地在原有的诡计去掉华美的元素,那将会是没有魂灵的诡计。虽然在原有的诡计再诡计一个支持移动配备网站是件苦楚的事故。荣幸的是,新的技术让统统变得更简略。
在使用CSS3的情形下,诡计移动网页便利多了。最主要的是你可以点窜一个CSS文件完成全部网站点窜以吻合用户使用不合配备住手浏览网页。
你也可以诡计一个移动配备专属的网站,但相信那个网站不久还是要改版的,以今朝科技产品的发展速率来看。愈来愈多的移动网站包括原始网站的浏览选 项。假定你不供应这个选项或你的原始网站没有针对移动网络尺度优化,那你并未筹备好驱逐移动互联网时代的到来。据相关猜测,智能手机销量将会逾越小我私人 PC。从速筹备好,驱逐移动配备雄师的光降。
4. Parallax Scrolling
先来诠释下Parallax Scrolling,Parallax scrolling 是让多层后台以不合的速率移动,组成活动视差 3D 效果,虽然纯属视觉效果,但在内容转动时组成的视觉体验还是极度超卓。2011年的网页诡计趋向热门就是要发现多么的深度视觉效果。Parallax Scrolling可以经由过程一些简略的CSS身手或jQuery插件来完成(树模站点:站点1 站点2)。Parallax scrolling使用于网页诡计的主要元素中可以起到很好的效果:如header、footer或后台。不过最好不要使用于网站导航,那显得有点不正经。
Old Pulteney Row to the Pole 在网站后台使用了Parallax Scrolling殊效,掀开该网站然后往下拉便可看到效果。
5. 诡计需思考更多的触屏配备
触屏技术使用愈来愈遍及,触屏配备随处可见。这意味着,你的导航诡计不再只是鼠标导航,你必须要要思考你的诡计适合触屏配备。叨教你的诡计做到指尖导航了吗?
作为诡计师,我们更欢愉喜爱鼠标。当鼠标悬停的时候链接会变得高亮,但是触屏没有所谓的悬停。你将会在诡计中如何向触屏配备访客展示链接?
一样,如何身手做到便利你的旅客细心浏览您的网站?这能够在浏览器尺度上存在争议,或程度转动触屏能够更加适合。将网站诡计沟通于杂志的诡计更有益于旅客浏览你的网站。
最后,你必须思考在你的网页诡计中使用流体诡计(liquid layouts)。2011年,你须要处理的重点不再是屏幕分辩率标题,而是如何做到使访客从垂直到程度浏览你的网站都邑清楚。你的诡计必须做到灵动以敷衍任何的挑衅。否则你将会成为曩昔式。
6. 深度判析
深度判析是关于在网页诡计使用维数,多么可以使你的网页变得更加着实。假定使用得适当,那将会是一个假造的3D效果,就像3D片子阿凡达那样。虽然3D技术还没有去到网站诡计,你还是测验测验使用维数住手诡计。
Plántate供应了一个可扭转的3D地球,灵动行使暗影和层等手段。
Jordon活动页,3D元素清楚简略,诡计极度夺目。(貌似曾撤掉)
7. 大后台图
大后台图的网页诡计使用在2011年将会更加明显。这些后台图象普通是高分辩率,笼罩这个网站。高清照片是一个敏捷捉住你的读者的好方法,可以产生极具打击力的视觉效果-旅客的视野会不自发地落在广大的后台上。
虽然后台图的颜色、内容等都非常讲求,任何情形下都不要破损用户的体验,否则再摩登的照片也是枉然。图片规范趋向于一些对照温和、略带透明的一类,不要影响到网站文字的浏览,讲求协调,易于浏览。
下面的网站使用了高分辩率的图片作为网站的后台,网站主色彩是黄色。
This site adds playful animation with its grand scale imagery. Warning: auto-play music.
8. 不拘束于顶级域名
严格意义上这一点与网页诡计有关,但这一点也是发展的趋向,将出现更多发现性的域名。.com域名的接收力愈来愈少,首如果你很难再找到一个对照短 的.com域名。2011年人们最早将视野逐渐转移到.me、.co和.cc等身上。想想域名的发展,抢先一步,否则你很能够再次错失先机。
.me 用在小我私人展品陈列页、博客是极度不错的。
另外一个.me域名的树模
9. QR: Quick Response
假定你属意今朝愈来愈多的咭片、杂志或其他中心出现方形条形码,证明你曾看到2011年的这个趋向抢手。但它跟网页诡计何关呢?着实匪夷所思。
这个方形的条形码被称为QR,全称为Quick Response(在“QR Code读取器QuickMark” 引见过)。使用你的手机拍摄一张独一的条形码的照片,像把戏一样,手机上读取QR的软件就会掀开条形码相关的网站。最美好的事故是你可以将QR使用到很多 中心。使用QR到你的网站,方针是让浏览者具有一个你的移动网页的快速方法。你还可以经由过程在您的网址上放置一个不凡的推介代码QR追踪你的访客。 哈哈,你完好可以使用QR作为你的头像,然后到别人的网站留言、评论。2011年的移动媒体优势更加凸显,而行使这点优势的网页诡计是最明智的遴选也是将 来的发展趋向。
下面是软矿博客的QR . 假定你也想建立一个,猛点击这里 .
10.缩略图诡计(Thumbnail Design)
Google曾向浏览用户推出它们的浏览预览技术。曩昔我们只能经由过程点击链接身手看到网页的内容,今朝你只需点击缩小镜然后将鼠标悬停在链接上就可以预览该链接的网页内容。
假定你的诡计是基于Flash,会存在多么的一个标题,预览将没法显露你的诡计元素。
2011年的普通互联网用户变得更加夺目,他们更但愿看到更多人性化的导航诡计。
11. 延续联络/ Life Stream
Lifestreaming, 一种在线记载小我私人平凡活动的网络使用,包括直接经由过程视频feed或经由过程聚焦一小我私人的网络在线内容,比如博客日志,在社会性网络下面的更新,在线相册,谈天内容乃至只是一些欢愉喜爱的网站的链接等等。
最后一点,不是最不主要的一点,是网页诡计更加注重人与人之间延续联络,如Life Stream。互联网自己是原始的,枯燥有趣的,是人类经由过程这个开放的平台分享他们的统统才变很多姿多彩。未来人们还会并且增强如 lifestreaming的情势住手人与人之间的交流互动。作为网页诡计师,你必须了解这个趋向和应对这个趋向。
2011年,小我私人博客在Twitter feeds更活泼(不单是连接到Twitter页面的链接),人们会经由过程Foursquare互相通报立即信息,where are u and what are u doing。毋庸置疑,2011年将会带我们走进一个更谈心的互联网时代。
小我私人网站,使用了 lifestreaming。
一个商业网站,在一个页面上综合大量信息。