首頁>科技>

現在連美團都開始做小程式了,各體系下的小程式數量越來越多,但是想要把小程式設計得足夠美觀,還是要費不少工夫的。尤其對於不懂設計知識的小白來說,想要打造一個獨特美觀的小程式,就一定要先了解些基礎設計知識。那麼微信小程式頁面怎麼設計呢?最重要的,是要注意以下這四點:

1.佈局清晰,簡約留白

微信小程式首頁設計尤其要注意這一點。小程式首頁給客戶留下的第一印象很重要,為保證首頁整潔,背景要使用空白或輕微的背景色劃分介面,不要把所有內容都堆砌在一塊,這容易擾亂視線,導致使用者體驗很差。

另外,小程式是輕量化應用,所以不要把它的頁面設計得太複雜,要儘量簡單、清晰,明確告知使用者身在何處,又可去哪兒,確保使用者在頁面中游刃有餘地穿梭,所以要有清晰的返回鍵。同時要有清晰的底部導航,讓使用者能迅速找到自己需要的資訊。導航標籤不得少於2個,不能多於5個。

如下圖這個旅行展示類小程式,使用者開啟小程式即能在底端導航看到各條線路,避免了去查詢繁雜的旅行社相關詳細資訊,可以節省大量時間。

2.流程明確

為了讓使用者順暢地使用頁面,在使用者進行某一個操作流程時,應避免出現使用者目標流程之外的內容而打斷使用者。

3.便捷輕鬆

用完即走是小程式的優勢,所以設計時一定不要讓使用者操作繁瑣,而是很方便地開啟或退出相應功能。要考慮到小程式畢竟是在手機操作,所以應儘量減小使用者輸入,利用現有介面或其他一些易於操作的控制元件來改善使用者輸入體驗。同時要避免使用者誤操作,考慮點選熱區,避免可點選區域過小或密集而造成誤操作。

4.風格統一

小程式的整體顏色風格要和你的品牌主題一致,這樣便於顧客記憶。比如美妝類的小程式,最好就用些溫暖的顏色,粉色會更合適;家政服務類的小程式,最好用乾淨清新的顏色,如綠色、藍色;數碼電子產品,不太適合花裡胡哨,最好用黑色或白色。

另外,小程式不同頁面的顏色風格也要保持一致,各個頁面儘量使用一致的控制元件和互動方式,讓介面元素有延續性,這樣可以為使用者減輕頁面跳動所造成的不適感。

上述就是小程式排版設計要注意的內容了。小程式在設計過程中必須要注意的就是重視使用者的實際體驗,所以小程式高階設計ui一定是簡潔清晰的,不能太累贅,這樣才能讓使用者用得舒服,給他們好的使用體驗。

  • 整治雙十一購物亂象,國家再次出手!該跟這些套路說再見了
  • 一意孤行!中國移動再次“撕破臉”?華為:沒有的事