
隨著(zhù)網(wǎng)頁(yè)技術(shù)的淺談不斷發(fā)展,網(wǎng)頁(yè)設計的網(wǎng)頁(yè)趨勢??在改變,扁平化、設計響應式、中的之美視覺(jué)差滾動(dòng)、簡(jiǎn)約卡片式等給設計師帶來(lái)了更多的淺談發(fā)揮空間。簡(jiǎn)約的網(wǎng)頁(yè)??設計,也以其簡(jiǎn)潔直觀(guān)、設計輕薄美觀(guān)等特(te)點(diǎn),中的之美越來(lái)越受到設計師的簡(jiǎn)約追捧和大(da)眾的喜愛(ài)。
那么什么是淺談簡(jiǎn)約設計?
簡(jiǎn)約設計是將設計回歸本質(zhì)的一種設計理念。簡(jiǎn)約并是網(wǎng)頁(yè)對內容的簡(jiǎn)單刪減,而是設計提煉設計精華,滿(mǎn)足美觀(guān)實(shí)用的中的之美本質(zhì)訴求。在網(wǎng)頁(yè)中,簡(jiǎn)約簡(jiǎn)約的設計,往往具清晰的頁(yè)面結構、簡(jiǎn)單的交互操作等特征,在??滿(mǎn)足傳遞ヾ(′▽?zhuān)??信息的同時(shí),從視覺(jué)體驗的角度,為用戶(hù)帶來(lái)輕松、愉悅的美感。
那么在網(wǎng)頁(yè)中,怎??樣做到簡(jiǎn)約呢?
下面是一些最常見(jiàn)的方式:
1、 大標題
將大標題作為網(wǎng)頁(yè)的視覺(jué)中心,簡(jiǎn)潔圖片作(′?`*)為大標題的背(╯‵□′)╯景,這樣很容易將視覺(jué)聚焦,讓人一眼就能看出這個(gè)網(wǎng)頁(yè)是做什么的。另外,大標題在字體和色彩上,也盡量選擇一些簡(jiǎn)單的、顏??( ???)色單一的效果,這樣視覺(jué)會(huì )更純粹。
例如:“最職業(yè)DNF”主題站,為打造最具豐富并個(gè)性差異職業(yè)體系,采用精致的??大標題設計,結合簡(jiǎn)單的背景,重點(diǎn)??突出又不失美觀(guān)。
http://dnf.qq.com/act/a20141105career/
例如:Nike為打造舒適的購物體驗,每一頁(yè)用簡(jiǎn)單的大標題和背景相結合,讓女人能很輕松的找到她們的SIZE,即簡(jiǎn)潔又直白;
https://www.nike.com/cdp/nikepro360fit/us/en_us/#/
2、大背景
大圖片背景,是目前應用最多的一種網(wǎng)頁(yè)呈現方式。將整張大圖片作為背景,不僅能產(chǎn)生強烈的視???覺(jué)沖擊力,還可以對網(wǎng)頁(yè)內容起到一個(gè)很好的補充,有效的突出品牌形象。
例如:QQ飛車(chē)“夢(mèng)想再出發(fā)“預熱站,將大背景鋪滿(mǎn)整個(gè)頁(yè)面,每個(gè)畫(huà)面都含不同的寓意,增加了游戲的代入感,給人輕松、愉悅的感覺(jué)。
http://speed.qq.com/act/a2ヽ(′▽?zhuān)?ノ0120501brand/
例如,Quechua山地運動(dòng)品牌,通過(guò)幾張照片和簡(jiǎn)單文字的說(shuō)明,將Quechua帳篷的特點(diǎn)及所處環(huán)境真實(shí)體現,仿佛一場(chǎng)美妙之旅讓人心動(dòng)。
http://www.quechua.com/2seconds
3,留白
留白,是頁(yè)面構圖的重要組成部分,適當的加入留白,能讓文字便于閱讀,讓頁(yè)面各元素得到很好的區分,這樣的設計通俗易懂,有得于提升一個(gè)頁(yè)面的品質(zhì)感。
例如:“獸人必須死”首發(fā)引導頁(yè)面,周?chē)竺娣e留白,并??結合簡(jiǎn)潔的??排版,讓頁(yè)面模塊(′?ω?`)之間區分明顯,視覺(jué)集中,很(hen)好??的給用戶(hù)引導,給人一種精致和輕松感。
例如:BRAUN博朗,整個(gè)頁(yè)面,簡(jiǎn)潔的圖片與文字的排版,讓視線(xiàn)非常集中,這樣用戶(hù)快速的將注意力集中到內容上去,非常符合他們的主題“Less,but better”,給人(╯‵□′)╯留下回味、想象的空間。
4,單純色彩
一個(gè)頁(yè)面,給人??帶來(lái)第一印象的往往是它的色彩。不同的顏色帶給人不同的心理感受。當我們看慣色彩絢麗、對比鮮明的網(wǎng)頁(yè)之后,靜下來(lái),回歸最自然??的狀態(tài),運用單純的色彩,會(huì )有不一樣的體會(huì )和感悟。
如:刀鋒鐵騎品牌站,采用黑金兩色,將這款冷戰爭網(wǎng)游,用最簡(jiǎn)(╯°□°)╯單的方式表現最??純粹的視覺(jué),更加有感染力。
http://www.thelin( ?ω?)colnmovie.com/
5、“纖薄”文本框和銨鈕
在頁(yè)面中,將文本框或者銨鈕做得輕薄簡(jiǎn)潔,或為純色或者沒(méi)有紋??理的一層薄線(xiàn)框。這種設計在確保功能性的同時(shí),給人一??種纖細的???視覺(jué)美感。
http://www.sylviaspitzbart.at/academy/
網(wǎng)頁(yè)中的簡(jiǎn)約,表現形式??還很多,通常多種結合起來(lái)使用,這里就不一一說(shuō)明了。想要做到簡(jiǎn)約,也并不是一件簡(jiǎn)單的事情,它需要我們用心去發(fā)現、感受、割舍、提煉,ヾ(^-^)ノ從視覺(jué)體驗的角度去感受網(wǎng)頁(yè)的簡(jiǎn)約之美,把信息更合理、有(you)效的傳遞給用戶(hù),給用戶(hù)帶來(lái)輕松、實(shí)用、愉悅的體驗。