作者：胡波

網易杭州研究院

妹子工作三年了，我和她相當熟，她最近一份工作從平面設計轉到了UI設計，在平面設計她已經游刃有余，能夠高效地完成工作中的推廣設計、活動詳情頁、電商詳情頁、Banner、海報設計及線下物料等平面設計工作。

UI設計特別是移動端，一直是她想所追求的工作。以前做平面設計她一直跟我訴苦，突如其來地需求，不停的工作，缺少自我學習和思考的時間。現在她終于有機會做UI設計，我很替她高興。

以下是我們的對話

視覺妹子：現在終于可以做UI設計了，兩個星期完成了自己的第一個App，從logo的設計到icon的設計，從主色調到輔色調再到排版。感覺都比推廣設計要輕松太多了。

開發的我：這么厲害啊。以前做推廣設計和現在UI設計有什么不同嗎？

妹子：以前做推廣設計太苦逼多了，遇上難纏的運營或者市場就悲催了。設計出來總說這不好看那不好看，視覺沒突出活動主題（雙11，圣誕節，元旦節）、沒有體現產品特色、文案改了又改、沒有素材時還需要自己畫（素材還要考慮版權問題）、要考慮各種排版、各種字體、各種顏色搭配、有時候還要做flash動畫。

妹子：最糟糕的是，這種活動推廣的設計需求經常是突如其來。比如說上個月烏鎮世界互聯網大會，當天早上，運營說中午前必須趕出一個視頻直播的推廣視覺稿，弄得我中午都沒有休息，當天計劃的其它工作也沒有完成。

我：突入其來的需求確實是很惱人的，如果運營最好能夠提前預知未來需要做什么。但是很多情況下，由于運營自身或者工作流程的問題，會有很多不可預估的工作。那現在你覺得做UI設計有何不同呢 ？

妹子：現在UI設計的時間是可控的，我能夠預估我今天是否需要加班，我這個產品版本迭代周期的工作量，在UI設計中的難點。同時我不需要考慮像推廣設計過程中種種問題，不需要花哨的字體，不需要陰影，不需要畫各種素材和插畫。最重要的是，我的產品經驗是累積的，下個版本的視覺迭代是在這個版本的基礎上，給了我很多思考的時間。

我：確實，你以前經常和運營和市場人員打交道，他們的定位是視覺是為推廣和市場服務的。如果視覺設計得不好，可能影響banner的點擊量，花了很多錢去推廣安裝量，可能因為視覺設計的不好看而讓用戶根本沒有心思去下載...運營和市場很多時候不會為視覺設計本人去考慮，在一些人心里，視覺就是美工，所以很多時候他們只能用好看不好看等詞語去評價視覺。

妹子：是的，其實有些時候推廣設計是靠自己感覺和經驗的累積，背后沒有那么多理論去支持。但是在UI設計中，產品定位，交互設計，iOS&Android設計規范，競品&精品的設計，開發實現方式，我們有很多參考和借鑒的東西，有章可循，可成系統。這個版本迭代如果設計得不夠完美，可以下個版本迭代中循循改進，推廣設計感覺就是一次性東西，比如這次雙11活動做完了，花了那么大精力，下次做一個校園推廣活動感覺沒用了。

我：嗯，還不錯嘛！都全棧設計了，看來成為大神指日可待啊...

妹子：但是在UI設計中我還是新手，和開發、交互、產品的溝通，還有很多地方需要學習。

我：嗯，做產品設計，同理心很重要，除了設計本身，大部分時間都是在溝通，如果溝通不好，后面工作就不太好施展開來了。

……

作為開發，在產品開發過程中，大量時間都在和UI視覺做溝通。深知，如果溝通不暢，將會導致一系列問題。視覺如何與開發更好地溝通，開發如何更好地理解視覺呢？

視覺如何與開發更好地溝通

• UI設計師主動參與到產品需求討論中，學會傾聽，這樣可以更快速地了解產品，了解交互，了解開發的技術實現難點。從而減少信息的不對稱、產品需求理解的不一致。

• 設計視覺規范，一些通用模塊以規范性的視覺稿給出，比如通用的背景顏色，字體大小，字體顏色，加載動畫，列表間距，動畫參數。如特殊地方需特殊標明。

• 視覺風格確定后，視覺設計后期，多考慮空態、加載失敗、圖片沒有加載出來等異常情況下的視覺表現。

• 跨視覺設計學習，了解下開發的實現原理。比如：頁面布局的實現方式（比如iOS的xib布局）、基本控件、列表實現的基本原理等。這樣在溝通時才能有效地理解開發所描述的信息。對于不懂的地方可以隨時向開發討教，相信大部分開發還是愿意分享的。

• 建立與開發的信任。不說“實現很簡單”，“只是改了個間距或者圖標而已”等話語。

• 大局觀，當按照視覺稿開發確實有實現難度時，考慮上線時間及實現成本，尋求折中設計方案。追求完美雖然必要，學會適當的妥協和欣賞殘缺美，退一步海則海闊天空，形式追隨功能。

• 和開發做朋友。

開發如何更好地理解視覺

• 稍微學點美學，學點基本的色彩、構圖知識。多逛逛視覺設計網站，如Dribbble，Sketch，或者你先可以先去了解日本的一些設計大師。

• 不以“不好看”等沒有建議性的話語去評論視覺。

• 尊重視覺的勞動成果。視覺如同開發一樣，也是一項很有創造性的勞動，對于難以實現的視覺稿，不要僅一句話“不能實現”來回絕視覺設計師，從后期的維護、版本兼容、實現原理或者實現難度等角度曉之以情，動之以禮。

• 及時了解視覺的工作進度，合理安排各個模塊間的進度安排。

• 對于視覺稿有意義的地方及時與視覺溝通，不要等功能已經實現完再去責備視覺與開發不一致。

• 建立與視覺的信任，相信視覺設計師的專業性。

• 和視覺做朋友。

由此引發的其他一些其它思考

其實溝通導致的問題都是容易解決的，同理心很重要。我很尊重視覺設計這份職業，同時也很羨慕能做視覺設計的同事。其實不管是平面推廣設計還是移動端UI設計或者工業設計，不管是扁平還是擬物化，設計很多時候是相通的。

誰會說幾十年前的日本的工業設計和平面設計如今過時了呢？

前文提到的妹子能在很短期間內駕馭移動端UI設計是因為她在推廣設計方面的積累。如果她能夠對產品、交互、開發進一步了解，必然會在自我提高上更進一步。

但是在我所看到的近兩年，移動端設計很多方面都沒有創新，包括交互。競品間都相互“借鑒”，小到icon大到整個產品。不過技術終將會改變世界，相信隨著AR和VR、智能設備等技術發展，在交互上的創新也會越來越多。

技術上，誰知道iOS & Android等平臺十年后會不會不復存在呢，那時又有多少開發面臨失業？但對美的向往永遠是我們更古不變的追求。

網易云信∣讓開發和視覺在一起

ID：neteaseim ?長按識別，關注精彩

總結

以上是生活随笔為你收集整理的一场开发与视觉的对话引发的思考的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。