UI設(shè)計師在制作網(wǎng)頁專題設(shè)計過程中如何讓頁面設(shè)計的更有層次感，可能一直是UI設(shè)計師要解決的問題，不同的頁面內(nèi)容不用的展現(xiàn)形式怎樣根據(jù)頁面展現(xiàn)出網(wǎng)頁的層次，沈陽優(yōu)就業(yè)UI培訓(xùn)帶你了解下如何能夠讓網(wǎng)頁更有層次感。

1、設(shè)計內(nèi)容有主次之分

網(wǎng)頁上的各項元素都有自己的作用意義，我們在做網(wǎng)頁層次時首先考慮畫面中各元素作用，根據(jù)網(wǎng)頁元素的不同角色確定優(yōu)先級，有空間感和距離感以及有虛實之分并且光影層次清晰，然后進(jìn)行視覺層次的構(gòu)建。簡單舉例，以淘寶圖片為主，首先圖片展示出來的是商品，然后背景會搭配使用場景或者突出重點的背景圖片，其他還會增加文章說明等，在設(shè)計時要有重點分主次。

2、網(wǎng)頁畫面的遠(yuǎn)近關(guān)系

網(wǎng)頁圖片設(shè)置上由近及遠(yuǎn)，讓畫面用空間感，有深度，用背景圖片等襯托出層次感，然后在圖片基礎(chǔ)上突出重點，可以使頁面看起來更透氣，也能夠通過場景來傳遞出很強(qiáng)的代入感，但注意畫面搭配。

3、注意色彩的適用

網(wǎng)頁設(shè)計時注意色彩搭配，色彩明亮的頁面元素更容易從相對柔和的元素中脫穎而出。背景色對于網(wǎng)頁整體風(fēng)格基調(diào)也有明顯作用。例如，淡藍(lán)色，一般代表平靜祥和，適合一些日常事物管理類軟件選擇。色彩模塊的適用及應(yīng)用，在網(wǎng)頁設(shè)計界面元素的邏輯關(guān)系中發(fā)揮著舉足輕重的作用。

4、善用對比增加頁面層次

UI設(shè)計師在頁面設(shè)計時利用內(nèi)容中的差異、對立等方面結(jié)合比較，帶入畫面做出比較，形成強(qiáng)烈的視覺沖擊。用對比給用戶增加畫面層次感，同樣用對比給內(nèi)容做出更明顯的比較。設(shè)計元素上可以用色彩、明暗、間距、尺寸等做出差異感將頁面整體提升層次感。

5、注意網(wǎng)站功能

UI設(shè)計師初期常常出現(xiàn)的錯誤就是忽略了網(wǎng)站功能，為了設(shè)計出更的畫面卻忽略了網(wǎng)站的自身左右。UI設(shè)計師在設(shè)計網(wǎng)頁過程中首先要了解的就是功能，整體畫面突出功能來展現(xiàn)出層次感也是網(wǎng)頁設(shè)計中突出層次感的重要方法之一，設(shè)計與功能相結(jié)合，功能融入到設(shè)計當(dāng)中然后突出整體重點層次感自然展現(xiàn)出來。

聲明：轉(zhuǎn)載此文是出于傳遞更多信息之目的，所轉(zhuǎn)載的所有文章、圖片、音頻視頻文件等版權(quán)歸版權(quán)所有人所有，若侵犯了您的合法權(quán)益，請作者持權(quán)屬證明與本網(wǎng)聯(lián)系，我們將及時更正、刪除，謝謝。 郵箱地址：3205845866@qq.com