毫不夸張地說,在顏值當(dāng)?shù)赖哪甏琔I設(shè)計(jì)師的水平,直接決定了互聯(lián)網(wǎng)產(chǎn)品(網(wǎng)站、App、網(wǎng)上店鋪等)的顏值。無論產(chǎn)品的質(zhì)量怎樣,用戶接觸產(chǎn)品的第一幕,就是UI設(shè)計(jì)師給產(chǎn)品設(shè)計(jì)的這張臉,而像我這種“顏狗”,一旦產(chǎn)品的顏值達(dá)不到我的標(biāo)準(zhǔn),下一步就是關(guān)閉/卸載。一個(gè)好的UI設(shè)計(jì)師,能潤(rùn)物于無聲,在渾然天成的設(shè)計(jì)中為產(chǎn)品注入新的價(jià)值,絕不是普通的打雜美工。作為初入ui行業(yè)的小白,如何提升自己設(shè)計(jì)作品的顏值呢?
·對(duì)設(shè)計(jì)總體認(rèn)知
在學(xué)習(xí)進(jìn)入一個(gè)未知的知識(shí)領(lǐng)域前,最好先梳理這個(gè)領(lǐng)域的架構(gòu),待有了比較全面認(rèn)知后再深挖其中的奧妙,這其實(shí)也是咱們學(xué)習(xí)大學(xué)專業(yè)課程設(shè)置的思路,先學(xué)習(xí)一門導(dǎo)論課,了解基本概念,再進(jìn)入細(xì)分概念領(lǐng)域,層層相環(huán),層層滲透。學(xué)習(xí)UI設(shè)計(jì)也是一樣,先對(duì)整個(gè)設(shè)計(jì)專業(yè)有總體認(rèn)知,再去學(xué)技法層面的內(nèi)容、規(guī)則,慢慢把知識(shí)庫填充完整,有條件的學(xué)員,可以嘗試了解一個(gè)新的互聯(lián)網(wǎng)產(chǎn)品出爐的工作流程。這樣,在局部學(xué)習(xí)前,就能對(duì)重難點(diǎn)、課程框架都心中有數(shù)。
·熟悉各平臺(tái)設(shè)計(jì)規(guī)則
iOS、Android、WP、Windows、Mac OX各個(gè)平臺(tái)都有自己的設(shè)計(jì)規(guī)則和偏好,在移動(dòng)端,連每款機(jī)型的分辨率、狀態(tài)欄高度、導(dǎo)航欄高度、圖標(biāo)尺寸、字體、顏色值都有嚴(yán)格的規(guī)定。這里貼一個(gè)之前看到的iOS和Android的平臺(tái)規(guī)范,整理的比較全面、規(guī)范。其他平臺(tái)的設(shè)計(jì)規(guī)則,在搜索引擎上也都能被檢索到。
·擁有超強(qiáng)理解力
作為設(shè)計(jì)的上游,產(chǎn)品經(jīng)理常常會(huì)直接發(fā)需求文檔給設(shè)計(jì),能讀懂產(chǎn)品文檔、快速分析需求,定位出風(fēng)格、色調(diào)、元素,最后迅速把產(chǎn)品需求視覺化,就是產(chǎn)品經(jīng)理們最愛合作的設(shè)計(jì)師了。

·獨(dú)特的審美意識(shí)
為什么我們青睞天貓、京東、唯品會(huì)這類應(yīng)用?除了應(yīng)用本身提供的優(yōu)質(zhì)產(chǎn)品外,其設(shè)計(jì)感是很重要的一點(diǎn),君不見多少用戶贊美良心設(shè)計(jì)以及交互系統(tǒng)的完善。那么,什么是設(shè)計(jì)感呢?投射到ui設(shè)計(jì)師身上,大概就是設(shè)計(jì)師自身的審美意識(shí)了。至于審美意識(shí)要如何培養(yǎng)、提高,這就跟你去問文學(xué)家要如何提高寫作能力一樣,他大概也是懵逼的。日積月累地瀏覽、學(xué)習(xí)、思考、聯(lián)系,大概就是逐漸提升的可能途徑吧。
·扎實(shí)的技術(shù)基礎(chǔ)
有人說程序員一天中大部分時(shí)間都在碼代碼,那么設(shè)計(jì)師一天的時(shí)間都留給了Photoshop、Axure、Adobe Illustrator,涂涂修修改改已經(jīng)是常態(tài),而這里,也是“美工”稱呼的發(fā)源地。嫻熟的技法,是完美展現(xiàn)ui設(shè)計(jì)作品的必備條件,作為UI交互設(shè)計(jì)師,也應(yīng)當(dāng)熟練掌握這些常用軟件。稍低一點(diǎn)的要求,是至少能精通其中一款軟件,各種操作都已經(jīng)形成自然反應(yīng),其他軟件也能通個(gè)七八分。不過,學(xué)完這些軟件之后,切忌炫技,學(xué)到這步,你只是學(xué)會(huì)了修圖,還只在美工的地步,并談不上ui交互設(shè)計(jì)。


·精湛的畫圖技巧
有人以為,ui設(shè)計(jì)師只要去圖庫網(wǎng)站找一些素材,借助工具進(jìn)行修飾即可,其實(shí)這只能鍛煉你的借鑒能力,當(dāng)你的技法嫻熟到一定程度,就可以嘗試臨摹。通過臨摹,一則用來強(qiáng)化技法層面的能力,二來也能提升初學(xué)者的創(chuàng)新能力。

臨摹的內(nèi)容,可以有兩方面選擇:一種是系統(tǒng)自帶的圖標(biāo),比如Mac OX、Windows,或者移動(dòng)端iOS、Android的原生圖標(biāo),都是精心打磨過,既能幫助初學(xué)者了解平臺(tái)設(shè)計(jì)規(guī)則,又能在臨摹中逐漸鞏固常用軟件的技術(shù)。另一種則是行業(yè)牛人的設(shè)計(jì)作品,捉摸他們的設(shè)計(jì)風(fēng)格、思想和細(xì)節(jié),都能加深對(duì)設(shè)計(jì)的認(rèn)識(shí)。
·懂得交互設(shè)計(jì)
分不清交互和UI的人,可能一抓一大把,事實(shí)上,這還是有區(qū)別的。從一般意義上說,UI主要做的是圖形用戶界面,也可以稱為GUI設(shè)計(jì)師;交互設(shè)計(jì)主要做處理點(diǎn)事人機(jī)互動(dòng)的界面,任何與機(jī)器打交道的過程,都需要交互設(shè)計(jì)師來參與。
但坦白說,現(xiàn)在的App中,有多少操作能把UI和交互完全清楚地剝離開來呢?一個(gè)好的產(chǎn)品,需要美觀的界面和順滑的交互,也就離不開設(shè)計(jì)師兩種能力的相輔相成了。尤其現(xiàn)在,設(shè)計(jì)趨向扁平化的時(shí)期,只要遵循設(shè)計(jì)規(guī)范,交互設(shè)計(jì)甚至能出了設(shè)計(jì)稿后直接給開發(fā)去實(shí)現(xiàn),單純UI設(shè)計(jì)的存在感日益弱化。

·好的用戶體驗(yàn)
從前,除了設(shè)計(jì)界面的UI設(shè)計(jì)師之外,互聯(lián)網(wǎng)公司會(huì)專門設(shè)置專門的用戶研究中心來處理用戶體驗(yàn)的種種問題,但如今多元的趨勢(shì)下,一個(gè)互聯(lián)網(wǎng)產(chǎn)品的視覺設(shè)計(jì),需要懂一點(diǎn)產(chǎn)品、懂一點(diǎn)用戶體驗(yàn),才能更有效的推進(jìn)合作流程,同時(shí)也會(huì)培養(yǎng)自己多元化的思維方式(用戶研究以縝密的邏輯發(fā)展,而UI設(shè)計(jì)則更加追求審美)。
這幾年互聯(lián)網(wǎng)產(chǎn)品最火的推廣方式是什么?當(dāng)然是H5!H5特效現(xiàn)在深受大眾歡迎。如果一個(gè)ui設(shè)計(jì)師既能做好設(shè)計(jì),又能完善布局前端代碼,那么只要有一個(gè)簡(jiǎn)單idea,經(jīng)過你的手就能完全實(shí)現(xiàn)。想設(shè)計(jì)出大師級(jí)的ui作品是分分鐘的事情,這類復(fù)合型人才是多少公司爭(zhēng)搶的對(duì)象呢?還用得著擔(dān)心會(huì)失業(yè)嗎?不過這些都是進(jìn)一步的要求了。