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

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

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

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

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

3、注意色彩的適用

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

4、善用對(duì)比增加頁面層次

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

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

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

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