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