视觉设计:创意布局需要非常注意易用性问题(8)

http://www.itjxue.com  2015-08-07 21:54  来源:未知  点击次数: 

网站细节,插画元素运用:
左图:在网站小细节运用插画元素,既简练又有力,细节的奢华。
右图:同样是细节运用了插画元素,却给用户带来的是一阵轻松亲切的感觉。
PNVD V2
全站式插画:
整站都用插画贯穿的在韩国和日本应用较频繁,无论大小网站,都喜欢用上一两个卡通元素。而这基本成为日韩两地网站的一大特色。我们平时在活动和广告都可以应用。同时左图中的动势设计,有引领观赏者走入主题之感。
PNVD V2
http://www.pictoplasmaconference.com/colourme.html
与日韩一样爱用插画的欧美国家,也很喜欢使用全站式的插画。但欧美会更着重于颜色鲜明的对比,和大量使用实物、3D技术作为辅助剂。
PNVD V2
http://web4t.oneforyouoneforme.ca/indexFlash.html
“线条”是绘画最基本的表现手法,这个网站除了简洁的线条感外,特别的地方还在于是蓝色和白色两快区域是可以同时有两个鼠标在操作。为单纯的线条营造了科技感。
PNVD V2
http://www.tracychapman.com/
这个网站咋眼看是一幅白底黑线的黑白插画。当你进入页面后,你很快就发现右上角有一块色条,你可以用上面的颜色任意添加到画面的物品中,可以让用户重温一把儿时玩填色游戏的乐趣。
PNVD V2
http://quakequizsf.org/
一个关于地震常识的网站,这种手绘的风格让人易于去接受枯燥的知识。节制的颜色运用、规整的线条,还有谁敢说它低龄呢?
PNVD V2
http://watchmenmotioncomic.com/
这个网站中,随着鼠标的移动,插画呈现3D转动效果,即观赏画面的角度改变。原来在单纯的画面中,只要加如小小3D技术,网站也可以很有型。
PNVD V2
http://www.knutselwereld.nl/
还有一些…
PNVD V2
左:http://14-7.com/http://14-7.com/
中:http://cardboard.theupsstore.com/
右:http://ecodazoo.com/
以上几个网站均是插画、实物、3D的结合。这种结合方式在欧美设计师手下很熟练地把玩着。尽管欧美插画的创作媒材多变且多元,但有一共同点就是透过这些媒材的使用将可塑造一画面的气氛与情感,从而传达出作品的意象。意即,一媒材的使用可看出创作者如何营造与诠释文本或创作者本身所欲表达的概念。

(责任编辑:IT教学网)

更多