微信在當(dāng)下已經(jīng)逐漸演變?yōu)橹饕纳缃还ぞ?，如今微信功能也更加全面，微信小程序也給人們帶來了更多方便，制作一個小程序也成為很多人都會考慮的，那么小程序ui設(shè)計方法是什么？下面一起看下吧。

　　1.字體

　　字體是排版中的重要因素，但偏偏最容易被忽視。一般來說，所用小程序模板的字體都是固定的，但你也可以通過PS等軟件來設(shè)計自己的字體。

　　中文字體主要有三種：

　　一是黑體（筆畫上沒有裝飾的字體），如蘋方、微軟雅黑、思源等；

　　二是由書法作品演變來的字體，如宋體、仿宋、楷體、行楷、隸體、魏體、舒體、顏體……

　　三是美術(shù)字體，比如綜藝體、美黑體、水柱體、娃娃體等。

　　如果你想自己設(shè)置小程序字體，最好規(guī)規(guī)矩矩地使用宋體、仿宋、黑體等樣式簡單的字體，不要使用美術(shù)字體，你要明白，美術(shù)字體固然好看，但會增加辨識難度。一味使用美術(shù)字體，就會走入“為了好看而忽視訪客體驗”的彎路。

　　另外，也不要使用過多的不同的字體。如果以一個頁面里有七八個不同的字體，那一定會很難看。字體一定要統(tǒng)一。

　　2.色彩

　　目前常見的幾種顏色，分別給人不同的心理感受：

　　紅色色感熱烈，對人刺激性很強，易引起注意，讓訪客緊張、精神集中，但也容易造成視覺疲勞。

　　黃色高傲、不安寧，也是易引起注意的一種顏色。

　　藍(lán)色冷靜、樸實，會給人提供一個深遠(yuǎn)、廣埔、平靜的空間。而且如果在藍(lán)色中分別加入少量的紅、黃、白等色，也不會對藍(lán)色的性格構(gòu)成較明顯的影響力。

小程序ui設(shè)計（圖片來自網(wǎng)絡(luò)）

　　綠色是比較中庸的一種顏色，將黃色的溫暖感與藍(lán)色的寒冷感相抵消。平和、柔順。

　　紫色的明度在有彩色的色料中是最低的。給人一種沉悶、神秘的感覺。

　　具體用什么主色調(diào)，要根據(jù)小程序的類型來選擇，比如美妝、女裝類可用比較溫暖黃、粉的色調(diào)；數(shù)碼、電子類可用冷硬的藍(lán)、黑色調(diào)。但千萬不可太多顏色混搭在一起，用色過多會導(dǎo)致訪客眼花繚亂，頁面沒有主次之分。

　　3.布局

　　布局，就是小程序內(nèi)各版塊、圖標(biāo)、文字的排列。通過合理的布局，我們能讓訪客分清主次，抓住重點。比如哪個商品是小程序中的“主角”，那就把它放在最顯眼的位置；哪些比較次要，那就放在底部。

　　小程序的每個頁面都應(yīng)有明確的重點，以便于用戶每進入一個新頁面的時候都能快速地理解頁面內(nèi)容。布局要合理、簡潔，保證用戶進入到小程序頁面后，就能知道自己身在何處，該往何處去；切記不要把頁面設(shè)置得跟個迷宮一樣，讓用戶不知道在哪兒找自己需要的東西！

　　布局設(shè)計尤其要遵循CRAP原則：

　　C——Contrast（對比），通過圖標(biāo)大小和位置等的對比，區(qū)分出誰是主角，誰是配角，誰是群演。

　　R——Repetition（重復(fù)），一個級別的信息盡量使用一種設(shè)計來保持用戶的認(rèn)知，避免用戶認(rèn)為是另一種信息分類。

　　A——Alignment（對齊），你的圖標(biāo)、海報、列表等應(yīng)該對齊，不可隨意擺放、

　　P——Proximity（親密性），有關(guān)系的兩個圖標(biāo)盡量放在一起，比如衣服，你的“短袖”、“長袖”分類最好相鄰，這樣的排列會更具邏輯性。

小程序ui設(shè)計（圖片來自網(wǎng)絡(luò)）

　　小程序ui設(shè)計需要考慮到很多問題，要求能夠根據(jù)情形進行針對性的設(shè)計，這樣才可以保證設(shè)計出一個滿意的小程序，希望本文對你有所幫助。