UI設計教程稀火!如何提升你的設計水平

分享給剛入門的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

?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市剑刑,隨后出現(xiàn)的幾起案子媳纬,更是在濱河造成了極大的恐慌双肤,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,681評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件钮惠,死亡現(xiàn)場離奇詭異茅糜,居然都是意外死亡,警方通過查閱死者的電腦和手機素挽,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,205評論 3 399
  • 文/潘曉璐 我一進店門蔑赘,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人预明,你說我怎么就攤上這事缩赛。” “怎么了撰糠?”我有些...
    開封第一講書人閱讀 169,421評論 0 362
  • 文/不壞的土叔 我叫張陵酥馍,是天一觀的道長。 經(jīng)常有香客問我阅酪,道長旨袒,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,114評論 1 300
  • 正文 為了忘掉前任术辐,我火速辦了婚禮峦失,結果婚禮上,老公的妹妹穿的比我還像新娘术吗。我一直安慰自己,他們只是感情好帆精,可當我...
    茶點故事閱讀 69,116評論 6 398
  • 文/花漫 我一把揭開白布较屿。 她就那樣靜靜地躺著,像睡著了一般卓练。 火紅的嫁衣襯著肌膚如雪隘蝎。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,713評論 1 312
  • 那天襟企,我揣著相機與錄音嘱么,去河邊找鬼。 笑死顽悼,一個胖子當著我的面吹牛曼振,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播蔚龙,決...
    沈念sama閱讀 41,170評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼冰评,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了木羹?” 一聲冷哼從身側響起甲雅,我...
    開封第一講書人閱讀 40,116評論 0 277
  • 序言:老撾萬榮一對情侶失蹤解孙,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后抛人,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體弛姜,經(jīng)...
    沈念sama閱讀 46,651評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,714評論 3 342
  • 正文 我和宋清朗相戀三年妖枚,在試婚紗的時候發(fā)現(xiàn)自己被綠了廷臼。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,865評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡盅惜,死狀恐怖中剩,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情抒寂,我是刑警寧澤结啼,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站屈芜,受9級特大地震影響郊愧,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜井佑,卻給世界環(huán)境...
    茶點故事閱讀 42,211評論 3 336
  • 文/蒙蒙 一属铁、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧躬翁,春花似錦焦蘑、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,699評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至宁舰,卻和暖如春拼卵,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背蛮艰。 一陣腳步聲響...
    開封第一講書人閱讀 33,814評論 1 274
  • 我被黑心中介騙來泰國打工腋腮, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人壤蚜。 一個月前我還...
    沈念sama閱讀 49,299評論 3 379
  • 正文 我出身青樓即寡,卻偏偏與公主長得像,于是被迫代替她去往敵國和親袜刷。 傳聞我的和親對象是個殘疾皇子嘿悬,可洞房花燭夜當晚...
    茶點故事閱讀 45,870評論 2 361

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