網(wǎng)站建設(shè)中的設(shè)計小技巧增加你的設(shè)計層次感發(fā)布者：本站 時間：2021-02-04 11:02:50
運(yùn)用分組建立層次
在設(shè)計中，相鄰的元素比分開較遠(yuǎn)的元素會更加吸引人注意，在做設(shè)計閱讀順序時，利用設(shè)計分組是一個非常有效的方法，將不同信息進(jìn)行視覺間距分組。能提升用戶對于內(nèi)容上的理解。
▲如上圖slack的設(shè)計，插畫引導(dǎo)圖和底部按鈕上面文字拉開了距離，使得內(nèi)容更聚焦。第二個界面的頂部頭像和下面的文字也是通過分組形成了對比。
▲stadium-live的產(chǎn)品設(shè)計上，登錄頁面按鈕為一組，頂部品牌LOGO和slogan一組，人物為一組，每組信息之間分組非常明確，互相都不會對對方視覺產(chǎn)生干擾，后面兩張頁面也是如此，頂部的導(dǎo)航，和下面表單信息，以及頭像和底部按鈕，通過分組處理，內(nèi)容更加符合用戶的視覺動線。
▲在球員定制的處理上，最右邊那張圖，通過卡片和線條分組處理，從視覺上很清晰的看見排名；哪兩個球隊之間正在進(jìn)行比賽。
▲當(dāng)一組信息比較接近時，證明他們是有關(guān)聯(lián)的，如果距離比較遠(yuǎn)，這意味著這組信息和他們是不同的，簡單來說，通過鄰近性原則創(chuàng)造這些關(guān)系，為信息帶來層次。
運(yùn)用空白建立視覺層次
空白也是視覺設(shè)計元素，并不是留白就是空著，如果設(shè)計中留白運(yùn)用合理，可以幫助用戶理解很多信息，因此任何設(shè)計都需要通過適當(dāng)?shù)呢?fù)空間來傳遞信息。
▲classpass的設(shè)計不會使用太多的視覺元素，而是運(yùn)用留白把內(nèi)容進(jìn)行分組，每個頁面的留白恰到好處，同時留白本身就是對信息進(jìn)行區(qū)分，所以頁面中減少了很多線條使用，會更加干凈有品質(zhì)感。
▲must是一款電影軟件，整體設(shè)計非常雜志風(fēng)，頁面就是通過圖文處理，以及留白空間的處理，增加對比，基本產(chǎn)品使用過程中你不會感覺到視覺負(fù)擔(dān)，元素之間的信息組織的非常清晰。
▲在電影展示頁面，信息的處理，以及打分設(shè)計上，多次運(yùn)用留白來處理信息層級，在設(shè)計中，當(dāng)你元素周圍留白越多，它產(chǎn)生聚焦注意力的作用也越強(qiáng)，如右邊的打分頁面，幾乎所有焦點(diǎn)都在這個彈窗上。
選擇我們，優(yōu)質(zhì)服務(wù)，不容錯過
1. 優(yōu)秀的網(wǎng)絡(luò)資源，強(qiáng)大的網(wǎng)站優(yōu)化技術(shù)，穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設(shè)經(jīng)驗，優(yōu)秀的技術(shù)和設(shè)計水平，更放心
3. 全程省心服務(wù)，不必?fù)?dān)心自己不懂網(wǎng)絡(luò)，更省心。
------------------------------------------------------------
24小時聯(lián)系電話：021-58370032
關(guān)鍵詞標(biāo)簽：上海網(wǎng)站建設(shè) 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開發(fā)