UI學(xué)習(xí)指南0基礎(chǔ)篇

針對(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ì)盡我所能幫助大家该贾。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末羔杨,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子杨蛋,更是在濱河造成了極大的恐慌兜材,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,884評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件逞力,死亡現(xiàn)場(chǎng)離奇詭異曙寡,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)寇荧,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,347評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門举庶,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人揩抡,你說我怎么就攤上這事户侥《屏穑” “怎么了?”我有些...
    開封第一講書人閱讀 157,435評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵蕊唐,是天一觀的道長屋摔。 經(jīng)常有香客問我,道長替梨,這世上最難降的妖魔是什么钓试? 我笑而不...
    開封第一講書人閱讀 56,509評(píng)論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮副瀑,結(jié)果婚禮上弓熏,老公的妹妹穿的比我還像新娘。我一直安慰自己糠睡,他們只是感情好硝烂,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,611評(píng)論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著铜幽,像睡著了一般滞谢。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上除抛,一...
    開封第一講書人閱讀 49,837評(píng)論 1 290
  • 那天狮杨,我揣著相機(jī)與錄音,去河邊找鬼到忽。 笑死橄教,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的喘漏。 我是一名探鬼主播护蝶,決...
    沈念sama閱讀 38,987評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼翩迈!你這毒婦竟也來了持灰?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,730評(píng)論 0 267
  • 序言:老撾萬榮一對(duì)情侶失蹤负饲,失蹤者是張志新(化名)和其女友劉穎堤魁,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體返十,經(jīng)...
    沈念sama閱讀 44,194評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡妥泉,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,525評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了洞坑。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片盲链。...
    茶點(diǎn)故事閱讀 38,664評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出刽沾,到底是詐尸還是另有隱情瓢剿,我是刑警寧澤,帶...
    沈念sama閱讀 34,334評(píng)論 4 330
  • 正文 年R本政府宣布悠轩,位于F島的核電站,受9級(jí)特大地震影響攻泼,放射性物質(zhì)發(fā)生泄漏火架。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,944評(píng)論 3 313
  • 文/蒙蒙 一忙菠、第九天 我趴在偏房一處隱蔽的房頂上張望何鸡。 院中可真熱鬧,春花似錦牛欢、人聲如沸骡男。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,764評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽隔盛。三九已至,卻和暖如春拾稳,著一層夾襖步出監(jiān)牢的瞬間吮炕,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,997評(píng)論 1 266
  • 我被黑心中介騙來泰國打工访得, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留龙亲,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,389評(píng)論 2 360
  • 正文 我出身青樓悍抑,卻偏偏與公主長得像鳄炉,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子搜骡,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,554評(píng)論 2 349

推薦閱讀更多精彩內(nèi)容