微信在當下已經逐漸演變為主要的社交工具，如今微信功能也更加全面，微信小程序也給人們帶來了更多方便，制作一個小程序也成為很多人都會考慮的，那么小程序ui設計方法是什么？下面一起看下吧。

　　1.字體

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

　　中文字體主要有三種：

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

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

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

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

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

　　2.色彩

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

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

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

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

小程序ui設計（圖片來自網絡）

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

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

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

　　3.布局

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

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

　　布局設計尤其要遵循CRAP原則：

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

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

　　A——Alignment（對齊），你的圖標、海報、列表等應該對齊，不可隨意擺放、

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

小程序ui設計（圖片來自網絡）

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