流程圖可以說是最古老腿倚,最簡單黔帕,卻最有價值的圖表設(shè)計鹃共,它幾乎被運(yùn)用到所有的生產(chǎn)中捡偏。每個設(shè)計荷愕,甚至每個工作都是有流程在里面的,一切設(shè)計都要基于流程牍帚。
建立自己的設(shè)計流程和培養(yǎng)自己的設(shè)計風(fēng)格是相輔相成的儡遮,這些設(shè)計流程的特殊性將有可能幫你度過瓶頸期。
我相信每個設(shè)計師都有各自的設(shè)計流程履羞,有的存于腦海峦萎,有的躍于紙上...腦海是或多或少都有的屡久,但是寫出來畫出來的估計很少吧忆首,特別是個人設(shè)計師爱榔。設(shè)計團(tuán)隊的設(shè)計流程圖相信大家都見過不少,收藏了不少糙及,我也收藏了很多详幽。
本來一個設(shè)計師的設(shè)計過程是神秘而且保密的,所以有那么一句話浸锨,站在設(shè)計師的背后是不道德的唇聘。
但是設(shè)計流程圖不同,設(shè)計流程圖不僅能給自己清晰明了的思路柱搜,展示給你的客戶或者需求人也能讓他清楚明白的知道你的工作迟郎。
相比之下,國外的設(shè)計師們就很樂于把自己的設(shè)計流程寫出來聪蘸,畫出來宪肖,在臉書和推特看過不少設(shè)計師分享自己的各式各樣的設(shè)計流程圖,國外設(shè)計社區(qū)InVisionapp也在倡導(dǎo)大家分享自己的設(shè)計流程圖健爬。
當(dāng)看到這些國外設(shè)計師的流程圖控乾,我也萌生了把自己的設(shè)計流程畫出來的想法。
我現(xiàn)在工作團(tuán)隊的視覺設(shè)計流程圖
以下是現(xiàn)在工作團(tuán)隊的設(shè)計流程娜遵,也是我個人總結(jié)蜕衡,僅供參考,僅供參考设拟,僅供參考慨仿。
一、溝通
首先纳胧,運(yùn)營或者推廣會發(fā)一份WORD文檔镰吆、EXCEL表格或者直接是文本,里面會有布局(豆腐塊躲雅、交叉等)鼎姊、產(chǎn)品(產(chǎn)品顏色、款號等)相赁、文案內(nèi)容(主標(biāo)題相寇、副標(biāo)題、正文钮科、輔助說明)唤衫、風(fēng)格類型(包括有的可能會提供參考)、展示網(wǎng)址等绵脯。需求人發(fā)給設(shè)計組Leader佳励,設(shè)計組Leader會檢查相關(guān)文檔內(nèi)的內(nèi)容提供是否完整休里,然后派給一位資深設(shè)計師進(jìn)行跟蹤設(shè)計,這位資深設(shè)計師收到后有相關(guān)問題及時找需求人進(jìn)行單獨(dú)溝通(可能是在QQ或者微信上赃承,也可能是需求人到設(shè)計師崗位進(jìn)行溝通)妙黍,資深設(shè)計師會根據(jù)設(shè)計項目的工作量再進(jìn)行分解到設(shè)計助理,并與設(shè)計助理溝通瞧剖。
二拭嫁、分析研究
與需求人溝通完后,設(shè)計師會分析需求內(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è)計圖保存下來,這方面需要多花時間整理尋找咖熟,元素和素材爭取找到最好的最滿意的圃酵,實在找不到最好的,就以次好的馍管,這里推薦《佐藤可士和的超整理術(shù)》郭赐,整理得出相關(guān)信息的重點(diǎn)內(nèi)容,元素确沸,素材等捌锭。
佐藤可士和的超整理術(shù)
佐藤可士和的超整理術(shù)
四俘陷、草圖
在紙上繪制簡單的草圖,把一切的概念添加進(jìn)去观谦,確定要文案內(nèi)容的編排拉盾,視覺排版布局,元素的大小坎匿、形狀盾剩,草圖不需要精美雷激,自己能看懂就可以替蔬。查看相關(guān)文章揭示:國外設(shè)計師是怎樣手繪草圖的?設(shè)計師如何快速有效地畫草圖屎暇?(譯)
五承桥、PS
按照草圖以及參考圖,靈感元素根悼,開始在Photoshop中設(shè)計凶异,網(wǎng)頁設(shè)計的一般順序是從上到下,更何況首屏是最很重要的挤巡,其他的bannei剩彬、廣告圖等就需要整體,設(shè)計內(nèi)容的順序一般是從底部背景著手矿卑,再添加產(chǎn)品喉恋、文案,進(jìn)行細(xì)化排版母廷,調(diào)整布局轻黑,盡量靠近目標(biāo)主旨。
六琴昆、修改
視覺稿設(shè)計好后發(fā)給設(shè)計組Leader氓鄙,他會對你的視覺稿進(jìn)行設(shè)計層面的溝通修改指導(dǎo)。完后业舍,發(fā)給需求人抖拦,也許他會提出新的目標(biāo)新的想法,文案或許會改動舷暮,產(chǎn)品或許會更換态罪。。脚牍。
七向臀、完成
最終修改完成后,發(fā)給編輯或者需求人诸狭,他會把設(shè)計圖放到相關(guān)網(wǎng)頁上或者手機(jī)上券膀,這是要提醒他上傳后提供鏈接或者查看方式君纫,以便進(jìn)行追蹤效果,如有偏差則進(jìn)行相關(guān)調(diào)整修改芹彬,確認(rèn)無誤之后就開始新的任務(wù)吧蓄髓。
這就是我現(xiàn)在工作團(tuán)隊的基本設(shè)計流程,我總結(jié)的比較簡略舒帮,希望能給大家一點(diǎn)啟發(fā)会喝。當(dāng)然,每個人的設(shè)計流程玩郊、設(shè)計方法都不同肢执,所以也不要按照我們的這個流程,借喻一句話“盡信書不如無書”译红,我工作團(tuán)隊的設(shè)計流程僅供參考预茄,也歡迎進(jìn)行拍磚。
下面是一些國外設(shè)計師的設(shè)計流程圖
商業(yè)數(shù)學(xué)軟件MATLAB的設(shè)計流程圖
Duoh的CEO兼設(shè)計師Veerle Pieters
短鏈接服務(wù)Bitly的視覺設(shè)計Leader
品牌設(shè)計師Jacob Cass
UI和平面設(shè)計師Wolfgang Bartelme
Rock Ventures首席設(shè)計師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è)計師侦厚,攝影師AJ Patel
產(chǎn)品設(shè)計師Antonio Carusone
Graphility創(chuàng)意總監(jiān)Hector Hurtado
美國赫斯特制作大師兼UX設(shè)計師Matthew Lippl
體驗設(shè)計師Anna Iurchenko
作者:茂趣創(chuàng)意/茂哥耻陕,流程圖來源:相關(guān)設(shè)計師的推特、臉書刨沦、InVisionapp
關(guān)注微信公眾號:茂趣創(chuàng)意(maofuns)诗宣,每天分享國內(nèi)外最新最有趣創(chuàng)意資訊,互聯(lián)網(wǎng)設(shè)計經(jīng)驗想诅,PS教程等