近來各種類型的小程序增多，使用者也越來越重視UI排版了，本文就教你如何做好微信小程序UI排版！你可以參考以下這些UI設(shè)計(jì)定律與框架原則，來設(shè)計(jì)自己的小程序。

1.UI設(shè)計(jì)定律

UI設(shè)計(jì)界的許多定律是通用的，小程序UI也可以參考這些定律來設(shè)計(jì)：

（1）Hick’s Law / 席克定律（希克法則）

一個(gè)人面臨的選擇越多，所需要作出決定的時(shí)間就越長。在人機(jī)交互中界面中選項(xiàng)越多，意味著用戶做出決定的時(shí)間越長。

（2）Steering Law 轉(zhuǎn)向定律

觸控技術(shù)（Touch）應(yīng)用：

• 0° 方向是最利于操作者移動(dòng)的方向，具有較好的視覺反饋，成功率相對(duì)高；
• 120° 方向用戶在操作時(shí)最為困難，在用戶界面交互設(shè)計(jì)中應(yīng)盡少使用；
• 用戶手指在各個(gè)方向的運(yùn)動(dòng)中，寬度低于 14 像素的 Touch 用戶體驗(yàn)很差。

（3）神奇數(shù)字7±2法則

人類頭腦最好的狀態(tài)能記憶含有7（±2）項(xiàng)信息塊，在記憶了 5-9 項(xiàng)信息后就開始出錯(cuò)。與席克定律類似，神奇數(shù)字 7±2 法則也經(jīng)常被應(yīng)用在小程序交互設(shè)計(jì)上，如「云中科」小程序就是如此，導(dǎo)航選項(xiàng)卡不會(huì)超過 5 個(gè)，這樣方便客戶記憶和瀏覽。

2.小程序ui框架注意點(diǎn)

（1）功能簡潔

小程序不需要設(shè)計(jì)得像APP那樣復(fù)雜，其實(shí)只滿足單一需求即可。比如滴滴的小程序，是簡單快捷的叫車服務(wù)，在功能選擇上只提供核心功能在小程序露出，一些非必須的入口則沒有體現(xiàn)出來，比如消息，掃一掃以及個(gè)人中心里的一些功能等，這樣用戶在使用小程序叫車時(shí)更加專注。

（2）明亮的背景以及留白

簡潔風(fēng)的設(shè)計(jì)，界面的整個(gè)內(nèi)容通常都是呈現(xiàn)在白色或非常明亮的背景上的。對(duì)空白深思熟慮的使用讓界面總體上看起來非常的干凈、清新且美觀。像「云中科」小程序模板就是這樣設(shè)計(jì)的，符合現(xiàn)代審美潮流。

（3）流程明確

小程序 ui、以及主頁的各個(gè)版塊內(nèi)容應(yīng)該要有一定邏輯順序，通常主頁頂部是圖片banner （輪播圖、拼接圖海報(bào)等），之后是快捷按鈕、商品分類，中間可根據(jù)需求適當(dāng)穿插視頻、標(biāo)題、優(yōu)惠券等不同功能版塊。

以上就是關(guān)于小程序ui設(shè)計(jì)的相關(guān)知識(shí)科普了，其實(shí)不需要你懂什么設(shè)計(jì)知識(shí)，如果想制作美觀的小程序，只需用「云中科」小程序制作工具，就能生成UI美觀的小程序！

「云中科」是一個(gè)專注自助建站與小程序開發(fā)的小程序平臺(tái)，針對(duì)眾多行業(yè)提供多套小程序模板，目前已經(jīng)幫助三百多萬沒有技術(shù)和設(shè)計(jì)基礎(chǔ)的用戶，通過云中科一鍵生成網(wǎng)站或小程序，快速建立品牌、獲取客戶、經(jīng)營生意。2019年8月入選騰訊小程序加速器首期成員。?

轉(zhuǎn)載授權(quán)請(qǐng)發(fā)郵件到： （得到主動(dòng)回復(fù)同意并加上本網(wǎng)站相關(guān)鏈接，方可轉(zhuǎn)載）。