流程圖可以說是最古老，最簡單，卻最有價值的圖表設(shè)計(jì)，它幾乎被運(yùn)用到所有的生產(chǎn)中。每個設(shè)計(jì)，甚至每個工作都是有流程在里面的，一切設(shè)計(jì)都要基于流程。
建立自己的設(shè)計(jì)流程和培養(yǎng)自己的設(shè)計(jì)風(fēng)格是相輔相成的，這些設(shè)計(jì)流程的特殊性將有可能幫你度過瓶頸期。
我相信每個設(shè)計(jì)師都有各自的設(shè)計(jì)流程，有的存于腦海，有的躍于紙上...腦海是或多或少都有的，但是寫出來畫出來的估計(jì)很少吧，特別是個人設(shè)計(jì)師。設(shè)計(jì)團(tuán)隊(duì)的設(shè)計(jì)流程圖相信大家都見過不少，收藏了不少，我也收藏了很多。
本來一個設(shè)計(jì)師的設(shè)計(jì)過程是神秘而且保密的，所以有那么一句話，站在設(shè)計(jì)師的背后是不道德的。
但是設(shè)計(jì)流程圖不同，設(shè)計(jì)流程圖不僅能給自己清晰明了的思路，展示給你的客戶或者需求人也能讓他清楚明白的知道你的工作。
相比之下，國外的設(shè)計(jì)師們就很樂于把自己的設(shè)計(jì)流程寫出來，畫出來，在臉書和推特看過不少設(shè)計(jì)師分享自己的各式各樣的設(shè)計(jì)流程圖，國外設(shè)計(jì)社區(qū)InVisionapp也在倡導(dǎo)大家分享自己的設(shè)計(jì)流程圖。
當(dāng)看到這些國外設(shè)計(jì)師的流程圖，我也萌生了把自己的設(shè)計(jì)流程畫出來的想法。
我現(xiàn)在工作團(tuán)隊(duì)的視覺設(shè)計(jì)流程圖
以下是現(xiàn)在工作團(tuán)隊(duì)的設(shè)計(jì)流程，也是我個人總結(jié)，僅供參考，僅供參考，僅供參考。
一、溝通
首先，運(yùn)營或者推廣會發(fā)一份WORD文檔、EXCEL表格或者直接是文本，里面會有布局（豆腐塊、交叉等）、產(chǎn)品（產(chǎn)品顏色、款號等）、文案內(nèi)容（主標(biāo)題、副標(biāo)題、正文、輔助說明）、風(fēng)格類型（包括有的可能會提供參考）、展示網(wǎng)址等。需求人發(fā)給設(shè)計(jì)組Leader，設(shè)計(jì)組Leader會檢查相關(guān)文檔內(nèi)的內(nèi)容提供是否完整，然后派給一位資深設(shè)計(jì)師進(jìn)行跟蹤設(shè)計(jì)，這位資深設(shè)計(jì)師收到后有相關(guān)問題及時找需求人進(jìn)行單獨(dú)溝通(可能是在QQ或者微信上，也可能是需求人到設(shè)計(jì)師崗位進(jìn)行溝通)，資深設(shè)計(jì)師會根據(jù)設(shè)計(jì)項(xiàng)目的工作量再進(jìn)行分解到設(shè)計(jì)助理，并與設(shè)計(jì)助理溝通。
二、分析研究
與需求人溝通完后，設(shè)計(jì)師會分析需求內(nèi)容，確定好目標(biāo)，以及想要傳達(dá)什么樣的信息。受眾是誰？該用什么樣的表現(xiàn)方式取悅該受眾群體，比如男人要用粗狂的字體，女人的話要盡量靠近纖細(xì)柔美。查看相關(guān)競品，他做的好的有哪方面，做的不足的我該怎么規(guī)避，是否能在差異化的情況下超越他，或者直接延伸以及超越他的創(chuàng)意。
三、腦暴
溝通和分析研究后，提取關(guān)鍵詞，主要信息，一般能在文案特別是主標(biāo)題、副標(biāo)題中提取。利用關(guān)鍵詞在腦中發(fā)散相關(guān)靈感，然后再去花瓣、pinterest等靈感采集平臺相關(guān)尋找靈感，元素，可以把單獨(dú)的好創(chuàng)意好表現(xiàn)形式截圖下來，或者把整個設(shè)計(jì)圖保存下來，這方面需要多花時間整理尋找，元素和素材爭取找到最好的最滿意的，實(shí)在找不到最好的，就以次好的，這里推薦《佐藤可士和的超整理術(shù)》，整理得出相關(guān)信息的重點(diǎn)內(nèi)容，元素，素材等。
佐藤可士和的超整理術(shù)
佐藤可士和的超整理術(shù)
四、草圖
在紙上繪制簡單的草圖，把一切的概念添加進(jìn)去，確定要文案內(nèi)容的編排，視覺排版布局，元素的大小、形狀，草圖不需要精美，自己能看懂就可以。查看相關(guān)文章揭示：國外設(shè)計(jì)師是怎樣手繪草圖的？設(shè)計(jì)師如何快速有效地畫草圖？(譯)
五、PS
按照草圖以及參考圖，靈感元素，開始在Photoshop中設(shè)計(jì)，網(wǎng)頁設(shè)計(jì)的一般順序是從上到下，更何況首屏是最很重要的，其他的bannei、廣告圖等就需要整體，設(shè)計(jì)內(nèi)容的順序一般是從底部背景著手，再添加產(chǎn)品、文案，進(jìn)行細(xì)化排版，調(diào)整布局，盡量靠近目標(biāo)主旨。
六、修改
視覺稿設(shè)計(jì)好后發(fā)給設(shè)計(jì)組Leader，他會對你的視覺稿進(jìn)行設(shè)計(jì)層面的溝通修改指導(dǎo)。完后，發(fā)給需求人，也許他會提出新的目標(biāo)新的想法，文案或許會改動，產(chǎn)品或許會更換。。。
七、完成
最終修改完成后，發(fā)給編輯或者需求人，他會把設(shè)計(jì)圖放到相關(guān)網(wǎng)頁上或者手機(jī)上，這是要提醒他上傳后提供鏈接或者查看方式，以便進(jìn)行追蹤效果，如有偏差則進(jìn)行相關(guān)調(diào)整修改，確認(rèn)無誤之后就開始新的任務(wù)吧。
這就是我現(xiàn)在工作團(tuán)隊(duì)的基本設(shè)計(jì)流程，我總結(jié)的比較簡略，希望能給大家一點(diǎn)啟發(fā)。當(dāng)然，每個人的設(shè)計(jì)流程、設(shè)計(jì)方法都不同，所以也不要按照我們的這個流程，借喻一句話“盡信書不如無書”，我工作團(tuán)隊(duì)的設(shè)計(jì)流程僅供參考，也歡迎進(jìn)行拍磚。
下面是一些國外設(shè)計(jì)師的設(shè)計(jì)流程圖
商業(yè)數(shù)學(xué)軟件MATLAB的設(shè)計(jì)流程圖
Duoh的CEO兼設(shè)計(jì)師Veerle Pieters
短鏈接服務(wù)Bitly的視覺設(shè)計(jì)Leader
品牌設(shè)計(jì)師Jacob Cass
UI和平面設(shè)計(jì)師Wolfgang Bartelme
Rock Ventures首席設(shè)計(jì)師Chris Kaufman
Officevibe導(dǎo)演Jeff Fermin
發(fā)行人/創(chuàng)意總監(jiān)Victoria Smith
Fresh ID負(fù)責(zé)人兼創(chuàng)始人Kristi Colvin
網(wǎng)頁和平面設(shè)計(jì)師，攝影師AJ Patel
產(chǎn)品設(shè)計(jì)師Antonio Carusone
Graphility創(chuàng)意總監(jiān)Hector Hurtado
美國赫斯特制作大師兼UX設(shè)計(jì)師Matthew Lippl
體驗(yàn)設(shè)計(jì)師Anna Iurchenko
作者：茂趣創(chuàng)意/茂哥，流程圖來源：相關(guān)設(shè)計(jì)師的推特、臉書、InVisionapp
關(guān)注微信公眾號：茂趣創(chuàng)意（maofuns），每天分享國內(nèi)外最新最有趣創(chuàng)意資訊，互聯(lián)網(wǎng)設(shè)計(jì)經(jīng)驗(yàn)，PS教程等
