【前言】

五年來第一次在站酷分享項目經(jīng)驗，承認懶了。

【項目總結(jié)】

以下5點是設(shè)計過程中花了較多精力而且覺得很重要的幾點，所以詳細分享下。

· 項目UI規(guī)范文檔——這個非常重要，除了有效提高設(shè)計師和前端的工作效率，更重要是讓整個產(chǎn)品風格統(tǒng)一，也是項目多部門團隊合作必不可少的規(guī)范。規(guī)范還要在項目上線后根據(jù)市場反饋不斷優(yōu)化，作為產(chǎn)品后續(xù)優(yōu)化的依據(jù)標準。

· 數(shù)據(jù)分析——移動端的多分辨率是最頭疼的問題，iphone還好，安卓各種尺寸，外加手機WEB那么多瀏覽器……所以，請分析項目用戶數(shù)據(jù)，比如金海馬商城移動端用戶瀏覽器占比大致前幾位如下（ safari>QQ瀏覽器>微信內(nèi)嵌瀏覽器>UC瀏覽器），所以這幾個瀏覽器的bug都必須一 一解決的。

· Iconfonts字體圖標——為了解決變態(tài)的各種分辨率導致的icon鋸齒問題，哪個偉人發(fā)明了字體圖標，反正好好利用就行了，不過在PS做icon還是比較吃虧的，要一個個拉到AI里面再保存成svg格式，所以建議在AI上直接做icon，上傳到阿里的字體圖標庫網(wǎng)站上，就可以建立項目庫了，這里這里http://www.iconfont.cn/ 還可以下載很多常用icon。

· 溝通——整個項目的重點流程頁面一定要組織技術(shù)啊產(chǎn)品啊運營啊客服等小伙伴們一起一頁頁地講解和討論優(yōu)化，只有團隊成員都認同的東西，大家才會積極把東西一起做好，大家都有比較深入的全面了解，后面的工作才可以順利進行。

· 最后，也是最重要的， UI和平面很大的區(qū)別是，并不是追求多絢麗多過目不忘，而是在整個設(shè)計過程中，務必時刻要以用戶的思維來思考每個頁面元素，想清楚用戶在這個頁面上會做什么？希望得到什么？頁面的重點是否清晰？是否簡單易用？各個頁面之間的流程是否順暢？視覺上，要追求界面簡單！好用！重點功能明確！

截取部分UI規(guī)范：

項目視覺