在網(wǎng)站模板設(shè)計(jì)過程中，UI設(shè)計(jì)是屬于視覺設(shè)計(jì)，通過改善網(wǎng)站的視覺效果，體現(xiàn)出網(wǎng)站的高級(jí)感，使得網(wǎng)站模板更有設(shè)計(jì)感。UI設(shè)計(jì)主要通過設(shè)計(jì)層次、字體、結(jié)構(gòu)、對(duì)比、透明度的處理等等元素的調(diào)整，來達(dá)到優(yōu)先的效果。

第一、通過字體和顏色來創(chuàng)造層次結(jié)構(gòu)，不是僅僅靠大小進(jìn)行對(duì)比。網(wǎng)站模板設(shè)計(jì)時(shí)，單純地通過字體的大小來突出對(duì)比是不夠的，可以結(jié)合顏色和字體創(chuàng)造出更明顯的對(duì)比效果，建議選擇兩到三種顏色。主體內(nèi)容供選擇深色系列，次要的內(nèi)容可以選擇灰色，輔助性質(zhì)的內(nèi)容可以使用淺灰色。

第二、在有色的背景上不要選擇灰色的字體。網(wǎng)站建設(shè)的時(shí)候，如果是在白色的背景下，可以選擇灰色的字體，這樣可以淡化視覺效果。但是在彩色的背景下，就不會(huì)有這個(gè)效果了。在白色的背景下，使用灰色比黑色的字體，可以降低對(duì)比度。而在色彩的背景下，想要降低對(duì)比度，有兩種方式。其一，降低白色字體的不透明度。這樣就可以使得背景的顏色透過一些，這樣就可以在不沖突的情況下，降低前景顏色和背景顏色的對(duì)比度。其二、在背景色的基礎(chǔ)上選擇字體的顏色。其三、陰影設(shè)計(jì)。與大范圍擴(kuò)散模糊陰影相比，垂直偏移的陰影設(shè)計(jì)在效果的表現(xiàn)上更明顯。

第四、不要隨意放大小圖標(biāo)。設(shè)計(jì)網(wǎng)站模板著陸頁的時(shí)候，為了突出產(chǎn)品的功能，常常會(huì)通過大圖標(biāo)來加強(qiáng)視覺效果。雖然放大矢量圖，清晰度還是比較好的，但是在專業(yè)度方面就比較差了。因此不要隨意放大小圖標(biāo)。

第五、使用有顏色的單邊邊框。網(wǎng)站模板的UI設(shè)計(jì)想要提升吸引力，可以適當(dāng)使用有顏色的單邊邊框，這樣一個(gè)簡單的頁面就會(huì)變得生動(dòng)起來。

第六、不是所有的按鈕都需要設(shè)置顏色。設(shè)計(jì)網(wǎng)站模板的按鈕時(shí)，在配色方面我們要按照以下三個(gè)原則：1、主要操作的按鈕要明顯，建議使用實(shí)色、高對(duì)比度的按鈕。2、次要操作的按鈕要比較明顯，可以采用幽靈按鈕，或者是使用和背景顏色對(duì)比度比較低的顏色。3、三級(jí)操作的按鈕可以設(shè)計(jì)為鏈接。

一個(gè)成功的UI設(shè)計(jì)要結(jié)合用戶的需求進(jìn)行設(shè)計(jì)，網(wǎng)站建設(shè)和維護(hù)離不開UI設(shè)計(jì)，因此需要掌握一些UI設(shè)計(jì)的技巧。