不管在工作中還是生活中,我們經(jīng)常會(huì)聽(tīng)到簡(jiǎn)約設(shè)計(jì)這樣的一種形容。而隨著網(wǎng)頁(yè)技術(shù)的不斷發(fā)展,經(jīng)過(guò)很多實(shí)踐,網(wǎng)頁(yè)設(shè)計(jì)的趨勢(shì)一直都在改變,扁平化、響應(yīng)式、視覺(jué)差滾動(dòng)等等給設(shè)計(jì)師帶來(lái)了一個(gè)很大的發(fā)揮的空間。那么,到底是什么樣的才能算的上是簡(jiǎn)約呢?今天與深圳網(wǎng)站設(shè)計(jì)公司一起看看:
很多時(shí)候我們認(rèn)為簡(jiǎn)約設(shè)計(jì)其實(shí)就是減少設(shè)計(jì)的內(nèi)容,去依靠刪除就能把原來(lái)的設(shè)計(jì)變得簡(jiǎn)約。簡(jiǎn)約設(shè)計(jì)絕對(duì)不是減少,而是“恰到好處”??赡苤v的有點(diǎn)過(guò)于簡(jiǎn)單了...請(qǐng)看下面詳細(xì)介紹。
簡(jiǎn)約設(shè)計(jì),是將設(shè)計(jì)回歸本質(zhì)的一種設(shè)計(jì)理念。簡(jiǎn)約并不是對(duì)內(nèi)容的簡(jiǎn)單刪減,而是從中提煉出精華部分,滿(mǎn)足美觀實(shí)用的本質(zhì)訴求。在一個(gè)網(wǎng)頁(yè)中,簡(jiǎn)約的設(shè)計(jì)往往具備清晰的頁(yè)面結(jié)構(gòu)、簡(jiǎn)單的交互效果、用戶(hù)為中心的設(shè)計(jì)、創(chuàng)建具有吸引力、高效的用戶(hù)體驗(yàn)。
簡(jiǎn)約設(shè)計(jì)能使網(wǎng)頁(yè)界面變得輕薄簡(jiǎn)潔而美觀,帶來(lái)視覺(jué)感受上的精致感與愉悅感。在滿(mǎn)足傳遞信息的同時(shí),從視覺(jué)體驗(yàn)的角度,為用戶(hù)帶來(lái)輕松、愉悅的美感。讓用戶(hù)在瀏覽網(wǎng)頁(yè)的時(shí)候感受到一直自然的享受,這樣才能花更多的時(shí)間去了解網(wǎng)站,從而生成轉(zhuǎn)化率。
那么在網(wǎng)頁(yè)中,怎樣做到簡(jiǎn)約呢?下面是一些最常見(jiàn)的方式:
1.大背景
應(yīng)用大圖片背景,是目前用的最多的一種網(wǎng)頁(yè)呈現(xiàn)方式。將整張大圖作為背景的形式,不僅能產(chǎn)生強(qiáng)烈的視覺(jué)沖擊力,還能對(duì)網(wǎng)站的內(nèi)容起到一個(gè)很好的補(bǔ)充,直接有效的突出公司品牌。
比如:國(guó)人偉業(yè)為車(chē)凱時(shí)建設(shè)的官方網(wǎng)站,banner用一張正在開(kāi)心駕駛車(chē)輛的大圖作為背景,鋪滿(mǎn)整屏。通過(guò)車(chē)輛和人物的表情可以表達(dá)出客戶(hù)在用公司產(chǎn)品的時(shí)候很開(kāi)心,而左邊的廣告詞恰好與整張大圖所表達(dá)的含義呼應(yīng),增加了代入感,給人輕松,愉悅的感覺(jué),即便是駕駛新手也能輕松駕駛車(chē)輛,安全。
2.留白
留白,是頁(yè)面構(gòu)圖的重要組成部分,適當(dāng)?shù)募尤肓舭?,能讓文字便于閱讀,讓頁(yè)面各元素得到很好的區(qū)分,這樣的設(shè)計(jì)通俗易懂,有得于提升一個(gè)頁(yè)面的品質(zhì)感。
比如:國(guó)人偉業(yè)為打造龍科美的官方網(wǎng)站,整個(gè)banner高品質(zhì),精致的手表加上簡(jiǎn)約的文字排版,讓用戶(hù)的注意力集中在一個(gè)點(diǎn)上,讓用戶(hù)產(chǎn)生想去探索這個(gè)手表的想法。
3.大標(biāo)題
將大標(biāo)題作為網(wǎng)頁(yè)的視覺(jué)中心,簡(jiǎn)潔圖片作為大標(biāo)題的背景,這樣很容易將視覺(jué)聚焦,讓人一眼就能看出這個(gè)網(wǎng)頁(yè)是做什么的。另外,大標(biāo)題在字體和色彩上,也盡量選擇一些簡(jiǎn)單的、顏色單一的效果,這樣視覺(jué)會(huì)更純粹,更聚焦。
比如:國(guó)人偉業(yè)為博樂(lè)建設(shè)的官方網(wǎng)站,高清的科技背景配上簡(jiǎn)潔的大標(biāo)題,讓用戶(hù)一眼就能看明白。
4.單純色彩
一個(gè)頁(yè)面給人帶來(lái)的第一感覺(jué)往往就是它的色彩。每一種不同的顏色給人帶來(lái)不同的感受。每當(dāng)我們看慣了絢麗多彩的、對(duì)比強(qiáng)烈的網(wǎng)頁(yè)后,靜下心來(lái),運(yùn)用單純的色彩又會(huì)有不同的感受與領(lǐng)域,讓人回歸最真實(shí)、最自然的狀態(tài)。
比如:LINCOLN電影網(wǎng)站,運(yùn)用最常用的黑白兩種顏色搭配,讓網(wǎng)頁(yè)如此簡(jiǎn)約大方,給人留下干凈,無(wú)限想象的空間。
5.“纖薄”文本框和銨鈕
在頁(yè)面中,將文本框或者銨鈕做得輕薄簡(jiǎn)潔,或?yàn)榧兩蛘邲](méi)有紋理的一層薄線框。這種設(shè)計(jì)在確保功能性的同時(shí),給人一種纖細(xì)的視覺(jué)美感。
比如:愛(ài)馬仕的官方網(wǎng)站,利用纖細(xì)線框,將內(nèi)容很好的分割,頁(yè)面簡(jiǎn)潔而大方又不失品質(zhì)。
想要做到簡(jiǎn)約,其實(shí)并不是一件簡(jiǎn)單的事情,它需要我們用心去發(fā)現(xiàn)、感受、割舍、提煉,從視覺(jué)體驗(yàn)的角度去感受網(wǎng)頁(yè)的簡(jiǎn)約之美,把信息更合理、有效的傳遞給用戶(hù),給用戶(hù)帶來(lái)輕松、實(shí)用、愉悅的體驗(yàn)。