2016年9月，隨著微信小程序內(nèi)測的消息發(fā)布，引起了前端開發(fā)圈的熱議，晚上放出的消息，第二天便有熬夜的嘗鮮者將小程序開發(fā)教程推出，各種小程序相關(guān)的QQ群、微信群、論壇也很快集聚人氣，微信坐擁8億月活用戶，每一個動作都牽動眾多領(lǐng)域的關(guān)注，各個群體都在尋找屬于自己的風口，筆者也湊湊熱鬧，由小程序做引，談?wù)剬υO(shè)計領(lǐng)域的隨想。

首先，微信小程序到底是什么？

從產(chǎn)品角度來講，引自微信之父張小龍的觀點：

小程序是一種不需要下載安裝即可使用的應(yīng)用，它實現(xiàn)了應(yīng)用“觸手可及”的夢想，用戶掃一掃或搜一下即可 打開應(yīng)用。也體現(xiàn)了“用完即走”的理念，用戶不用關(guān)心是否安裝太多應(yīng)用的問題。應(yīng)用將無處不在，隨時可用，但又無需安裝卸載。

從開發(fā)角度來講：

小程序是通過類web開發(fā)的方式，使用Javas cript、html（wxml）、css（wxss）開發(fā)，結(jié)合微信提供的小程序組件和api，實現(xiàn)在微信內(nèi)運行的具有原生app體驗的應(yīng)用。

關(guān)于微信小程序的更多的信息請自行搜索，本文不做詳述，僅談?wù)動尚〕绦蛞瓿龅南嚓P(guān)設(shè)計領(lǐng)域的思考。

在展開之前，我們先看看其它相關(guān)的信息，看看是否能感受到一些趨勢。

1、Google：Progressive Web App

Progressive Web App 是近一兩年Google 在 Web 平臺開始推廣的一個新概念，可以盡可能借助目前的web新技術(shù)（比如 Service Worker ， Push Notification 及其他展現(xiàn)層的新技術(shù)），可以實現(xiàn)離線應(yīng)用、通知功能，讓基于瀏覽器內(nèi)核的Web App 的體驗接近Native App 。

2、Facebook：React native

React是目前很火的前端開源框架，起源于 Facebook 的內(nèi)部項目，React native可以使用web的開發(fā)方式（Javas cript、html、css）來構(gòu)建原生ios、Android app，試圖解決統(tǒng)一的跨平臺開發(fā)，聲稱可以：Learn once, write anywhere，該框架于2013年5月開源。

3、阿里：weex

2016年4月21日，阿里巴巴在Qcon大會上宣布跨平臺移動開發(fā)工具Weex開放內(nèi)測邀請，Weex能夠完美兼顧性能與動態(tài)性，讓移動開發(fā)者通過Javas cript、html、css前端語言寫出Native級別的性能體驗，并支持iOS、安卓、YunOS及Web等多端部署。

以上談到的Google Progressive Web App、Facebook react native、阿里的weex 以及騰訊推出的小程序，四家巨頭，產(chǎn)品及商業(yè)模式會有很大不同，但在技術(shù)研發(fā)領(lǐng)域都在做一件事：希望通過統(tǒng)一的開發(fā)方式（Javas cript、html、css），解決跨平臺的web以及app開發(fā)及部署。

看到這里，可能會感覺還是和設(shè)計無關(guān)，筆者倒是認為，這些會對設(shè)計領(lǐng)域帶來深遠影響，隨著微信小程序的推出，相信UI設(shè)計師短期內(nèi)又會火起來，除此之外，還會帶來哪些影響？

1、統(tǒng)一的布局與樣式描述語言，帶來全棧設(shè)計師的興起

網(wǎng)頁、ios app、Android app各自采用不同的結(jié)構(gòu)布局及樣式描述語言，帶來很大的設(shè)計與開發(fā)困擾，隨著html、css做為統(tǒng)一的web及app的結(jié)構(gòu)布局及樣式設(shè)計語言，會大大降低前端設(shè)計的學習門檻，未來，具有優(yōu)秀的設(shè)計理念及精通響應(yīng)式網(wǎng)頁設(shè)計、app UI及交互設(shè)計的全棧設(shè)計師會越來越多，同時也會對設(shè)計師崗位要求越來越高。

2、設(shè)計即開發(fā)- 設(shè)計直接交付成為可能

做為前端設(shè)計師可能都有這樣的感受，通過PS、AI出設(shè)計稿，用Principle、Flinto做高保真交互原型，效果很棒，但真正開發(fā)出來，與設(shè)計稿相去甚遠，除了客戶及老板的無節(jié)制改稿外，其實有兩個主要原因是目前設(shè)計流程的弊端：

一是靜態(tài)化設(shè)計方式：PS、AI無法呈現(xiàn)多尺寸屏幕適配，設(shè)計視角被局限，無法便捷地在動態(tài)環(huán)境下修正設(shè)計。

二是不能做到設(shè)計直接交付：設(shè)計稿的最終呈現(xiàn)由程序員寫代碼開發(fā)，既不能保證最終設(shè)計的還原，也帶來了大量的溝通成本和UI開發(fā)成本。設(shè)計直接交付，是指設(shè)計稿直接可用于業(yè)務(wù)開發(fā)，UI及視覺交互層由設(shè)計師直接完成，設(shè)計即開發(fā)。程序員在此基礎(chǔ)上僅完成業(yè)務(wù)邏輯及動態(tài)數(shù)據(jù)的開發(fā)。

未來，隨著Html、css做為web、app及微信小程序的結(jié)構(gòu)樣式設(shè)計語言，可視化設(shè)計工具會更加容易實現(xiàn)跨平臺的設(shè)計直接交付。

好在已經(jīng)有很多公司在致力研發(fā)可直接交付的可視化設(shè)計工具，adobe、webflow、froont以及我們意派的Coolsite360，可以無需編寫html及css，直接動態(tài)設(shè)計響應(yīng)式網(wǎng)頁，甚至可以可視化設(shè)計微信小程序（Coolsite360近期會推出小程序編輯器），并可導出可直接開發(fā)的前端代碼。

3、Html、css 會成為更多領(lǐng)域的設(shè)計語言及規(guī)范

目前Javas cript開發(fā)人員異常緊缺，原因在于Javas cript除了能做網(wǎng)頁前端開發(fā)，還能做原生app開發(fā)以及服務(wù)器端開發(fā)，甚至用來進行物聯(lián)網(wǎng)系統(tǒng)的開發(fā)，同樣，html、css原本做為網(wǎng)頁的結(jié)構(gòu)布局以及樣式描述語言，也在向移動app、桌面端應(yīng)用領(lǐng)域拓展，由于其具有良好的彈性布局及豐富的樣式描述，并且與Javas cript的無縫結(jié)合，將來會成為更多領(lǐng)域的設(shè)計語言及規(guī)范。

做為設(shè)計師，強烈建議一定要學習html以及css，雖然設(shè)計師學習編寫代碼一直是一個非常困難的事，但，必須要學習，當然，大多數(shù)設(shè)計師不一定非要自己寫html以及css代碼，這些可以使用可視化工具，但基本的Html以及css的概念一定要有，掌握這些，除了完成設(shè)計需要，html、css本身就是一套非常值得學習的設(shè)計系統(tǒng)。

4、技術(shù)驅(qū)動時代的設(shè)計缺失

做為非專業(yè)設(shè)計師，談這個話題有些牽強，也有些跑題，只是有感而發(fā)，希望能拋磚引玉。

隨著信息技術(shù)的發(fā)展及不斷滲透，越來越體現(xiàn)出技術(shù)驅(qū)動的社會發(fā)展脈絡(luò)，互聯(lián)網(wǎng)技術(shù)及應(yīng)用的發(fā)展，已帶來了廣告、出版?zhèn)髅降缺姸嘈袠I(yè)的天翻地覆的變化，設(shè)計領(lǐng)域也同樣顯示出技術(shù)驅(qū)動的特征，微軟的windows phone可能是個失敗的系統(tǒng)，但Metro UI規(guī)范帶來了耳目一新的信息交互設(shè)計思考和嘗試，google的Material Design從材質(zhì)與微交互的角度提升了交互體驗以及規(guī)范了安卓app的設(shè)計統(tǒng)一。

但這些還遠遠不夠，相較于平面設(shè)計領(lǐng)域近100年歷史的平面構(gòu)成理論以及近60年的網(wǎng)格設(shè)計理論，在信息時代還未出現(xiàn)同等份量的設(shè)計方法理論體系，當然，也有很多像IDEO這些相信設(shè)計改變一切的具有使命感的設(shè)計機構(gòu)在做出自己的努力。

我一直相信，在信息時代，設(shè)計師，除了做好UI及交互，應(yīng)該還能發(fā)揮更大的能量，如何通過設(shè)計改變現(xiàn)有的紛繁復(fù)雜的開發(fā)模式？如何通過設(shè)計來統(tǒng)一描述復(fù)雜的業(yè)務(wù)邏輯？如何通過設(shè)計讓更多不懂設(shè)計的人做出有一定水準的設(shè)計？如果你有好的想法，也歡迎與我們聯(lián)系，說不定，可以一起做些有意思的事。

不管你關(guān)心不關(guān)心，微信小程序很快會來，或許你整天忙于加班趕稿，無暇顧及左右其它，但，變革會無聲無息地繼續(xù)，總有些人會先知先覺，擁抱變化，并不忘初心，這個人，會是你嗎？