大家總是把小程序和App放在一同比，因而小編也花時間看了一下小程序的開發(fā)指南，特別是UI局部的設計和準繩，今天就拿它和蘋果的HIG（Human Interface Guidelines）做個比擬，其實兩者在一些大的準繩處置上能夠說是分歧的。

　　微信小程序和App在設計上的差別

　　關(guān)鍵詞一：友好禮貌

　　對應于蘋果：Less is more

　　蘋果在iOS7時做了一個十分大的界面調(diào)整，以突出內(nèi)容為主，去除掉了一切會干擾用戶的界面元素，這個作風分歧持續(xù)至今（以蘋果自家的App，比方指南針，天氣為例就能夠看出）。

　　微信在指南一開端也強調(diào)了這個準繩，并用兩個正反示例加以闡明。一是不要在搜索頁面上放置不相關(guān)要素，最好放上最近搜索詞，常用搜索詞等，二是不要給用戶太多選擇項（如今選擇恐懼癥患者越來越多）。

　　關(guān)鍵詞二：明晰明白

　　對應于蘋果：Clarity

　　蘋果的HIG中三大準繩之首就是明晰，這里面有幾層含義，其中之一就是開發(fā)者有義務經(jīng)過導航欄設置解答用戶的三大疑問：

　　當前在哪？

　　能夠往何處去？

　　去的中央能做什么？

　　微信也再次強調(diào)了導航設置明晰的重要性，并且直接在微信層面就把當前在哪和如何回去的問題處理了，開發(fā)者只需定義好能夠往何處去就OK了，至于導航欄，除了顏色能更改之外，開發(fā)者沒什么能夠做的了。如iOS的狀態(tài)欄提供深淺兩種款式，小程序?qū)Ш綑谝蚕鄳羞@兩種款式，和狀態(tài)欄融為一體。

　　至于選色計劃，微信也給出了示例，準繩就是要配色調(diào)和，不影響文字的可讀性，這一點其實也是蘋果特別在意的，倡議文本和背風光的比照度要在4.5:1 – 7:1之間。

　　此外，開發(fā)者能夠在微信導航頁面內(nèi)再嵌一個自有導航欄，但不倡議這么做，如有需求盡量運用標簽分頁（Tab），有頂部和底部兩種款式，蘋果對Tab欄的倡議是3-5個，微信倡議是2-4個，放太多選項不只讓頁面顯得復雜，且不易于用戶操作。

　　關(guān)鍵詞三：反應及時

　　對應于蘋果：Responsiveness

　　微信破費了大量的篇幅強調(diào)加載頁面時必需要及時、有反應，這一定是跟小程序自身的定位有關(guān)系，因而根本上能做的都幫開發(fā)者做了，比如說啟動頁除了能加個自有l(wèi)ogo外，其他元素都不能改動，很多程序內(nèi)動畫都是微信規(guī)范定義的，這一點和iOS原生App的靈敏性差異比擬大。

　　但是，兩者在大的準繩上卻一模一樣，要確保界面對用戶的操作做出及時的相應，哪怕是在加載過程當中。由于小程序要突出輕快的特性，微信重點渲染這一局部就不奇異了，且細致經(jīng)過示例解說了不同狀況下的處置倡議。

　　關(guān)鍵詞四：便利文雅

　　對應于蘋果：User Friendly

　　微信主要提到了減少輸入和防止誤操作的問題，這和蘋果是高度分歧的，不過蘋果提供了更多的控件供選擇。

　　在減少誤操作方面，蘋果請求一切可觸控的范圍要在44pt以上，而微信更準確，把這個換算成了物理尺寸7mm-9mm之間。

　　關(guān)鍵詞五：視覺標準

　　對應于蘋果：Legibility

　　蘋果能夠說關(guān)于文本的可讀性請求極高，并于2015年推出了其自有字體SF（San Fransisco），一套特地對此停止了優(yōu)化的字體，此外，還定義了一套動態(tài)字體規(guī)范，保證任何人都能夠愉悅的在iPhone和iPad上閱讀。

　　而微信在字體上肯定和系統(tǒng)堅持分歧，其它的思索和蘋果也是大同小異。不過，為了保證文本明晰可讀，微信更進一步，直接把各種文本的顏色也定義死了，思索到和本身的諧和性，就連鏈接字體，出錯字體，完成字體的顏色也都定死了，沒有任何發(fā)揮空間。

　　微信小程序和App在設計上的差別

　　最后，我也比照了一下兩者的控件，微信提供的控件十分“微信”，連尺寸，顏色，字號等都規(guī)則好了，沒有什么可操作的空間，比如說下圖的Button控件，開發(fā)者就在這10幾種款式里選擇就好了，而相比之下iOS的控件給開發(fā)者提供了寬廣的定制空間，這也反映出兩個平臺的不同定位。

　　微信小程序和App在設計上的差別

　　總體來說，蘋果和微信在UI設計的理念上是相通的，就是簡單、明晰和反應及時，不過微信在詳細的解釋上愈加細致，力圖防止誤解。此外，蘋果三大設計準繩中除了Clarity，還有Deference（服從）和Depth（深度），后兩者是微信談的比擬少的，這也是兩者定位不同所致。

　　置信大家在理解了以上信息之后，能夠愈加分明小程序和App之間的差異，從UI層面，小程序界面統(tǒng)一，或者說都長了一副微信的樣子，而App則是千人千面，愈加多姿多彩。