【設(shè)計師專訪】韓雪冬：輕視覺 重體驗

站酷網(wǎng)：是什么吸引你投身網(wǎng)頁設(shè)計，又是什么讓你堅持到現(xiàn)在?

韓雪冬：剛畢業(yè)的時候發(fā)現(xiàn)自己設(shè)計能力特別弱，特別迷茫。在網(wǎng)頁設(shè)計之前，我做過平面設(shè)計和展覽展示但都不是很理想。偶然在網(wǎng)上發(fā)現(xiàn)國外的一些很好的網(wǎng)站作品，發(fā)現(xiàn)原來網(wǎng)頁還可以這么玩，特別興奮。于是開始萌生對網(wǎng)頁設(shè)計的興趣。那時候也不上班，自己在家嘗試著做了很多個人網(wǎng)站，感覺很好玩很有新鮮感，可以說除了睡覺吃飯就是做網(wǎng)頁。當(dāng)時就是純玩，甚至不知道有網(wǎng)頁設(shè)計這個行業(yè)。我記得我最早上班工資800，最多才賺過1200，后來在網(wǎng)絡(luò)發(fā)布自己的網(wǎng)頁作品，網(wǎng)友告訴我你這水平至少四五千，我還不相信。后來才開始找工作，正式邁入這個行業(yè)。

也是因為興趣，沒有把它當(dāng)做一份工作去做，才一直堅持到現(xiàn)在。

站酷網(wǎng)：你是一個技術(shù)控嗎?早期你進(jìn)行了很多圖形處理練習(xí)(在站酷就發(fā)布了很多)，你是如何通過習(xí)作提高自己的?

韓雪冬：我不是技術(shù)控。技術(shù)只是讓我去實現(xiàn)一些想法的工具而已。做各門類的設(shè)計時可能都會有迷茫期，或者因為客戶等因素導(dǎo)致的對設(shè)計的發(fā)揮限制問題。做圖形處理只是為了換換腦子，做些工作之余的休閑品吧。

練習(xí)可以讓我的腦子更放肆地去想些事情，可以讓我有足夠大的發(fā)揮空間?？吹揭恍┳约汉芨信d趣的設(shè)計時，我就會想去試試看，突然有個想法，就想馬上做出來。做得多了，慢慢理解得多了，自然就會提高了。

宇宙企畫

站酷網(wǎng)：你會從何處獲得靈感?國內(nèi)外欣賞的設(shè)計師有哪些?

韓雪冬：靈感基本都是來自于國外的設(shè)計，經(jīng)常去逛behance和awwwards也收集了很多國外的好的網(wǎng)頁設(shè)計的作品。欣賞的設(shè)計師：杜海航、Alexey Masalov、Isotop by Isobar、Alexander Laguta、Brijan Powell等等。

設(shè)計是需要積累的。你沒見過的事物你憑空去想很難，但如果是站在巨人的肩膀上去做，把東西打散，通過自己的想法去加工，重組就很簡單。舉個例子，讓你去設(shè)計汽車，你沒有見過汽車一定沒有見過汽車的人做得好。因為你沒見過，你都不知道汽車有轱轆，你以為它有腿，以為它是方的。

站酷網(wǎng)：今年是你從事網(wǎng)頁設(shè)計的第十年了，這十年來網(wǎng)頁設(shè)計行業(yè)最大的變化是什么?

韓雪冬：去掉了很多形式化的東西，視覺被弱化，更注重用戶體驗，內(nèi)容獲取，交互行為等。一個網(wǎng)站不僅要考慮桌面端了，還要考慮移動端，既考慮鼠標(biāo)行為，也要考慮手勢行為的設(shè)計。繁雜的視覺被拋棄也是因為在跨平臺上出現(xiàn)了很大的限制。手機(jī)成為不可忽視的重要設(shè)備，手機(jī)端怎么能在碎片化時間里馬上吸引到用戶，如何讓用戶在極短的時間內(nèi)能夠更方便更快速地找到想要的內(nèi)容，都是設(shè)計師們需要考慮的。

站酷網(wǎng)：我們經(jīng)常會聽到網(wǎng)頁設(shè)計師提出這樣的疑問，你的設(shè)計我也能做出來，到底好在那里?我的作品也很用心，到底差在哪里了?你認(rèn)為網(wǎng)頁設(shè)計作品的高下體現(xiàn)在哪?

韓雪冬：用心了我也相信，可是心用的不是地方。設(shè)計師很容易把所有的關(guān)注點完全放在視覺上，而忽略用戶真正的需求。早年的網(wǎng)頁設(shè)計是以視覺呈現(xiàn)為主，近幾年網(wǎng)頁設(shè)計越來越弱化視覺了，比如說扁平化更考慮交互和體驗的東西。另外，網(wǎng)站和平面作品和攝影作品不一樣，它是一個整體，是有動效，有人機(jī)交互的。比如，國際頂尖的一些獲獎的網(wǎng)站作品，你將它的設(shè)計稿拿出來，他的視覺表現(xiàn)也一般，因為他是一個整體。比如它的網(wǎng)頁是有視差的，要進(jìn)行滾動加載，就會加入很多動畫，讓交互更豐富起來，這時候一個簡單的設(shè)計稿是看不到的。

網(wǎng)頁設(shè)計作品的高下也正體現(xiàn)在是否站在客戶的立場上去分析設(shè)計的體驗交互形式和視覺表現(xiàn)形式。如果設(shè)計師每次都以自己的想法去考慮設(shè)計的話，設(shè)計得再漂亮也一文不值。

美國中餐廳網(wǎng)站

站酷網(wǎng)：大家都在談用戶體驗，在你看來，客戶們足夠關(guān)心用戶體驗嗎?我們的網(wǎng)頁設(shè)計師足用戶體驗嗎?韓雪冬：我覺得是都關(guān)心的，但關(guān)心的點可能不太一樣吧。沒有一個客戶喜歡特別差的體驗。他們不是專業(yè)的，需要我們設(shè)計師進(jìn)行引導(dǎo)。就拿導(dǎo)航舉例子。為什么要用輕導(dǎo)航，用戶在操作行為上有什么不同?導(dǎo)航輕的話會讓用戶更容易更方便地去找到他們想要的東西，然后再做引導(dǎo)性的內(nèi)容。很多客戶不了解設(shè)計，也不了解用戶行為，覺得什么東西都是重要的，都要放出來，這時候就需要設(shè)計師來引導(dǎo)了，而不是客戶讓怎么做就怎么做。

而目前我們做網(wǎng)站的設(shè)計師，說實話，對用戶體驗的考慮還是比較弱，還是偏視覺?？赡芤彩呛芏嗳税炎约憾ㄎ怀梢曈X設(shè)計師，以美為第一觀點，只考慮怎么突破上一版，完全按自己感覺做。

站酷網(wǎng)：你說過要用做UI的概念來做網(wǎng)頁設(shè)計，怎么理解這話呢?

韓雪冬：網(wǎng)頁設(shè)計應(yīng)該學(xué)習(xí)UI的規(guī)范意識。網(wǎng)頁設(shè)計做了這么久，我發(fā)現(xiàn)很多網(wǎng)頁設(shè)計師完全沒有規(guī)范意識，可能是普遍認(rèn)為網(wǎng)頁設(shè)計的門檻比較低吧。其實網(wǎng)頁設(shè)計要考慮的因素肯定會更多，比如分辨率的問題，兼容性的問題等等，但很多人還是以視覺呈現(xiàn)為主，真正了解產(chǎn)品的太少。舉個簡單的例子，現(xiàn)在網(wǎng)站設(shè)計也開始流行貼圖了，有的人做桌面端的一個網(wǎng)頁，他的貼圖是有人拿著手機(jī)看網(wǎng)頁，但是這個網(wǎng)頁還是桌面端的，只是縮小了，其實根本不匹配。

網(wǎng)頁的規(guī)范性東西太少了，做的東西很不專業(yè)，展示行為過于單一。這一點國外做得很好，現(xiàn)在國外非常流行對網(wǎng)頁進(jìn)行解析。比如一個網(wǎng)頁里有背景層，顏色層，視覺表現(xiàn)層，有導(dǎo)航，我會做解剖圖把他們呈現(xiàn)出來，每層是什么，每層的上下關(guān)系是什么，能讓前端或者客戶很清楚地知道。我還會做動態(tài)效果圖展現(xiàn)網(wǎng)站的交互。

為什么現(xiàn)在很多設(shè)計師反而不考慮這么多了?因為現(xiàn)在分工更細(xì)了，很多設(shè)計師不會H5，不會動畫，不像我們那時候每個網(wǎng)頁設(shè)計師都得會FLASH，會代碼。

優(yōu)藝客工作室

站酷網(wǎng)：優(yōu)藝客是一個什么樣的團(tuán)隊?

韓雪冬：我們團(tuán)隊沒有業(yè)務(wù)人員，只有設(shè)計前端和開發(fā)，每個人的能力都很棒，很感謝他們……因為現(xiàn)在我們除了做設(shè)計，還要做平臺，還準(zhǔn)備做產(chǎn)品。所以目前一直在調(diào)整中。雖然我們是網(wǎng)站設(shè)計起家，但我想把精力放在產(chǎn)品上，產(chǎn)品設(shè)計有可能是我們未來的發(fā)展方向。

站酷網(wǎng)：你們有什么好的工作流程和方法?

韓雪冬：溝通我認(rèn)為是最好最快的解決方法。我認(rèn)為設(shè)計師是必須要去了解客戶需求的，了解得越準(zhǔn)確，越會站在客戶的立場上思考，而不是做美化工作，俗稱美工。設(shè)計本身是感性的，就像寫作文，有些人覺得好有些人就覺得不好?？蛻粝胍氖巧⑽模O(shè)計師給的是文言文，寫得再好，有什么用呢?

我以前性格特別內(nèi)向，不擅長人際交際，不喜歡和別人交流，特別跟客戶，甚至是排斥交流的。但因為工作沒有辦法，只能逼著自己溝通?，F(xiàn)在溝通基本成為我的強(qiáng)項了。之前遇到一個客戶，將我給他做的稿完全pass掉。客戶跟我生氣了，說這不行，太土了。然后，我通過兩小時的通話，完全把他說通，他最后非常滿意，一丁點修改都沒有，一稿過。因為客戶不了解設(shè)計，他很多時候只是按照自我的想法去考慮他要的是什么樣的，而我考慮的是用戶在操作這個網(wǎng)站的時候應(yīng)該是什么樣的。網(wǎng)站上線之后反響特別好。

南中圣淇

站酷網(wǎng)：遇到特別堅持己見的客戶怎么辦?溝通的時候有什么技巧?

韓雪冬：我覺得這個是分階段的，你的能力和環(huán)境都會決定你遇到的客戶。剛上班的時候我也遇上過，被客戶牽著走的，最后你就是美工，他讓你改哪改哪，沒法說自己的意見。近些年倒沒有遇到過這樣的客戶。

我溝通的時候從來不聊視覺。因為視覺是我們設(shè)計師的本職工作，連這個都做不好也不用叫設(shè)計了。你去跟客戶講設(shè)計，十個人來聽這個會議，我說這套顏色配得很漂亮，肯定就會有否決的人，這是沒有說服力的。你只有站在客戶或者用戶的立場上，告訴他這么做的原因是什么，這個顏色為什么加在這，這個版式為什么這么排，整個邏輯性是什么，用這個說服客戶。因為你是為客戶去想，有些東西想得比客戶還要多，客戶就不會較真。用專業(yè)能力打動他，讓他覺得你在這個行業(yè)是專家，他才會尊重你。

你可以說我是設(shè)計師我的審美比你高，但每個人的審美是不一樣的。視覺不是一個規(guī)范性的東西，不像數(shù)學(xué)一加一等于二。我覺得很多設(shè)計師出現(xiàn)比較多飛機(jī)稿的原因，就是考慮客戶太少，只是站在自己的立場，自己的審美上去考慮問題。

站酷網(wǎng)：整站的改版有哪些容易忽視的問題和禁忌?一般的流程是什么?

韓雪冬：先去考慮網(wǎng)站和品牌的情況，明確改版的目的是網(wǎng)站太陳舊，難看了，還是功能需求跟不上了，通過數(shù)據(jù)考慮再設(shè)計是完全推翻性的還是延續(xù)現(xiàn)有風(fēng)格的升級。如果網(wǎng)站本身知名度很低和網(wǎng)站知名度很高的再設(shè)計表現(xiàn)行為是完全不一樣的。如果客戶網(wǎng)站本身體驗很差，每天訪問量也很低，建議找出問題重新規(guī)劃，如果網(wǎng)站知名度很高了，對之前的用戶行為進(jìn)行分析，再考慮如何去再設(shè)計。

設(shè)計中的禁忌就是，設(shè)計師不要拿到這個項目就悶頭去做，考慮上述行為后做出的設(shè)計會更有說服力。設(shè)計本來就是一個圓，圓里有很多點，每個點都能發(fā)散出一條線來，如果去碰的話，有可能你的方向一上來就是錯的。所以我們要捋完需求再去做設(shè)計。

這時候我們要做的其實是引導(dǎo)客戶，引導(dǎo)的同時，你腦子里就會有一個大概的框架了。

牛扒工廠

站酷網(wǎng)：據(jù)了解，你是“挑活兒”的設(shè)計師，你覺得是什么吸引了這些客戶想盡辦法要找你來主持他們的設(shè)計?

韓雪冬：一般情況客戶主動聯(lián)系我們幾次的，我們基本都會考慮下。積累客戶靠的是口碑和社會化營銷，因為我覺得上趕著不是買賣、酒香不怕巷子深。如果我接到客戶的電話，不管做或不做，我都會給他們很多建議，爭取能夠幫助到他們，可能也是職業(yè)病吧。我們一般用作品說話。之前有個客戶問我，你們做得最好的設(shè)計是哪個?我很自信地告訴他們每個都是，因為客戶都非常滿意。

站酷網(wǎng)：從SOHO到更多伙伴的工作室，創(chuàng)業(yè)給你帶來了哪些挑戰(zhàn)?對想創(chuàng)業(yè)的設(shè)計師有什么建議?

韓雪冬：說實話，SOHO是做設(shè)計最舒服的時候，不用考慮那么多，沒事做幾單就夠幾個月的開銷了，還能存一些，想出去玩就出去玩，想休息就休息。但有了公司就不一樣了，要考慮的事會非常多，比較累，但初期的成就感會大于做SOHO時。首先你要學(xué)會管理，管理說起來很簡單，但對一個設(shè)計師來說，還是有些難度的，我還在不斷的學(xué)習(xí)當(dāng)中……

設(shè)計師想創(chuàng)業(yè)做SOHO我很支持，但開公司的話，還是要多考慮下。你是不是能夠站在客戶角度想問題，客戶群體足不足，這些前提保證了之后才考慮能不能開公司。

站酷網(wǎng)：很久前站酷有個帖子，有人說韓雪冬和甄瑞芳是設(shè)計界的“神雕俠侶“，能和我們說說神雕俠侶是如何共闖江湖的嗎?

韓雪冬：哈哈。我們都是做網(wǎng)頁設(shè)計的，但設(shè)計的風(fēng)格和方向不同，我們接過的項目類型很多，也是因為我們擅長的方向不一樣。說實話大的項目都是她做的，我做不了。比如之前做的民生銀行、雅虎、搜狐等都是我老婆做的。我之前也做過類似網(wǎng)站，但曾經(jīng)有客戶給我打電話說，你別做了，還是你老婆做吧，你做得不行。相比我當(dāng)時更擅長做一些比較個性化的設(shè)計，我覺得這類設(shè)計發(fā)揮的空間可能會更大些。

記得剛做SOHO時，我們倆每天11點半起床，起來后爸媽就做好飯了，吃完飯看法制進(jìn)行時，接著找個電影看，看完做一會兒設(shè)計，然后出去散步，回來吃完晚飯7-9點左右上會兒網(wǎng)，看看新聞什么的，然后再做設(shè)計。那段時間是我們做設(shè)計工作最輕松的時候。因為我是北京人，吃喝住都不要花錢，所以SOHO賺的錢基本沒什么地方花。

movie media

站酷網(wǎng)：從扁平化到響應(yīng)式設(shè)計再到網(wǎng)頁動效，設(shè)計潮流的更新和變化越來越快，做網(wǎng)頁設(shè)計是不是越來越難了? 你怎么看待這些網(wǎng)頁設(shè)計的趨勢?設(shè)計師應(yīng)該怎樣對待設(shè)計趨勢?

韓雪冬：網(wǎng)頁設(shè)計形式越來越簡單，簡單的設(shè)計做起來確實更難去突破了，我認(rèn)為一個設(shè)計師只懂得視覺，已經(jīng)完全不夠用了。扁平化的好處很多，跨設(shè)備也更便捷，這個趨勢不完全是因為視覺上，也在設(shè)備兼容和體驗上。響應(yīng)式我覺得是個過渡。UEHTML平臺剛上線的時候是響應(yīng)式的，但3個月后我們就推翻了，響應(yīng)式確實決絕了設(shè)備匹配問題，但對于用戶的體驗來說不夠完美。響應(yīng)式不是完全為設(shè)計考慮的，體驗起來可能沒有純手機(jī)版網(wǎng)站好，它的代碼沉積也比較嚴(yán)重，對于苛刻的用戶來說不是最完美的。網(wǎng)頁動效其實在FLASH時代就已經(jīng)很完美了，只是因為一些硬傷不得不被淘汰，網(wǎng)頁動效本身是人與設(shè)備之間密不可分的交互行為，是網(wǎng)頁中不可缺少的一部分。

一個行業(yè)的發(fā)展必須需要改革，網(wǎng)頁設(shè)計師要學(xué)的東西還有很多?；ヂ?lián)網(wǎng)變化太快，交互、體驗一直在變，一步跟不上就被淘汰。設(shè)計師應(yīng)該看到無論何種設(shè)計趨勢，視覺轉(zhuǎn)變只是其中一塊， 設(shè)計趨勢實際上是根據(jù)用戶的行為進(jìn)行演變的，所以應(yīng)該從用戶行為習(xí)慣上去把握設(shè)計趨勢，看到設(shè)計趨勢背后更深層的原因。

MOVIE MEDIA

站酷網(wǎng)：回頭看十年網(wǎng)頁設(shè)計生涯，你在這個行業(yè)最大的收獲是什么?

韓雪冬：因為我主要是做企業(yè)網(wǎng)站的，可以了解各行各業(yè)的企業(yè)，也認(rèn)識了很多不錯的設(shè)計師。網(wǎng)頁設(shè)計讓我找到了我自己的方向，如果沒有做這個行業(yè)，我可能只是一個小工廠的小員工，什么都不懂。我從小性格內(nèi)向，不善于交際，是在人群中完全找不到的那種人。如果沒有選擇這個行業(yè)，有可能我直到現(xiàn)在仍一無是處。這個行業(yè)給了我太多太多……

站酷網(wǎng)：對年輕的設(shè)計師有什么建議?

韓雪冬：現(xiàn)在很多人普遍心浮氣躁，可能是因為互聯(lián)網(wǎng)發(fā)展太快，獲取東西變得太容易了。所以很多人想從別的地方獲取東西遠(yuǎn)遠(yuǎn)大于自己真正去做。就像老有人問我設(shè)計得不好不知道該怎么做，我說你多去看一些好的去吸收一些東西，他說我不知道什么是好的。好的東西是什么都不知道怎么去吸收?很多東西自己不去思考去理解，就指望別人告訴他，獲取大于努力，這點非常不好。以前的設(shè)計師真的是功底很扎實，比如小新，馮鐵，他們雖然不是專業(yè)科班出身，但是比現(xiàn)在很多設(shè)計師努力太多了，而且他們是真正將想法落實到自己的設(shè)計里。很多設(shè)計師天天也很忙很累，可真正付出的東西非常少，可能也天天在看但是卻做不出來，因為他想的東西，真正去實現(xiàn)的東西太少了。