最近一年多，我們在設計企業級產品時走了很多的彎路，這些彎路促使我們嘗試新的設計方法和思路，每一次嘗試我們都發現比之前做的更好。因此我把這些踩過的「坑」分享出來，希望後面的人可以少走彎路。
企業級產品(to b)和c端產品不同，在國內，c端產品競爭十分激烈、設計的同質化也比較嚴重，設計師其實比較難有大的創新。我經常苦惱在收到很多簡歷作品時很難判斷誰更優秀一些，限於產品本身的性質，設計看起來似乎都差不多。而to b的產品在國內近年來有強勢的發展，對 to b產品的設計研究，目前在行業內是乙個空白。
可以肯定的是，由於 to b產品的複雜性及極端性，適用於 to b 產品的設計方法，可以更好的作用於 to c ommalj的產品上。比如同樣的方法，做 to b 的產品只是勉強夠用，而做 to c的產品也許可以輕鬆的做到「一稿就過」。當然，「一稿就過」不是目的，目的是設計出能夠正確體現產品定位、突出強調產品個性、具有創新風格的優秀設計作品。
第乙個坑：缺乏行業特徵第一次設計產品官網時，我們和視覺設計師一起進行了深入的討論，大家也各自做了競品分析，主要是研究目前流行的設計風格。之後，兩個視覺設計師各自出了一版設計稿，可以說各有千秋，所以最終的設計稿融合了兩者的優勢。由於當時上面要的很急，所以這稿很快就通過並上線了。
幾個月後，隨著對產品的不斷深入了解，大家發現了問題：現有設計太偏c端風格，完全不具有行業特徵(因為之前研究的都是設計師熟悉的c端設計風格，沒有關注過 to b 產品)。所以後面我們在產品經理的建議下，蒐集了大量設計師之前完全沒有聽過的行業產品(我們沒有競品，所以只能看範圍更大的行業產品)，對它們進行了深入的研究，分析兩者的差異、原因(c更偏離散、娛樂、情感;b更偏組織、效率、商業等)以及由此帶給設計的影響。
這個「坑」告訴我們，不要想當然的把自己當做使用者，而是要先理解產品的定位及行業特徵。以前ommalj做c端產品時我們都認為自己在這方面很專業，但是卻忽略了對 to b 產品的陌生及業餘，以至於造成了「表裡不一」的設計失誤。c端產品也是一樣的，隨著「網際網路+」的興起，設計師有機會接觸到更多的行業，設計師務必了解各行各業的差異及特徵，而不要想當然的憑藉既往經驗做設計。
第二個坑：老闆說沒感覺有了第乙個坑的經驗，我們在後面設計logo時非常注重對產品的分析：先通過內部訪談了解產品定義並提煉客觀關鍵詞;再通過情緒板的方法提煉感官關鍵詞;最後通過競品分析、頭腦風暴等方式在前面關鍵詞的基礎上提煉品牌個性關鍵詞及相關視覺元素;最終呈現出一批logo程式設計客棧方案。我們用了兩周的時間，經過不斷的試錯完成了這個看似天衣無縫的過程(當然團隊一起加班也是少不了的)。在這個過程中，大家都感受到了進步及提公升。當時我懷著興奮及期待的心情把設計推導、過程，以及最終的設計結果一起呈現給老闆www.cppcns.com，但是她只說了句「沒感覺」，然後就組織其他leader一起討論logo方案，甚至在現場寫寫畫畫。
當時我的心情可以用」崩潰「來形容，我感覺在眾人面前尊嚴全無，感覺兩周的辛苦完全浪費了，感覺自己的專業能力被完全無視。團隊成員的積極性也受到了嚴重的打擊，有人覺得何必浪費精力去探索創新，老闆說啥就做啥挺好。那個時候我一度想過離職，因為我實在是不知道該怎麼面對後面的事情。
索性經過一段時間，我又恢復了理智，我發現之前的方法存在嚴重的問題：在設計過程中缺乏老闆及其他leader的參與。這麼做絕不是為了迎合老闆，而是對於乙個 to b 產品來說，理解的成本非常高，不管是格局、經驗，還是其他因素，設計師都難以到達和leader同樣的高度，而這個問題在c端產品上雖也存在，但不至於那麼明顯(c端的產品理解成本較低，大家的理解不會存在太大偏差)。比如同樣是對於大資料，我們想到的關鍵詞是」實驗、匯聚、科技、工具、安全、價值」等，而老闆可能想到的是「0和1、太極、宇宙、水晶球「等等。
我們具體是怎樣做的呢?當然不是直接問老闆要怎樣設計啦，而是採用一種」預訪談「的形式，我給它起了個名字叫」投石問路「法。
首先，我們從老闆、技術leader、產品經理推薦過的行業產品中，挑出一些設計方面比較好或有個性的**，再加上我們自己找的一些不錯的**，總共二十個左右。把這些**的首屏截圖放到乙個資料夾中;同時也找了大量各種型別的logo，按照不同的設計形式分組放到一張大圖里製作成圖譜。我們邀約老闆和各位leader一起逐一**這些，同時準備了五個問題：
①目前**介面有哪些問題?期望本次改版達到什麼效果?
②請整體評價這些logo/介面，有沒有哪些點符合咱們產品的氣質?
③大家認為咱們的產品應該體現出什麼感覺/氣質?
④如果把咱們的產品比作乙個人，是什麼樣的人?
⑤哪些logo/**整體貼近咱們產品的感覺?為什麼?
老闆和各位leader非常耐心、客觀的回答了這些問題，在這個過程中我也為他們對產品的深刻見解深深折服。以前我很自傲，覺得設計的事情應該設計師來解決，老闆的意見往往是主觀、不專業的。而通過這次會議，我認識到對設計的理解更多的不是**於設計專業本身，而是對產品的理解。
結束會議後，我們團隊成員都對產品、設計方向有了更深入的理解，感覺設計方向清晰了許多。
第三個坑：正確但不出彩設計是什麼?設計是理性+感性的結合。這個道理相信大家都懂，但一到身處其中的時候就很容易忘記。我們之前關注感覺，導致產品缺乏行業特徵;後來我們又開始關注產品特徵，導致設計缺乏意境。這兩者都造就了「不正確的設計」，它們是無法得到認可的。
最後我們終於完成了受到老闆認可的「正確的」設計，但是沒過多久我又發現了新的問題：我們做的是「正確但平庸」的設計。
舉個例子，有個互動設計師為了設計好版式布局，參考了很多同行業產品，並發現了共通的規律;結合自身的產品訴求，最後完成了介面布局設計。正是這件事情撼動了我，因為我發現這個設計平庸至極，但卻又挑不出錯誤，因為她確實嚴格遵照了分析的結果。她也覺得這樣是沒問題的，也沒有想過要在此基礎上繼續發揮想象和創意，直至完成既能正確體現產品定位、突出強調產品個性、又具有創新風格的優秀設計作品。我們當時的視覺設計也有類似的問題。
由此我意識到，無論是互動還是視覺，都是理性與感性的雙重交織：理性的分析幫助我們限定問題的邊界，縮小範圍;而感性的創意幫助我們在乙個聚焦的點上無限發揮，最終得到乙個既正確又個性、創新且能夠觸動人心的作品。然而把握好理性與感性的邊界點又是何其困難。我們常遇到非常感性或非常理性的人，卻很難遇到兩者兼而有之的人，如果你是其中一類人，請不要排斥另一類，換種不同的思維方式可以幫助你做得更好。
現在，我們還在繼續前行，前面也許還有無數「坑」，但踩得越多，我們完成設計的質量和效率也明顯越好。
本文標題: 視覺設計如何「一稿就過」？
本文位址: /news/exp/58049.html
一稿設計，多端適配優雅的解決方案 rem
規範目的 為提高前端團隊開發效率，輸出高質量的前端頁面 提高ui設計還原度，特編寫該規範文件。本文件如有不對或者不合適的地方請及時提出。js 塊 function doc,win else if doc.addeventlistener return win.addeventlistener res...
蘋果如何實現乙份設計稿支援多個尺寸
本文 至 隨著蘋果發布兩種新尺寸的大屏iphone 6，ios平台尺寸適配問題終於還是來了，移動設計全面進入 雜屏 時代。1 選擇一種尺寸作為設計和開發基準 2 定義一套適配規則，自動適配剩下兩種尺寸 3 特殊適配效果給出設計效果。第一步，視覺設計階段，設計師按寬度750px iphone 6 做設...
從乙隻桶看設計如何「化腐朽為神奇」
在設計產品時，人們思維的起點並非乙個全新的事物。對這個世界來講，你新想到的新產品或概念只是個 常規化 normal 東西，然後慢慢來修正它，最終它會成長為乙個化腐朽為神奇 super normal 的存在。比如，現在要你設計乙個日常生活中用的 但頗具創意的金屬桶，最初的時候你腦子裡呈現的應該還是乙隻...