首頁 > 網頁教程 > 設計分享 > 網站設計之10個兒童網站分析及設計特點總結

江苏十一选五最新开奖结果:網站設計之10個兒童網站分析及設計特點總結

時間:2012-05-12    來源:飛魚的聲納

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

580th_kid-design-1.jpg

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

高亮度,低飽和度的黃色和綠色色彩營造出柔和溫馨的氣氛,重要信息部分用飽和度較高一些的綠色和紅色跳出。而背景中隨機大小的圓形疊加增加夢幻、可愛的氛圍。其余的設計元素,例如云朵般的曲線邊緣、logo和導航的針腳線、導航條背景的大頭針、寶寶日記的貼紙、寶寶照片吊牌、以及文字標題的手寫字體都圍繞著整個設計風格來運用,營造出整體溫馨的氣氛。

二、萬物復蘇的春天來了

580th_kid-design-2.jpg

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

這個設計看上去也是偏柔和的風格,像是剛剛到來的春天,到處都是嫩綠的顏色。色彩方案上使用了兩種高亮度、中低飽和度的黃色和綠色的搭配,導航也用了連續的云朵狀的弧形和手寫的字體,增加可愛溫馨的氛圍。主視覺的插畫對于整個設計氛圍的提升起到了非常重要的作用,掛在樹上的條幅寫上了博客的Logo,增加了趣味。但是布局上類似于頁面似的方方正正的布局卻是中規中矩,缺少了創意和突破。

三、色彩鮮艷、陽光明媚的春天

580th_About - Kids Toys Blog.jpg

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

色彩飽和度和亮度非常高的天空、云朵、山峰、太陽、草地以及各種卡通動植物構成的插畫背景是營造整體氣氛的最主要的元素。為了讓背景融合與整體設計之中,logo的條幅被小鳥銜著掛在空中,飛艇拉著搜索框也漂浮在藍天之上。主內容區左側的水彩墨跡和手印、右側飛躍而出的動感的星形更增強了歡樂、可愛的氛圍。云朵狀的導航條和可愛風格的手寫文字雖然略顯粗糙,但是依然延續了同樣的設計風格。主內容區兩張陽光明媚、充滿歡笑的家庭照片更是讓人感覺春意盎然、暖意融融。

四、清新柔和

580th_My Blog.jpg

580th_Gallery - My Blog.jpg

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

大面積的低飽和度、高亮度、偏綠一點的藍色給了這個設計平靜和清新柔和的心理感受。再配合粉色系的紅色、黃色、綠色的局部色彩,讓整個設計擺脫了過于單調的色彩方案。其它在這個設計中值得關注的的設計元素有:1、類似于格子布紋的背景材質;2、云朵狀的主內容區邊緣;3、logo、導航文字、標題的手寫字體;4、曲線吊牌和按鈕;5、各個內容區域添加的低調的插畫背景。

五、靈活的布局

580th_1.jpg

網站地址://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個讓你網站耳目一新的簡單方法分享

精彩推薦

熱門教程