
二、萬物復蘇的春天來了

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

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

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


這是一個氣氛相當足的全Flash韓文站點。氣氛的營造和黃色以及橙色的大面積使用有著直接的關系。雖然主色調是這兩種顏色,但是卻并不僅限于這兩種色彩的使用,粉紅色、紫色、藍色、綠色也都出現(xiàn)在了這個設計中,但是色彩比例上來說,它們要少得多,所以能做到在豐富色彩方案的同時又不喧賓奪主,沖淡或者相悖于整體的氣氛。整個頁面沒有完全填充為黃色,底部頁腳部分的白色既給類似于打開的賀卡的主視覺提供了穩(wěn)固的水平面,也給整個設計增加透氣的心理感受。大面積的漸變黃色背景中疊加了卡通圖案,增添了設計層次,營造了設計的基調。Logo多色彩的拼圖方案和背景的拼圖圖案相呼應,向下順延視線的大圓角吊牌作為導航的設計樣式,并使用了手寫的卡通字體,右邊相關活動內(nèi)容的圓形吊牌也采用了類似的設計。可以觀察到,圓角的白色描邊在這個設計中重復出現(xiàn),可以作為關于兒童的網(wǎng)站設計的細節(jié)考量。

大面積的白色加上暈開的水彩背景以及主視覺部分溫馨的家庭照片使得這個設計帶給人柔和、清新的感受。頁面上的元素,例如導航等沒有做過多的修飾,這正是這個設計大膽的地方,而我們通常的想法卻是不加點圖層樣式的效果就會覺得拿不出手,覺得這就不是設計。原因是我們頭腦中沒有設計的大方向所在,完全是被慣性盲目的驅使著往前走,最后設計成什么樣子,走到哪里完全沒有概念。而這個設計教會了我們更大尺度的設計思想,讓我們嘗試不同的設計方法,在設計上走的更遠一些。

藍色的背景作為玩具陳列的展廳和主信息區(qū)域的色彩形成鮮明的對比,讓主信息區(qū)域從背景中跳出來。類似于打開的玩具盒子的創(chuàng)意既和網(wǎng)站主題相關,又增添了更多的趣味,而這是在動手開始做具體設計之前完成的創(chuàng)意。所以要設計一個網(wǎng)站,在打開Photoshop之前的工作其實對于設計的走向起到非常重要的作用。這部分的內(nèi)容包括研究階段以及畫草圖,這是要設計一個優(yōu)秀的網(wǎng)站必不可少的工作。

這是一個黃色、橙色到棕色色彩方案的設計案例。基本屬于同一色相、不同層次色彩的搭配,所以整體上相較于多種跳躍較大的色彩方案來講,氛圍會安靜一些。由于此網(wǎng)站的業(yè)務是提供嬰幼兒的營養(yǎng)餐,所以暖色系的平靜色色彩方案反而會更適合一些。

文章均為思樂科技專注網(wǎng)站建設,成都網(wǎng)站建設的成都網(wǎng)站建設公司原創(chuàng),轉載請注明來自http://m.klfwq.com/news/xinshoujianzhan/20161010/75562.html