針對(duì)0基礎(chǔ)的同學(xué),學(xué)習(xí)UI的一些方法。
上回我們說到了有設(shè)計(jì)基礎(chǔ)的同學(xué)轉(zhuǎn)行做UI的方法潮秘,這個(gè)學(xué)習(xí)一項(xiàng)技能是有很多思路的,有些人就喜歡直接上手易结,有些人喜歡看書枕荞,這些方法各有各得好處,我寫的學(xué)習(xí)指南只是根據(jù)大多數(shù)同學(xué)都能接受理解的一個(gè)思路搞动,不是絕對(duì)的躏精,總之學(xué)習(xí)這個(gè)東西,選擇最適合你的方法就是最好的鹦肿。
今天我介紹下繪畫設(shè)計(jì)0基礎(chǔ)的同學(xué)應(yīng)該怎樣去學(xué)習(xí)UI
0基礎(chǔ)的同學(xué)矗烛,轉(zhuǎn)行做UI,很多人都擔(dān)心二個(gè)問題箩溃。1:因?yàn)闆]有學(xué)過美術(shù)高诺,造型能力,配色能力偏弱碾篡,不曉得自己能不能學(xué)好虱而。2:學(xué)了,能力也可以但在找工作時(shí)總覺得不如學(xué)過畫畫的人开泽,嚴(yán)重缺乏自信牡拇。。其實(shí)這是可以理解的,有這樣的問題說明你對(duì)自己的不足之處有清醒的認(rèn)識(shí)惠呼,俗話說最大的風(fēng)險(xiǎn)是沒有發(fā)現(xiàn)風(fēng)險(xiǎn)导俘,你知道自己的不足之處,那就好好辦了剔蹋,想辦法把它學(xué)好就是了旅薄,總比那些夜郎自大的人要好的多。沒有自信泣崩,更完全沒必要少梁,沒學(xué)過畫畫,你是一張白紙矫付,不會(huì)有一些根深蒂固的觀念阻礙你的進(jìn)步凯沪。還有UI設(shè)計(jì)是一門綜合性的學(xué)科,它的工作過程有用戶需求分析买优,交互設(shè)計(jì)妨马,視覺設(shè)計(jì),手繪運(yùn)用的并不是太多(當(dāng)然你會(huì)手繪自然是要牛一些)在圖標(biāo)設(shè)計(jì)杀赢,logo設(shè)計(jì)中需要一些美術(shù)基礎(chǔ)方面的知識(shí)(比如形體的結(jié)構(gòu)烘跺,光影,構(gòu)圖脂崔,色彩構(gòu)成)這些都是可以在一定時(shí)間內(nèi)學(xué)會(huì)得液荸。所以不要高估你的對(duì)手,跟不要低估自己一樣重要脱篙。
一,學(xué)會(huì)看
千萬別覺得我做UI了那就趕緊教我Photoshop吧伤柄,要清楚的知道Photoshop只是一個(gè)工具它并不能讓你成為設(shè)計(jì)師绊困,就像你買了一套很昂貴的畫筆也不會(huì)成為藝術(shù)家一樣,要從基礎(chǔ)來适刀,你描繪的東西是從你的觀察中來的秤朗,所以要先學(xué)會(huì)如何觀察
1:真的沒必要那么鄭重其事的請(qǐng)個(gè)模特來給你畫,你只需要一些靜物笔喉,生活當(dāng)中隨處可見的一些東西取视,然后去看它認(rèn)真觀察它們,了解它得外形常挚,它的結(jié)構(gòu)(哪些部分組成)作谭,它的質(zhì)感礁鲁,它的細(xì)節(jié)鸳君,細(xì)節(jié),細(xì)節(jié) 重要的事說3遍谓着,它們之間有哪些不同。并且記住這種感覺锐秦。
2:無論怎樣一定要?jiǎng)邮秩ギ嬤浣保銊傞_始不需要畫得非常好,只要掌握一點(diǎn)基礎(chǔ)酱床,畫一張水杯素描等等羊赵。推薦《如何在30天之內(nèi)學(xué)會(huì)畫畫》網(wǎng)上可以搜到,QQ群477190026空間共享文件中也有PDF版的扇谣。了解繪畫方法后把你觀察到的事物昧捷,打動(dòng)你的細(xì)節(jié) ,它自身很有特色的東西表現(xiàn)出來揍堕,這些才是你自己獨(dú)特的想法料身,才是你自己的表達(dá),這一點(diǎn)在繪畫中非常重要(看到那些別人沒有看到的細(xì)節(jié)衩茸,想辦法把它表現(xiàn)出來)芹血。每天畫1個(gè)小時(shí)去聯(lián)系,堅(jiān)持1個(gè)月楞慈,吧這一個(gè)月所畫的東西都留下來幔烛,你會(huì)清晰的看到自己的進(jìn)步。
二囊蓝,學(xué)習(xí)些平面設(shè)計(jì)理論
1:平面構(gòu)成饿悬,立體構(gòu)成,色彩構(gòu)成聚霜。這三本書是基礎(chǔ)狡恬,了解三大構(gòu)成很有用的 ,在我們平時(shí)的設(shè)計(jì)當(dāng)中都要用到它 比如說你要做一則廣告 首先是它的排列問題哦 那用到的就是平面構(gòu)成的知識(shí)了蝎宇,然后要看他的色彩搭配弟劲,是否給人動(dòng)感什么的。 這是有關(guān)配色的一段教程http://www.uisdc.com/color-master
2:搜集一些好的構(gòu)圖姥芥,色彩搭配比較好的界面設(shè)計(jì)設(shè)計(jì)作品兔乞,多看,理解不了的就強(qiáng)迫自己記下來凉唐,以后看的多自認(rèn)就懂了庸追,也培養(yǎng)了自己的設(shè)計(jì)感覺.此處推薦的 http://bpando.org/ http://webfieldmanual.com/ http://design.tutsplus.com/ http://grainedit.com/。都是精品台囱,俺可是毫無保留了淡溯,一定多看,多看簿训,多看血筑,暫時(shí)不懂也要看绘沉。
3:模仿那些好的設(shè)計(jì)作品
4:有了一定沉淀后,可以試著將自己的創(chuàng)意表現(xiàn)出來豺总,畫個(gè)圖標(biāo)车伞,畫個(gè)海報(bào)等等吧。
5:吸納新知識(shí)喻喳,不要固執(zhí)己見
這挺最困難··· 說真的我也犯過這樣的錯(cuò)誤另玖,所以我知道這樣的心態(tài)危害有多大。要作好心理準(zhǔn)備表伦,隨時(shí)必須像扼殺自己的孩子般銷毀自己的作品谦去。若能越快做好這樣的心理準(zhǔn)備,工作就能越快上手蹦哼,因此若覺得成品不夠好時(shí)鳄哭,就隨時(shí)砍掉重練吧。
找到公正的另一雙眼:向懂設(shè)計(jì)的人詢問看完你作品后的意見纲熏。若身邊沒有這類朋友妆丘,就去主動(dòng)參加設(shè)計(jì)師聚會(huì)或相關(guān)活動(dòng)上認(rèn)識(shí)幾個(gè)吧!
在此也歡迎朋友們加入局劲,成都UI設(shè)計(jì)大家庭QQ群:477190026勺拣,與一群設(shè)計(jì)師共同進(jìn)步。
對(duì)待別人的意見要聆聽鱼填,不要去辯解药有,人家花這自己的時(shí)間評(píng)論你的作品,不要用一副苦大仇深的態(tài)度去回報(bào)人家苹丸,要謝謝他們愤惰,然后詢問具體是那些部分不太合適,詢問清楚之后再自行判斷是否需要調(diào)整赘理。
按照這樣的方式宦言,會(huì)提高你的繪畫能力,了解設(shè)計(jì)基本的一些原理感憾,有了這些沉淀,就開始進(jìn)行下一個(gè)環(huán)節(jié)吧令花,其實(shí)跟之前有基礎(chǔ)的同學(xué)學(xué)習(xí)方法是一樣的阻桅。
三,記憶UI標(biāo)準(zhǔn)工作流程兼都。
1:可以去網(wǎng)上搜集
2:可以咨詢你身邊做UI的朋友然后將這個(gè)流程也就是產(chǎn)品開發(fā)的思路總結(jié)出來嫂沉,記憶住,以后無論什么產(chǎn)品都是萬變不離其中
有懶得找的同學(xué)可以點(diǎn)此 http://www.ui.cn/detail/62288.html 鏈接是本人之前所做項(xiàng)目的總結(jié)
四扮碧,學(xué)習(xí)用戶體驗(yàn)趟章,交互設(shè)計(jì)方面的知識(shí)
身為一名UI設(shè)計(jì)師不要單單把自己限定在視覺方面杏糙,你也不想整天被當(dāng)做做圖的美工吧,那就要有產(chǎn)品思維蚓土,懂用戶宏侍,懂交互,這樣你以后的路才會(huì)越走越寬蜀漆。
1:各大互聯(lián)網(wǎng)公司的官方博客谅河,上都有牛人分享 例如騰訊CDC,新浪UED 淘寶UED确丢,百度移動(dòng)用戶體驗(yàn)部
2:各大設(shè)計(jì)網(wǎng)站例如<盒子UI>《UI中國》http://www.ui.cn/detail/66109.html http://www.ui.cn/detail/68088.html 我的UI中國主頁也有關(guān)于用戶體驗(yàn)產(chǎn)品定方面的文章绷耍,有興趣同學(xué)可以看下
3:平時(shí)多玩APP 多使用互聯(lián)網(wǎng)產(chǎn)品,同類產(chǎn)品對(duì)比分析他們用戶體驗(yàn)上的好壞鲜侥,用的是否吃力褂始,是否在途中產(chǎn)生迷惑,整體界面元素是否與品牌統(tǒng)一描函,是否幫助你解決了問題崎苗,不同類型的產(chǎn)品分析他們的特色,結(jié)構(gòu)框架是怎樣赘阀,樣式布局如何益缠。每天體驗(yàn)一款產(chǎn)品并作出分析總結(jié),日積月累后你會(huì)發(fā)現(xiàn)你對(duì)產(chǎn)品的認(rèn)識(shí)會(huì)加深很多基公。
4:看書幅慌,書中與前任的經(jīng)驗(yàn)總結(jié),是避免自己踩雷的以下途徑轰豆,推薦《交互設(shè)計(jì)精髓》 《Don’t Make Me Think》 《瞬間之美》 《用戶體驗(yàn)要素-以用戶為中心的產(chǎn)品設(shè)計(jì)》網(wǎng)上電子版的都是可以找到胰伍,犯懶的同學(xué)可以加我的QQ群:477190026。我在群空間共享文件中存放了
五酸休,讓自己的軟件更加熟練Photoshop 和 Illustrator骂租。
現(xiàn)在你在UI工作流程與用戶體驗(yàn),交互設(shè)計(jì)上已經(jīng)有了一定的了解斑司,可以朝下一步邁進(jìn)了渗饮。事實(shí)上,我建議從Photoshop 開始學(xué)精宿刮,接著再去碰Illustrator互站。設(shè)計(jì)師通常使用 Illustrator 來制作矢量圖。
網(wǎng)上有無數(shù)關(guān)于這兩個(gè)軟件的教程僵缺『遥可以先從臨摹開始,寫實(shí)圖標(biāo)磕潮,酷炫界面都行翠胰,有能力原創(chuàng)的更好不過了容贝,在此我就不再啰嗦,方法和資料都是一大把之景,重要的是去做去堅(jiān)持斤富。每天花1-2個(gè)小時(shí)逐步學(xué)習(xí),相信堅(jiān)持一段時(shí)間你會(huì)被自己震驚到的闺兢。
六茂缚,其他加分技能
以上的知識(shí)技能是UI設(shè)計(jì)師的標(biāo)配,懂這些你算是入門屋谭,但是競(jìng)爭逐漸激烈的今天脚囊,需要你具備人無我有,人有我精的特質(zhì)桐磁,你才會(huì)脫穎而出
1:AE交互動(dòng)畫悔耘,現(xiàn)在的設(shè)計(jì)不僅僅局限于靜態(tài)的,動(dòng)態(tài)效果逐漸三大人們喜愛我擂,在給用戶演示的時(shí)候用一個(gè)動(dòng)畫來講解你的產(chǎn)品是怎么交互的衬以,瞬間讓人覺得你是如此高大上。AE的教程網(wǎng)上也有很多校摩。我個(gè)人嘛推薦看下李濤的(個(gè)人意見哈)
2:DREAMWAVER Div CSS 簡單的網(wǎng)頁布局同樣會(huì)使你提高自己身價(jià)看峻,更這樣的是了解些代碼會(huì)讓你以后工作中與程序員更好的的配合,這部分內(nèi)容網(wǎng)上也有講
3:html5響應(yīng)式衙吩,是一種潮流互妓,掌握了這個(gè)會(huì)讓你的工作量大幅減少
七,建立自己的作品集
想成為UI設(shè)計(jì)師坤塞,你不需要非去什么地方上個(gè)學(xué)冯勉,或者花大價(jià)錢去拿個(gè)什么證。但你一定需要一個(gè)作品集摹芙。話雖如此灼狰,但我沒有做過實(shí)際項(xiàng)目如何才能制作出出招聘公司喜歡的作品?有以下幾個(gè)方法
1:你可以吧自己以前的一些作品平面浮禾,環(huán)藝交胚,工業(yè)較為精致的作品放入其中,來證明你的設(shè)計(jì)基礎(chǔ)盈电,審美能力蝴簇。
2:給很丑的網(wǎng)站或APP重新設(shè)計(jì),最好不要僅僅放上一堆界面而是按照標(biāo)準(zhǔn)的UI工作流程將你的分析挣轨,想法军熏,整個(gè)過程表現(xiàn)出來轩猩。不同方案的設(shè)計(jì)優(yōu)缺點(diǎn)的分析卷扮,這樣你給面試人員的不僅僅是酷炫的界面荡澎,還有你對(duì)產(chǎn)品的理解,你的思考過程晤锹,你解決問題的方式摩幔。
3:參加設(shè)計(jì)比賽,實(shí)戰(zhàn)中鍛煉自己
4:免費(fèi)/收費(fèi)給一些組織或者個(gè)人做設(shè)計(jì)鞭铆。
也許你還要注意點(diǎn)
不要把什么都放進(jìn)你的作品集或衡,只選最好的,最具代表性的车遂。
找靈感不必懼怕模仿封断,像畫畫一樣臨摹大師是重要的過程,你是個(gè)新手不要被那些絕對(duì)原創(chuàng)理論的崇拜者干擾舶担,他們已經(jīng)斷奶坡疼,現(xiàn)在卻來指責(zé)喝奶的嬰兒,這是個(gè)非骋绿眨可笑的事情柄瑰。
先就業(yè),一份工作成長學(xué)習(xí)
最后你既然下定決心想轉(zhuǎn)行做UI就一定要堅(jiān)定剪况,告訴你身邊所有人你要成為一名UI設(shè)計(jì)師教沾!說不定會(huì)有很多人給你提供幫助呢,比如我哈哈 親愛的同學(xué)一定要記得“不斷磨練你的技能译断,不停學(xué)習(xí)” 加油共勉
如遇到問題授翻,此微信號(hào)僅用于推送精品文章,學(xué)習(xí)方法等镐作,如有不明白的地方請(qǐng)+ 群477190026藏姐,群里有很多業(yè)界大神為你答疑解惑,小浩哥會(huì)盡我所能幫助大家该贾。