網頁設計執行個體:兒童網站視覺結構布局設計分析

來源:互聯網
上載者:User

文章描述:10個兒童網站個案分析及設計特點總結.

一、溫馨而柔和

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

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

二、萬物複蘇的春天來了

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

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

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

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

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

四、清新柔和

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

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

五、靈活的布局

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

打破架構的資訊布局方式和眾多細碎的資訊區塊是這個設計給人的第一印象,不同資訊地區的不同設計方式讓人產生探索的慾望。可愛的風格貫穿於整個頁面,白色和高飽和度以及亮度的綠色、橙色搭配又給了頁面清新的感受。手繪風格的插畫是兒童網站中不可或缺的元素,非常能夠調動網站的整個氣氛。圓形以及大圓角的邊框設計樣式也契合了整個頁面的風格。不斷出現的吊牌、打孔日曆的設計相互呼應,並且起到了劃分各個資訊地區的功能性作用。最為重要的是,這個設計擺脫了前面幾個設計主內容區大架構的限制,布局上更為自由,作為兒童網站來說,這是需要這樣的創意方式。

[1] [2]  下一頁



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。