2018-7-11 濤濤
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
一個(gè)產(chǎn)品最后出來的樣子，是各種妥協(xié)的結(jié)果。
互聯(lián)網(wǎng)產(chǎn)品和平面類型的設(shè)計(jì)工作最大的區(qū)別，可能是在于工種的細(xì)分上。之前做平面相關(guān)的工作（品牌，視覺，電商），自己一個(gè)人可能就充當(dāng)了基本上除了印刷以外的所有主要工作，既要和客戶溝通，了解用戶需求和想法以及存在的問題，又要思考和制定設(shè)計(jì)方案，向客戶展示設(shè)計(jì)提案，又要執(zhí)行獲得認(rèn)可的設(shè)計(jì)提案，保證設(shè)計(jì)成果符合客戶預(yù)期并落地，如果是最后要交付印刷品，可能還要跟進(jìn)印刷的過程，保證印刷物料的質(zhì)量。好像一個(gè)人把所有的活都要干了。
但是互聯(lián)網(wǎng)產(chǎn)品不太一樣，首先最大的問題是如何讓方案落地的過程，這個(gè)工作一般來說沒有辦法一個(gè)人干（除非是牛到精通前端后端和客戶端的各種開發(fā)語言的全棧設(shè)計(jì)師），因?yàn)闀?huì)涉及到程序開發(fā)，有一些設(shè)計(jì)師，就算你厲害了，你能把產(chǎn)品交互和 UI 都搞定，然后你還會(huì)（web端）前端開發(fā)語言或者客戶端開發(fā)語言，但是你還是需要一個(gè)能寫后臺(tái)的工程師，所以，正常情況下，互聯(lián)網(wǎng)產(chǎn)品的開發(fā)，是環(huán)環(huán)相扣的，至少都需要兩到三個(gè)人來配合工作。這還是比較小型的產(chǎn)品，如果是復(fù)雜的產(chǎn)品，那每個(gè)環(huán)節(jié)都必須細(xì)分出來，而且可能每個(gè)環(huán)節(jié)都不止一個(gè)人，產(chǎn)品，交互，UI，前端，客戶端，后臺(tái)，因?yàn)槊總€(gè)環(huán)節(jié)的工作量都太大了！
△ 圖源：Nick Taylor
既然有這么多的分工，那必然會(huì)導(dǎo)致不同的工作崗位看問題的點(diǎn)都是不一樣的。舉個(gè)例子：經(jīng)常會(huì)聽到開發(fā)說，明明用 A 就可以，為什么非要用 B？一開始的時(shí)候，其實(shí)我真的不太理解，但是后來慢慢熟悉了開發(fā)的工作之后（尤其是自己開始學(xué)習(xí)一些代碼知識(shí)之后）慢慢理解了，其實(shí)開發(fā)在實(shí)現(xiàn)我們的設(shè)計(jì)的時(shí)候，最關(guān)注的是功能的實(shí)現(xiàn)，而功能就是各種交互的集合，一個(gè)頁面上，如果交互不變，功能不變，只是改一些視覺上的樣式，這是相對(duì)來說簡單的，如果牽扯到交互的調(diào)整和修改，那個(gè)工作量可能就成倍增加，所謂牽一發(fā)而動(dòng)全身。所以我們?cè)谠O(shè)計(jì)的時(shí)候，更要注意模塊和組件的一致性和可復(fù)用性，這樣不僅可以提高我們的設(shè)計(jì)質(zhì)量，也可以有效的減少開發(fā)的工作量，提高開發(fā)的效率。
同時(shí)，開發(fā)在實(shí)現(xiàn)的第一個(gè)版本的產(chǎn)品中一般很多時(shí)候視覺上會(huì)有各種各樣的問題，開發(fā)人員在開發(fā)過程中，為了提率，不太在意還原 UI 的細(xì)節(jié)，比如這個(gè)間距是多少，那個(gè)間隔是幾個(gè)像素，所以最后產(chǎn)品上線前都會(huì)有 UI走查的環(huán)節(jié)，在這個(gè)過程中就是要一點(diǎn)一點(diǎn)地改進(jìn)產(chǎn)品UI 實(shí)現(xiàn)中不符合設(shè)計(jì)稿的地方，這個(gè)時(shí)候才是我們?cè)O(shè)計(jì)師關(guān)注所謂的每一個(gè)像素的時(shí)候，在那之前，還是先關(guān)注功能和流程的實(shí)現(xiàn)吧。
其實(shí)不僅僅是因?yàn)槊總€(gè)崗位的職能不同會(huì)導(dǎo)致很多不同的意見，有時(shí)候也可能是因?yàn)槊總€(gè)人的審美或者是性格的問題，也會(huì)產(chǎn)生不少的摩擦，所以，學(xué)會(huì)妥協(xié)，在妥協(xié)中堅(jiān)持是團(tuán)隊(duì)合作中的一門大學(xué)問。
以攻為守，讓自己從更全面的視角去思考 UI 的工作。
△ 圖源：Nick Taylor
一個(gè) UI設(shè)計(jì)師的未來在哪里？有時(shí)候我會(huì)思考這樣的問題，有可能是因?yàn)槲乙呀?jīng)30了。這一兩年，危機(jī)感很重，每次看到非科班群里各種90后、95后的年輕設(shè)計(jì)師，心生羨慕的同時(shí)也充滿了莫名的壓力。
這半年多因?yàn)樽约簣F(tuán)隊(duì)中沒有專門的交互設(shè)計(jì)師，所以我就同時(shí)肩負(fù)了大部分交互設(shè)計(jì)的工作。一開始做交互設(shè)計(jì)的東西，其實(shí)自己的認(rèn)識(shí)還是很淺薄的，雖然平時(shí)自己也看很多用戶體驗(yàn)，設(shè)計(jì)心理學(xué)、交互設(shè)計(jì)等等的書籍，但是真的上手干活，還是會(huì)經(jīng)常一頭霧水，因?yàn)榻换ピO(shè)計(jì)太需要縝密的邏輯思維了。市場上常見的 app 的標(biāo)準(zhǔn)化的交互設(shè)計(jì)因?yàn)槎加懈偲穮⒖?，還是相對(duì)來說簡單的，在我看來比較難的是工具型的產(chǎn)品和 CMS（內(nèi)容管理系統(tǒng)后臺(tái)），尤其是 CMS 的交互設(shè)計(jì)，如果設(shè)計(jì)不好，分分鐘讓用的人感覺要崩潰。交互設(shè)計(jì)是一門很深的學(xué)問，也是 UI設(shè)計(jì)師必須去了解和熟知的，它絕不是簡單的頁面之間的跳轉(zhuǎn)，也不僅是酷炫的動(dòng)效，它是能讓產(chǎn)品的使用體驗(yàn)得到質(zhì)的飛躍的關(guān)鍵。
如果把一個(gè)產(chǎn)品比作一個(gè)人，那產(chǎn)品本身的方向是這個(gè)人的靈魂和思想，交互是這個(gè)人的舉止和修養(yǎng)，而 UI 是一個(gè)人外形和穿衣品味以及整體氣質(zhì)，優(yōu)秀的人，三者缺一不可，三者是共生的關(guān)系。
在我看來。成為一個(gè)產(chǎn)品設(shè)計(jì)師，了解產(chǎn)品思維，熟悉交互設(shè)計(jì)，精通視覺設(shè)計(jì)，這樣的設(shè)計(jì)師覺得才是以后互聯(lián)網(wǎng)設(shè)計(jì)師的標(biāo)配。高配是什么？我覺得至少是全棧設(shè)計(jì)師吧。這就像平面設(shè)計(jì)領(lǐng)域，不懂印刷各種工藝和材質(zhì)的，都稱不上好的平面設(shè)計(jì)師。好的建筑設(shè)計(jì)師，也得懂很多建筑學(xué)和建筑材料的知識(shí)。
我在這半年的實(shí)際工作中，雖然第一個(gè)產(chǎn)品的概念定義和原型我沒有參加討論（我去的時(shí)候已經(jīng)定下來了），但是我還是嘗試去思考這個(gè)產(chǎn)品到底意義在哪里，目標(biāo)用戶是哪些人，解決了目標(biāo)用戶的什么需求，他們的使用場景有哪些。我一直都認(rèn)為互聯(lián)網(wǎng)產(chǎn)品的設(shè)計(jì)工作始終更是貫穿著設(shè)計(jì)思維，只是每個(gè)具體的分工的側(cè)重點(diǎn)不同，你可以不精于產(chǎn)品需求的整理和篩選，但你是得明白你你所設(shè)計(jì)的是為了滿足什么需求，有目標(biāo)和方向才能做出更好的設(shè)計(jì)，你連問題都不知道，怎么去解決問題。設(shè)計(jì)的工作，終究都是為了解決問題，不了解問題的來龍去脈，便不能梳理出問題的本質(zhì)，更無法做出好的設(shè)計(jì)去解決問題。
把自己定位為產(chǎn)品設(shè)計(jì)師，稍微多花點(diǎn)心思去思考產(chǎn)品，去學(xué)習(xí)交互，別讓自己的眼界停留在只畫幾個(gè)好看界面，畫幾套特別的圖標(biāo)，不然你早晚要被這個(gè)行業(yè)淘汰，不對(duì)，是被其他更優(yōu)秀的設(shè)計(jì)師淘汰。
很多公司并不真的在意所謂的 UCD。
△ 圖源：Nick Taylor
我相信大部分的設(shè)計(jì)師還是在中小型的企業(yè)里工作，這樣的企業(yè)的設(shè)計(jì)工作有一個(gè)很明顯的特征，就是以主管或者老板的喜好為第一滿足目標(biāo)，所有的設(shè)計(jì)方案都會(huì)以老板的喜好為基準(zhǔn)參考，只有老板說 ok 才算是 ok。當(dāng)然，我們公司也是，畢竟我們也是一個(gè)小型公司，而且老板的個(gè)人風(fēng)格特別強(qiáng)烈。所以在做第一款 app 時(shí)，僅僅是首屏的視覺方案，都出了不止七八個(gè)版本。在進(jìn)入更加深入的其他頁面的設(shè)計(jì)環(huán)節(jié)時(shí)，我們也沒有去做什么用戶場景分析或者用戶需求分析之類的工作，都是依照著老板的一些想法去一步一步的實(shí)現(xiàn)，當(dāng)然，這并不是一定是錯(cuò)的，只是大部分公司的設(shè)計(jì)工作的現(xiàn)狀，這樣也可能會(huì)有好的產(chǎn)品，只是可能性更低而已。很多公司沒有很專業(yè)的設(shè)計(jì)團(tuán)隊(duì)，也沒有很專業(yè)的產(chǎn)品經(jīng)理，更沒有很專業(yè)的產(chǎn)品設(shè)計(jì)師，做很多設(shè)計(jì)決策的時(shí)候基本上都是靠拍腦袋，或者依靠個(gè)人的生活或者設(shè)計(jì)經(jīng)驗(yàn)，在不知不覺中，就把 UCD 的設(shè)計(jì)方法忘在腦后了，UI設(shè)計(jì)師只是負(fù)責(zé)機(jī)械式美化下每一個(gè)元素，做一下視覺風(fēng)格的統(tǒng)一，變成了一個(gè)不折不扣的界面美化師。
但我們 UI設(shè)計(jì)師不能只是美化一下界面，雖然我們可以沒有專業(yè)的設(shè)計(jì)團(tuán)隊(duì)，沒有很厲害的產(chǎn)品經(jīng)理或者交互設(shè)計(jì)師，但是我們也要在設(shè)計(jì)過程中不斷地提醒自己，要以用戶體驗(yàn)為中心，用戶在這個(gè)界面需要的是什么，什么信息對(duì)他來說是最重要的，怎么樣設(shè)計(jì)可以減少用戶的瀏覽負(fù)擔(dān)，提高用戶的使用效率，雖然可能我們思考的方向和結(jié)果的不一定對(duì)，但是只要去想，才能不斷強(qiáng)化我們自己的這個(gè)設(shè)計(jì)思維，避免自己產(chǎn)出千篇一律的設(shè)計(jì)方案，提高自己的設(shè)計(jì)能力。如果能把每一項(xiàng)工作都盡百分之120的努力去完成，那就算你現(xiàn)在是在一個(gè)微不足道的小公司，你也一定能成長為一個(gè)設(shè)計(jì)大牛。
現(xiàn)在作品不好，沒問題，如果一直都不好，那就是你自己真的出了問題。
△ 圖源：Nick Taylor
我以前很羨慕那種設(shè)計(jì)師，年紀(jì)輕輕就進(jìn)大公司，或者20歲不到作品就讓人感覺眼前一亮。對(duì)于我這種非科班的，大學(xué)畢業(yè)7年了，認(rèn)真靜下心來干設(shè)計(jì)才3年多，似乎還沒開始跑，就已經(jīng)被人甩開一大截了。
看起來似乎很糟糕，但其實(shí)真不是，你所經(jīng)歷的一切艱難，如果挺過去了，那就是你人生寶貴的財(cái)富。那應(yīng)該怎么做呢？只能不斷努力地去縮小和別人的差距，不對(duì)，不是和別人的差距，是和自己對(duì)自己期望值的差距。
那么提高審美和眼界就是最基本要做的事情，同時(shí)我也認(rèn)為這是作為一個(gè)設(shè)計(jì)師需要持續(xù)不斷提高的最基本的能力。審美和眼界的提高是需要日積月累的，軟件操作和技法可以短時(shí)間內(nèi)突擊學(xué)習(xí)，也可以臨時(shí)偷師，但是如果你審美不行，你永遠(yuǎn)都不可能做出好的設(shè)計(jì)，因?yàn)樵谀愕难劾锏母呒?jí)和在高水平設(shè)計(jì)師眼里的高級(jí)，可能是天差地別。審美和眼界就像是一種設(shè)計(jì)師的隱藏屬性，會(huì)在你日常的設(shè)計(jì)當(dāng)中不自然的流露出來，你不需要去調(diào)動(dòng)它，它自然而然的就會(huì)在你的工作中不斷地幫助你。
但是往往很多設(shè)計(jì)師不把這個(gè)當(dāng)一回事。其實(shí)你只要每天堅(jiān)持不停地看優(yōu)秀的作品，堅(jiān)持幾個(gè)月或者半年一年的，你的審美肯定都會(huì)有質(zhì)的飛躍。以前你覺得設(shè)計(jì)很棒的作品，可能你以后看起來就會(huì)嗤之以鼻了。
看作品這件事其實(shí)很簡單，你只要每天打開 behance，打開首頁推薦的十個(gè)作品，花個(gè)十幾二十分鐘細(xì)細(xì)看下來，覺得好的就分類收藏一下，以備以后可以用來做設(shè)計(jì)的參考。
但是，關(guān)鍵是堅(jiān)持。
別總看國內(nèi)的設(shè)計(jì)網(wǎng)站了，外面的世界更精彩。
為什么要重新學(xué)習(xí)英語？（我就是想萬一以后牛X了，可以混到國際舞臺(tái)上，嗯，這個(gè)可以有）
一開始決定重拾英語的契機(jī)，這還要感謝砂姐組織的翻譯小組。我也只是想試試看，能不能把英語重新?lián)炱饋怼Ｓ谑菑?7年2月份開始我給自己定了個(gè)目標(biāo)，每個(gè)月翻一篇英語的設(shè)計(jì)類文章，很慶幸自己堅(jiān)持下來了。同時(shí)在工作中遇到的不少問題，會(huì)逼著我去看一些外文的資料，讓我覺得我必須得更努力地把英語撿起來，于是最近幾個(gè)月同時(shí)也開始背單詞，每天堅(jiān)持讀英語的設(shè)計(jì)文章，跟一開始比，感覺還是很有收獲的，看文章的速度越來越快，閱讀時(shí)的語感也越來越好（這個(gè)越來越好是相對(duì)于自己很糟糕時(shí)候的狀態(tài)）。
慢慢地，我感覺，學(xué)好英語，對(duì)于一個(gè)設(shè)計(jì)師的長遠(yuǎn)發(fā)展是很有幫助的。
如果你想去了解世界上更多優(yōu)秀設(shè)計(jì)師的想法，學(xué)習(xí)他們的經(jīng)驗(yàn)，那么就得親自去獲取第一手的信息，而不是等著其他人的翻譯，而且很多各種設(shè)計(jì)領(lǐng)域的優(yōu)秀的教材和資料都只有英文版本，如果不把英語學(xué)好，自己學(xué)到的不僅僅是很多殘缺不全的二手資料，甚至連學(xué)習(xí)的機(jī)會(huì)都沒有。把英語學(xué)好，是給自己打開通往更廣闊領(lǐng)域的鑰匙。你的眼界，決定了你成就的上限。
學(xué)習(xí)從來都不是件輕松愉快的事情。
做界面的同學(xué)有沒有遇到過這樣的情況：我明明是設(shè)計(jì)成這樣的，為什么開發(fā)出來之后就變成那樣了？
這就是我下定決心想學(xué)習(xí)代碼的導(dǎo)火索。我就想，為什么我不能自己學(xué)習(xí)代碼自己實(shí)現(xiàn)自己的設(shè)計(jì)么？這不是很厲害么？加上我之前也斷斷續(xù)續(xù)地對(duì)前端技術(shù)有過學(xué)習(xí)的念頭，于是一鼓作氣下定決心就開始學(xué)了。
出于想給自己開發(fā)個(gè)人網(wǎng)站的初衷，我就選擇了前端的開發(fā)語言作為我的學(xué)習(xí)內(nèi)容。我目前主要學(xué)習(xí)的是 Javascript（html 和 css 已經(jīng)學(xué)了個(gè)大概）。
一開始學(xué)習(xí)的時(shí)候真的是痛苦不堪，但是在度過了一兩個(gè)月的痛苦的煎熬之后，已經(jīng)慢慢地發(fā)現(xiàn)學(xué)習(xí)代碼的樂趣，但同時(shí)，發(fā)現(xiàn)這個(gè)坑是越來越大，感覺要學(xué)的東西是自己預(yù)想的要多太多了。雖然過程很糾結(jié)也很痛苦（我估計(jì)這種痛苦的感覺還會(huì)持續(xù)好長時(shí)間），學(xué)習(xí)代碼的過程對(duì)于提高設(shè)計(jì)師的邏輯思維確實(shí)很有幫助，因?yàn)榫幊趟季S和設(shè)計(jì)工作的思維相比，更注重邏輯性（設(shè)計(jì)工作也很注重邏輯性）。同時(shí)，多了解一些編程的知識(shí)（編程開發(fā)的語言很多，但是思維方式是類似的）對(duì)于理解開發(fā)人員的工作內(nèi)容和工作方式，也會(huì)有很大的幫助?；ヂ?lián)網(wǎng)的設(shè)計(jì)師，我覺得在學(xué)有余力的情況下，都應(yīng)該多多少少學(xué)習(xí)一些代碼的知識(shí)，因?yàn)檫@畢竟也是產(chǎn)品開發(fā)的其中的一個(gè)重要環(huán)節(jié)，你不需要擅長，但懂一些，可以讓你更好地和開發(fā)人員進(jìn)行有效的溝通，知己知彼，減少撕逼。但是不建議設(shè)計(jì)工作經(jīng)驗(yàn)較少的同學(xué)學(xué)習(xí)代碼，畢竟這需要很多的時(shí)間去學(xué)習(xí)，不要把自己變成什么都是半桶水，在不影響設(shè)計(jì)工作之余可以抽出時(shí)間的話讓自己嘗試一下，說不定你也會(huì)喜歡上編程這件事。
藍(lán)藍(lán)設(shè)計(jì)( www.ocunn.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.ocunn.cn