作为设想师的你,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。
一个商业网站,在一个页面上综合大量信息。