首页 > 网页教程 > 设计分享 > 网站设计之10个儿童网站分析及设计特点总结

江苏十一选五开奖号号:网站设计之10个儿童网站分析及设计特点总结

时间:2012-05-12    来源:飞鱼的声纳

江苏十一选五开奖公告 www.ervgn.com 一、温馨而柔和

580th_kid-design-1.jpg

相关地址:http://www.web-designers.cn/post.aspx?id=2481

高亮度,低饱和度的黄色和绿色色彩营造出柔和温馨的气氛,重要信息部分用饱和度较高一些的绿色和红色跳出。而背景中随机大小的圆形叠加增加梦幻、可爱的氛围。其余的设计元素,例如云朵般的曲线边缘、logo和导航的针脚线、导航条背景的大头针、宝宝日记的贴纸、宝宝照片吊牌、以及文字标题的手写字体都围绕着整个设计风格来运用,营造出整体温馨的气氛。

二、万物复苏的春天来了

580th_kid-design-2.jpg

网站地址:http://tf.dtbaker.com.au/preview/?theme=26&style=0

这个设计看上去也是偏柔和的风格,像是刚刚到来的春天,到处都是嫩绿的颜色。色彩方案上使用了两种高亮度、中低饱和度的黄色和绿色的搭配,导航也用了连续的云朵状的弧形和手写的字体,增加可爱温馨的氛围。主视觉的插画对于整个设计氛围的提升起到了非常重要的作用,挂在树上的条幅写上了博客的Logo,增加了趣味。但是布局上类似于页面似的方方正正的布局却是中规中矩,缺少了创意和突破。

三、色彩鲜艳、阳光明媚的春天

580th_About - Kids Toys Blog.jpg

相关地址:http://themeforest.net/theme_previews/92492-kids-toys

色彩饱和度和亮度非常高的天空、云朵、山峰、太阳、草地以及各种卡通动植物构成的插画背景是营造整体气氛的最主要的元素。为了让背景融合与整体设计之中,logo的条幅被小鸟衔着挂在空中,飞艇拉着搜索框也漂浮在蓝天之上。主内容区左侧的水彩墨迹和手印、右侧飞跃而出的动感的星形更增强了欢乐、可爱的氛围。云朵状的导航条和可爱风格的手写文字虽然略显粗糙,但是依然延续了同样的设计风格。主内容区两张阳光明媚、充满欢笑的家庭照片更是让人感觉春意盎然、暖意融融。

四、清新柔和

580th_My Blog.jpg

580th_Gallery - My Blog.jpg

相关地址:http://tf.dtbaker.com.au/preview/?theme=22

大面积的低饱和度、高亮度、偏绿一点的蓝色给了这个设计平静和清新柔和的心理感受。再配合粉色系的红色、黄色、绿色的局部色彩,让整个设计摆脱了过于单调的色彩方案。其它在这个设计中值得关注的的设计元素有:1、类似于格子布纹的背景材质;2、云朵状的主内容区边缘;3、logo、导航文字、标题的手写字体;4、曲线吊牌和按钮;5、各个内容区域添加的低调的插画背景。

五、灵活的布局

580th_1.jpg

网站地址:http://www.freesam.com/

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

相关推荐
35套精美绚丽的创意酷站设计欣赏
全球65个设计出众的设计师个人博客欣赏
15个用WIX在线服务创建的超酷FLASH网站
国外颇具特色的电子商务网站设计欣赏(上)
国外颇具特色的电子商务网站设计欣赏(下)
成功的网站设计要有五大目标
如何让网站首页设计得极具吸引力?
2011年网站设计的新趋势
网站用户体验:特殊人群的设计关怀
35款设计精美风格独特的单页网站设计赏析
分享:创建高效优质的单页网站6个秘诀
20个视觉效果极佳的木质纹理网站设计案例欣赏
25个国外独特有趣的404错误页面创意设计欣析
24款华丽炫目的彩虹色彩网站设计风格鉴赏
30款欧美优秀的蓝色系创意网站设计
18个创意与潮流兼具的HTML5电子商务专业网站欣赏
42款很具创意的单页网站设计优秀案例欣赏
30个基于jQuery框架的幻灯滑块特效设计的网站实例
20个国外极具创意的移动网站设计案例欣赏
10款ThemeForest企业网站模板设计欣赏及点评
网页设计教程:简洁网页设计的六点经验分享
响应式网页设计工具大全 50种响应式设计的奇妙工具推荐
工具型网站设计及典型案例分析
深入探讨图片格式与网页设计的那点事儿
45个精美绝伦的HTML5网站设计案例欣赏
30个很有创意的CSS3 Web网站设计案例欣赏
6个超酷带3D特效的网站设计案例欣赏
50个超棒基于CSS3的网站设计案例欣赏
瀑布流布局网站里那些不为人注意的小细节
国外精彩网页界面设计案例赏析
优秀网站设计之页面导航原则
20个超棒的国外单页网站设计欣赏
40个精美的个人摄影设计作品集网站推荐
无线移动Web App的定义、特点、发展现状及设计方法
电商网站商品聚合/列表页的商品展示设计赏析
4个让你网站耳目一新的简单方法分享

精彩推荐

热门教程