從設計看網頁設計與微信小程序設計的差異性

2023-03-05 分類：微信小程序

習慣，是一個強大的敵人。對于設計師來說，尤其如此。
微信小程序是近兩年才出現的新事物，而網頁設計出現已經超過20多年。目前大多數的設計師都是脫胎于網頁設計師，并且不少設計師從事網站設計超過五年以上。這就產生了一個問題——長時間從事網頁設計，會形成一些“設計習慣”，而這樣的設計習慣是不適合微信小程序設計的。
本文，我們就來討論這樣一個問題——僅僅從設計的角度而言，網站設計與微信小程序設計，究竟有哪些不同？
輸入設備不同導致的設計差異
PC端的輸入主要依靠鍵盤和鼠標，輸入精度較高，所以，這就影響了網站設計。例如，網站的排版，即便是較為緊湊，體驗影響不大，不會導致誤操作。但是，智能手機的輸入，主要依靠攝像頭，由于鍵盤小，使用鍵盤輸入會導致出錯率高，也體驗不好。
這樣的差異，導致了PC網頁設計和微信小程序設計的差異。
舉例來說，一家金融公司的網站和小程序，當需要輸入卡號的時候，網站上面可以讓用戶直接輸入卡號，但是，微信小程序可以引導用戶通過拍照識別卡號的方式，完成輸入。

網頁設計

“自由作文”和“話題作文”導致的設計差異
在筆者看來，網頁的設計自由度更大，但是小程序的設計自由度更小。為什么呢？這是因為微信為小程序提供了很多無法改變的欄目、格式、樣式、配色。
例如，菜單配色方面，微信只為小程序提供深淺兩種配色方案，而菜單配色方案往往影響整個頁面的配色，為了配合既定的“配色方案”，小程序頁面配色只能選擇匹配微信提供的配色方案。
還例如，官方小程序菜單將放置在界面固定位置，開發者在設計界面時請預留出該區域空間，并且，需要開發者周圍的交互，與官方固定交互小匹配。也是因為如此，大多數小程序都選擇了在“固定位置”左側，設計了搜索欄。

小程序設計