时代华奥

你的位置:首页 > 知识库 > 建站知识 > 正文

5款儿童类网站个案分析及设计特点总结(二)

时间:2012-08-25    来源:深圳时代华奥    分类:建站知识

儿童是一个比较单纯的群体,网站设计也是遵守这个群体的视觉体验,这里分享国内外5款儿童类网站个案分析及设计特点总结。

1、灵活的布局

580th_1.png
网址:http://www.freesam.com/

打破框架的信息布局方式和众多细碎的信息区块是这个设计给人的第一印象,不同信息区域的不同设计方式让人产生探索的欲望。可爱的风格贯穿于整个页面,白色和高饱和度以及亮度的绿色、橙色搭配又给了页面清新的感受。手绘风格的插画是儿童网站中不可或缺的元素,非常能够调动网站的整个气氛。圆形以及大圆角的边框设计样式也契合了整个页面的风格。不断出现的吊牌、打孔日历的设计相互呼应,并且起到了划分各个信息区域的功能性作用。最为重要的是,这个设计摆脱了前面几个设计主内容区大框架的限制,布局上更为自由,作为儿童网站来说,这是需要这样的创意方式。

2、热烈的气氛

th_003.png
网址:http://kidsplus.shinhan.com/

这是一个气氛相当足的全Flash韩文站点。气氛的营造和黄色以及橙色的大面积使用有着直接的关系。虽然主色调是这两种颜色,但是却并不仅限于这两种色彩的使用,粉红色、紫色、蓝色、绿色也都出现在了这个设计中,但是色彩比例上来说,它们要少得多,所以能做到在丰富色彩方案的同时又不喧宾夺主,冲淡或者相悖于整体的气氛。整个页面没有完全填充为黄色,底部页脚部分的白色既给类似于打开的贺卡的主视觉提供了稳固的水平面,也给整个设计增加透气的心理感受。大面积的渐变黄色背景中叠加了卡通图案,增添了设计层次,营造了设计的基调。Logo多色彩的拼图方案和背景的拼图图案相呼应,向下顺延视线的大圆角吊牌作为导航的设计样式,并使用了手写的卡通字体,右边相关活动内容的圆形吊牌也采用了类似的设计。可以观察到,圆角的白色描边在这个设计中重复出现,可以作为关于儿童的网站设计的细节考量。

3、下半部分稍显破碎


网址:http://www.gymboree.co.kr/

多种高亮度和饱和度的色彩的应用依然是儿童网站设计中最常见到的思路。此网站主页的信息量比较大,主视觉以上的部分结构清晰,视觉感受不错,但是主视觉以下的部分栏目过多,组织的不够清晰,显得有些破碎。”Play”、”Art”、”Music”和”Family”四个并列的板块如果在视觉上做到更为清晰的划分,标题文字跳出正文文字的包围可能视觉效果更好。但是可以看出设计师在主要信息区域使用白色以及亮度较高的灰色和多种色彩搭配,试图营造出清爽、干净的氛围。只是在信息的组织和视觉呈现上做的还不够,可以有更为深入和思考。

4、清新淡雅的东方风格

th_008.png
网址:http://www.agabangncompany.com/cha/index.jsp

大面积的白色加上晕开的水彩背景以及主视觉部分温馨的家庭照片使得这个设计带给人柔和、清新的感受。页面上的元素,例如导航等没有做过多的修饰,这正是这个设计大胆的地方,而我们通常的想法却是不加点图层样式的效果就会觉得拿不出手,觉得这就不是设计。原因是我们头脑中没有设计的大方向所在,完全是被惯性盲目的驱使着往前走,最后设计成什么样子,走到哪里完全没有概念。而这个设计教会了我们更大尺度的设计思想,让我们尝试不同的设计方法,在设计上走的更远一些。

5、前期创意的重要

th_009.png
网址:http://www.toysrus.co.kr/index.jsp

蓝色的背景作为玩具陈列的展厅和主信息区域的色彩形成鲜明的对比,让主信息区域从背景中跳出来。类似于打开的玩具盒子的创意既和网站主题相关,又增添了更多的趣味,而这是在动手开始做具体设计之前完成的创意。所以要设计一个网站,在打开Photoshop之前的工作其实对于设计的走向起到非常重要的作用。这部分的内容包括研究阶段以及画草图,这是要设计一个优秀的网站必不可少的工作。

相关链接:5款儿童类网站个案分析及设计特点总结(一)

上一篇:5款儿童类网站个案分析及设计特点总结(一) 下一篇:不同风格的联系页面设计20款
关于我们
服务项目
作品案例
资讯中心
业务关键词
旗下品牌
时代华奥——高端网站建设服务机构 邦设计——VIS/标志设计、画册/宣传设计、产品包装设计 馋猫网——提倡饮食健康资讯平台
 
扫描二维码即可访问当前网站
深圳平行进口车
咨询热线
大客户热线