微信小程序UI該怎樣設計?
近來各種類型的小程序增多,使用者也越來越重視UI排版了,本文就教你如何做好微信小程序UI排版!你可以參考以下這些UI設計定律與框架原則,來設計自己的小程序。

1.UI設計定律
UI設計界的許多定律是通用的,小程序UI也可以參考這些定律來設計:
(1)Hick’s Law / 席克定律(希克法則)
一個人面臨的選擇越多,所需要作出決定的時間就越長。在人機交互中界面中選項越多,意味著用戶做出決定的時間越長。
(2)Steering Law 轉向定律
觸控技術(Touch)應用:
- 0° 方向是最利于操作者移動的方向,具有較好的視覺反饋,成功率相對高;
- 120° 方向用戶在操作時最為困難,在用戶界面交互設計中應盡少使用;
- 用戶手指在各個方向的運動中,寬度低于 14 像素的 Touch 用戶體驗很差。
(3)神奇數字7±2法則
人類頭腦最好的狀態能記憶含有7(±2)項信息塊,在記憶了 5-9 項信息后就開始出錯。與席克定律類似,神奇數字 7±2 法則也經常被應用在小程序交互設計上,如「云中科」小程序就是如此,導航選項卡不會超過 5 個,這樣方便客戶記憶和瀏覽。

2.小程序ui框架注意點
(1)功能簡潔
小程序不需要設計得像APP那樣復雜,其實只滿足單一需求即可。比如滴滴的小程序,是簡單快捷的叫車服務,在功能選擇上只提供核心功能在小程序露出,一些非必須的入口則沒有體現出來,比如消息,掃一掃以及個人中心里的一些功能等,這樣用戶在使用小程序叫車時更加專注。
(2)明亮的背景以及留白
簡潔風的設計,界面的整個內容通常都是呈現在白色或非常明亮的背景上的。對空白深思熟慮的使用讓界面總體上看起來非常的干凈、清新且美觀。像「云中科」小程序模板就是這樣設計的,符合現代審美潮流。

(3)流程明確
小程序 ui、以及主頁的各個版塊內容應該要有一定邏輯順序,通常主頁頂部是圖片banner (輪播圖、拼接圖海報等),之后是快捷按鈕、商品分類,中間可根據需求適當穿插視頻、標題、優惠券等不同功能版塊。

以上就是關于小程序ui設計的相關知識科普了,其實不需要你懂什么設計知識,如果想制作美觀的小程序,只需用「云中科」小程序制作工具,就能生成UI美觀的小程序!
「云中科」是一個專注自助建站與小程序開發的小程序平臺,針對眾多行業提供多套小程序模板,目前已經幫助三百多萬沒有技術和設計基礎的用戶,通過云中科一鍵生成網站或小程序,快速建立品牌、獲取客戶、經營生意。2019年8月入選騰訊小程序加速器首期成員。?
轉載授權請發郵件到: (得到主動回復同意并加上本網站相關鏈接,方可轉載)。