分享給剛入門的Ui設計師們希望能幫到初學UI的你。
最近半年嘗試性的收了一個小徒弟赌朋,因為他今年畢業(yè)凰狞,我以為教起來會很順利,因為他是平面設計專業(yè)而且PS軟件基礎還不錯沛慢。但是實際上卻遇到了不少的問題不少的彎路赡若。我把它們整理了下來,總結了一下团甲。分享給剛入門的Ui設計師們希望能幫到初學UI的你逾冬。
一、提升你自己的設計審美
每個行業(yè)都有屬于自己的一套評判標準。初入行的新人卻很容易摸不清楚身腻。審美水平
的提升是進本不可能速成的产还,它是一個非常緩慢的過程。
正所謂:
人生不在于用腳步丈量萬水千山嘀趟,而是用內(nèi)心真正體會世間百態(tài)雕沉。
只有有了一個很好的審美水平,你才能清晰的判斷好或者不好去件。才能對自己的設計作
品有一個非常清晰的認識。
我覺得UI設計有些像畫素描扰路,在繪畫的過程中你的畫板可能會顯得空尤溜,顯得造型不
準,顯得灰汗唱。但是在落下最后一筆之后宫莱,你一定要對你畫出來的作品有一個明確的判
斷。哪里的造型不準(間距)哩罪,哪里的顏色過于灰(配色)授霸,哪里的地方顯得空(布
局)。這些都是應該一眼就可以看出來际插、可以自己去把控修改的碘耳,而不是別人告訴你
如何去改,那樣實際上你就變成了一個所謂的設計工具框弛。
這也就是我為什么不喜歡線下速成培訓班的原因辛辨,在培訓班里沒有足夠的時間去培養(yǎng)
審美能力,老師告訴你如何去改去改瑟枫,作品的效果雖然上去了斗搞,但實際上對個人的幫
助微乎其微。
所以多看一些好的作品慷妙,有助你審美的提高僻焚,以及對自己作品的一個判斷把握
(圖片來自網(wǎng)絡)
二、設計工具切勿貪多嚼不爛
實際上我現(xiàn)在如果做UI一般是Sketch+Principle膝擂,之前幾年一直只是PS+AE虑啤。
如果你對設計軟件難以取舍我不妨這樣說。
設計軟件的選擇實際上取決于你想掌握什么樣的設計技能猿挚。
分享一下我的學習路線
PS(美工技能)→AI(美工技能)→AE(動效技能)→DW(切圖技能)
→Sketch(美工軟件更新)→Principle(動效軟件更新)→C4D(建模等技能學習)
希望對你有一定的參考咐旧。
新人來講,我覺得會個PS就足夠了绩蜻。铣墨。。
如果有耐心有毅力办绝,可以學一些初步的AE
三伊约、適當?shù)那岸酥R
四年前姚淆,我剛接觸UI設計的時候,還在嘲笑一些公司屡律,為什么會有切圖師這樣的職
位腌逢。難道他們不知道cutterman這個插件可以自動切圖嘛。
后來我進了公司才知道超埋,原來所謂的“切圖”搏讶,是指將UI設計通過前端
HTML+CSS+JS進行靜態(tài)的切圖布局,我們美工所謂的“切圖”霍殴,只是“摳圖”罷
了媒惕。
這件事過后我就開始了自己的代碼之路,說真的来庭,我是屬于一看見英文單詞就想打瞌
睡的妒蔚。
效率很低,但是至少現(xiàn)在我明白我的界面會通過怎樣的一種方式去實現(xiàn)月弛,懂一些簡單
的框架肴盏。這在工作中的溝通上對我的幫助是難以言喻的。
很多設計師會說帽衙,設計就是設計菜皂,不能學代碼。
但是Vue.js的作者也是設計師出身佛寿,各廠的大神很多也都是懂代碼的幌墓,希望新人在面
對這個選擇的時候想一想,是自己真的想要一輩子專注設計冀泻,還是只是為了偷懶而找
的一個借口常侣。
(圖片來自網(wǎng)絡)
四、切忌設計上下限相混
跟其他一些設計師不同弹渔,我很提倡徒弟去臨摹一些飛機稿胳施。
甚至是各種動效亂飛現(xiàn)在的技術實現(xiàn)起來很困難的設計稿,因為我認為肢专,對于新人而
言舞肆,提升眼界的一個最快的方式就是臨摹飛機稿。
只有當你飛到兩萬英尺的高空博杖,你才能看到最廣闊的風景椿胯。
視覺效果極佳的飛機稿就是提升審美的一個相對的捷徑。
但是在實際落地的需求中大肆運用飛機稿去設計剃根,那就是找死了哩盲。
設計分為上限和下限。決定著你設計水平的體現(xiàn)和實際項目的體現(xiàn),切忌相混廉油。
就如同車展的概念車和落地車惠险,有可能你自己上限和下限的差距,比人跟豬的差距抒线,
都要大班巩。
五、多去關注一下行業(yè)狀況嘶炭,跳出設計本身去思考問題
UI設計和平面設計不同抱慌,我們設計的是一個軟件產(chǎn)品,甚至有時候還包括著一些內(nèi)部
的跳轉架構眨猎。
只有你吃透了相關行業(yè)的運作遥缕,才能明白其中的邏輯關系,才能更好的去設計產(chǎn)品宵呛。
前些年UI設計群里一直有人每天都在發(fā)“XXX20億融資O2O”之類的歸類新聞,有什
么用呢夕凝。
不如撇開這些快餐式的行業(yè)新聞宝穗,直接去看一看相關專業(yè)人員的分析。
看的越深码秉,你就會越覺得逮矛,
設計只是一個產(chǎn)品內(nèi)部的一個齒輪,外觀做的再漂亮转砖,也不如和其他的齒輪有一個默
契的配合须鼎。
有的人總喜歡噴別的設計師或者別的產(chǎn)品,做出來的東西一點都不好看府蔗。尤其是培訓
班的設計師晋控,自己的設計稿天花亂墜般酷炫,外面的產(chǎn)品是如此的普通姓赤。
但是赡译,當你糾結于設計本身的時候,你是否發(fā)覺自己進了一個死胡同不铆。
網(wǎng)上的屠龍寶刀蝌焚,點擊就送,是不是丑誓斥?
但是這是一個洗腦式的營銷只洒。
有的產(chǎn)品交互是不是不太合理?給用戶增加了不少的麻煩劳坑?
交互設計不全等于尊重用戶體驗毕谴,而是在體驗和變現(xiàn)之間尋求一個平衡。
六、適當?shù)慕⒆约旱脑O計素材庫
這點不多做贅述析珊,但是請注意羡鸥,你的素材庫一定是要有一個素材命名規(guī)范的
比如01-001-XXXXX
01代表移動端或者PC端
001代表設計素材的編號
XXXXX代表你對這個素材的簡略概況
這樣能讓你在擁有近五位數(shù)的素材的時候也能快速準確的找到你想要的那一張。
(圖片來自網(wǎng)絡)
七忠寻、細節(jié)處理
我上高中的時候惧浴,一個美院老教授來我們學校開講座,我問了一個問題奕剃。
如何畫好一幅素描衷旅?
老教授回答了六個字:“造型、空間纵朋、對比”
當時不理解柿顶,現(xiàn)在想了想,其實足夠操软。
對于新人設計師嘁锯,我也想說:“字體、間距聂薪、關系”
字體指的是一個合適的字體以及合適的字號
我現(xiàn)在還見到有的設計師用宋體用楷體家乘,理由是好看。
我現(xiàn)在還看到有的設計師在750*1334的設計稿上用很小的字體藏澳,理由是顯得精細仁锯。
這樣的設計稿如果給前端,簡直是一場災難翔悠。
間距指的是合適的間距业崖,MD上講的是8px 16px 24px。
關系指的是你需要明白你設計稿顯示的主要信息是什么蓄愁,次要信息是什么双炕,不重要信
息是什么。
這樣撮抓,在你設計的時候雄家,你是不是就可以把主要信息突出展示,不重要信息可以在空
間擁擠的時候收起來胀滚?
---------------------------------------------------------------------
到此為止趟济,不知道能不能給大家?guī)硪恍﹩l(fā)
總得來說這個教程適合設計入門的準UI設計師,如果您喜歡咽笼,我將不勝歡喜顷编。
歡迎各位一起學習交流:3-4-3-5-9-8-4-2-6-9