我們都知道，微信的功能是十分強大的，不僅可以通話聯系，還可以收付款，而且微信上還有很多小程序。那在設計小程序界面時，大家知道微信小程序商城ui界面設計包括哪些方面嗎？一起跟faceui小編來了解一下吧。

　　什么是ui界面設計

　　UI界面設計是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。UI設計分為實體UI和虛擬UI，互聯網說的UI設計是虛擬UI，UI即User Interface(用戶界面)的簡稱。

　　微信小程序商城ui界面設計（圖片來自網絡）

　　好的UI設計不僅是讓軟件變得有個性有品位，還要讓軟件的操作變得舒適簡單、自由，充分體現軟件的定位和特點。國內大部分UI工作者都是從事這個行業，是了解軟件產品、致力于提高軟件用戶體驗的產品外形設計師。

　　這些設計師大多是美術院校畢業的，其中大部分是有美術設計教育背景，例如工業外形設計，裝潢設計，信息多媒體設計等。

　　微信小程序商城ui界面設計

　　1.字號大小

　　一個好的小程序UI界面，首先映入眼簾的就是頁面字號大小，下面是眼睛距離與常用的字號大小關系:

　　視距近:30cm以內

　　字號使用:9pt(點)--12pt(點)

　　網頁中會稍微大些為12pt/14pt，在應用響應式網頁布局的情況下在手機里顯示會按照百分比進行放大的，手機APP(2倍手機)里正文字號大小為20px/24px。

　　視距中:300cm以內

　　字號使用:2cm以上，當然是越大越能看清楚但需要符合版式美感。建議童鞋們自己帶個格尺到顯示中找尋需要制作的物品進行實際測量看在3米以內是否能夠看清楚以及是否得當。

　　視距遠:300cm以外

　　字號使用:正文字比較少根據版式需要一定設計的非常大。

　　2.色彩

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

　　3.布局排版

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

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

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

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

　　A--Alignment(對齊)，你的圖標、海報、列表等應該對齊，不可隨意擺放、

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

　　微信小程序商城ui界面設計（圖片來自網絡）

　　運用網格系統排版可以讓畫面更加統一，在平衡的基礎上可以變換層次感，讓畫面更加有條理，讓內容更易讀，體驗度更強

　　平面:尊重常用分欄進行劃分，尺寸可以有小數點但需要達到均衡感。

　　網頁:為了符合程序員開發代碼，一般按2的倍數進行欄與間距的劃分，不要出現奇數與小數點，小數點不好書寫，奇數不好對齊。

　　看完了上文faceui小編的介紹，大家應該對什么是ui界面設計以及微信小程序商城ui界面設計包括哪些方面的相關內容有所了解了吧。微信上有很多商場小程序，使用十分方便，用戶可以隨時點進去選購商品。