標籤:

零基礎怎樣自學UI設計?

[圖片未上傳成功]


我跟你說哦

哪些貼長長的圖的,都不是教你學UI的,首先,你沒個三年五年根本就做不出來那些東西,其次,三年五年之後你做出來了,你會發現那些東西只適合在知乎上貼貼圖編編答案忽悠小白,日常工作根本用不了

我挺煩有些菜雞賬號/營銷號,網上到處抄襲,摳圖,ctrlV過來,看著高大上看著酷炫要死,實際上邏輯混亂對新手學習毫無幫助,看一百篇也沒個啥的屁用

我跟你說個簡單點的,還是純手打的,而且看完了就能哐哐哐操作起來的學習路線,我不貼些個誰都看不懂的酷炫圖刷屏,也不說啥高冷的東西裝水平,就實打實告訴你怎麼學,有一句話看不懂的你來揍我

step1:畫畫/PS

畫畫是一切設計的基礎,學素描也行,《三十天學會畫畫》也可以,不必糾結要學到什麼高度什麼的,學到能畫出來你身邊常見的物品就行

PS,注意,這不是設計的基礎,這只是表達你想法的工具,好廚子也得有把菜刀不是?學個工具始終是有用的,但是工具不是重點,慢慢學慢慢積累就好

學完這倆事,你就可以畫圖標了,注意,原創的!!!別老看別人教你臨摹,沒技術含量,要整咱就整個有難度的,原創的!!!

還不知道咋原創?我靠紙上畫出來拍個照扔到PS里照著畫啊

step2:設計理論

別一上來就擼那些個用戶體驗要素交互設計原則,你能擼得懂我就退出UI界。

設計理論擼啥?我跟你說哦,一本平面設計基礎,老外寫那種(有點厚,我看的是馬庫斯·韋格寫的),你能擼明白這本,能把理論運用到你日常練習里去,你就能秒殺80%的入門級UI了,不誇張,80%,甚至更多

當然細細擼完一遍之後就停手,你還有很多事要做,但是,這部分內容是需要你幾個月後工作後甚至整個設計生涯都需要回頭來反覆擼的東西,月薪不過2W之前你都得擼這本,終身收益。

step3:UI實現

這會兒你需要先摸摸html/CSS,但是切記不要學太深!!!切記不要學太深!!!切記不要學太深!!!所謂的網頁設計規範都在裡頭了

因為你是設計師,好設計師是不寫代碼的,如果有人說寫代碼好找工作,你去看看是不是3-4K的好找?8K1W以上的根本不需要你寫代碼?呵呵呵

移動端的就更簡單了,就這倆,看明白了就完事了,別想多,看不懂去百度中文版

Design - Apple Developer

Introduction - Material design

step4:了解交互/用戶體驗

先看工業設計/人機工程學教材。

為啥看這倆狗屁不著邊的東西?看不懂這兩本你就根本不知道交互設計師在做什麼。別著急擼交互聖經,那是高屋建瓴的路數,要學就先學基礎,學本質。

然後你再去擼那些交互聖經,再去擼那些高大上的書單你才能明白你在學神馬玩意兒

step5:找工作去吧

這沒啥書可看的,多受受打擊就好了


從零基礎如何自學 UI 設計?點擊查看詳情

接下來給大家講解一下怎麼去學?

那麼到底怎麼去學呢?其實方法有很多種,首先學UI設計是一個長期的過程。UI設計是沒法速成的。最少要安排四個月時間,最低要求,每天安排2個小時來學習。如果學習時間都沒有的話怎麼可能學會呢?

學習UI設計的方法有很多種,比方說看書,看網站,看視頻來進行學習。我給大家推薦一些UI設計的書籍,大家可以每天抽個30分鐘來看一看這些書籍,不是說讓你們當小說一樣看,一次直接看完。很多東西是需要自己去慢慢領悟的。該記的筆記要記下來。像裡面有配色的書籍,就算你把裡面的內容背下來有什麼用?你要用到實踐中才行的。這些書籍的話已經算得上是UI設計的頂級書籍了,無論是學配色,學排版,學用戶體驗都講到了。書籍推薦就講到這裡。

UI設計學習書籍推薦

《寫給大家看的設計書》

這本書主要講解的是,排版的一些理論,非常適合沒有設計基礎的學員,版式弱的一定要好好看看這本書。

《騰訊傳》

這本書主要講解的是,騰訊公司18年的成長史,從早期的QQ產品的上線,到後期騰訊公司的上市,再到後期微信產品的上線。詳細的講解了騰訊公司的產品史和公司的成長史,對於產品用戶體驗思提升,這本書幫助很大。

《喬布斯傳》

這本書主要講解的是,蘋果公司創始人喬布斯的一生,從出生到創建蘋果公司,到蘋果手機的發布,喬布斯號稱全球最偉大的產品經理,及的產品思維,簡單達到了神般的境界。

正是因為喬布斯研發出來了蘋果手機,才推動了智能手機行業的飛速發展,從而讓移動端UI設計也是,飛速的發展。這本書強烈推薦一看,用於提升自己的產品思維,再好不過了。

《海底撈你學不會》

這本書主要講解的是,海底撈的用戶體驗,海底撈是一家火鍋店,其的服務是火鍋界,目前還是全國第一的水平。看完了這本書,才會理解什麼叫做頂尖的用戶體驗服務,這種體驗服務的思維,值得我們深思,之後可以看情況的用於我們的UI設計產品中。

《UI設計黃金法則》

這本書主要講解的是,UI設計界面中的一些排版法則,適用於對於UI設計界面設計,版式顏色這塊不知道如何進行的學員,不過此書比較深奧,一般人看不懂,大家需要多看,細看,才能看懂。

《設計師要懂心理學》

這本書主要講解的是,用戶心理學,我們做設計的時候很多時候,要考慮到用戶的心理是怎麼想的,我們再站在用戶的角度上做設計,對於學習設計心理學,幫助非常的大的,強烈推薦大家一看。

UI設計學習網站推薦

接下來講如果在網站上學習,UI設計的學習網站的話有很多,站酷,花瓣,UI中國,優設網。我就用站酷舉例吧。在站酷的UI作品一大堆,大家學習的話需要懂得欣賞作品,需要知道哪些是好的作品。在站酷上作品這麼多,如何知道哪些才是好的作品咧?可能剛剛學UI設計的網友完全分不出來什麼作品好什麼作品不好,這樣的話我建議大家去看看首頁推薦的作品。能上首頁推薦的作品基本都是特別牛逼的。大家可以每天花一點時間多看看別人的作品,看到好的作品就可以收藏起來,慢慢的你的審美能力就會有所提升。

今天給大家分享有關零基礎如何自學UI設計此講解完畢。希望對大家學UI設計的過程中會有所幫助。

最後,希望能夠得到更多朋友的反饋,「贊」或者「評論」,你們的意見能夠幫助我驗證自己對設計的理解,並幫助我不斷完善它。你也可以在知乎中關注我,後續,我會陸續將文中提到的 色彩、文字與排版、動效、圖標等內容等系列文章的形式分享給大家。感謝大家的支持和鼓勵。


希望以下這些學習資源,可以讓你很好的入門,以後就不用到處去找UI設計教程了。

通過這些教程的學習,至少能夠讓你達到初級UI設計師的水準。以下學習資源,非常適合預算較少、但想要系統自學UI設計、獲得高質量學習體驗的同學。

在準備學習之前, @酷coo豆 個人覺得還是有必要了解以下知識。至於UI設計到底有沒前途?能否拿到高薪,這些都是個人因素佔主導,我就不在此做過多介紹了。

一、自學UI設計,你應該知道的事。

首先,我個人也是十分贊同自學UI設計的,但題主可能比較迷茫的是:學習UI設計到底該學些什麼?簡單來說:UI設計的知識體系中包括:軟體技法、交互設計、設計規範、圖標設計、界面設計、動效設計幾個部分。

1.軟體技法(你大部分時間都會與軟體打交道)

軟體技法,也就是繪製界面或圖形設計的能力。常用到的工具有PS、Sketch、XD、AE、Principle等,但你並不需要把所有軟體都學得滾瓜爛熟,因為在一個完整的APP或Web項目開發中,你只會用到軟體的部分功能。

做界面通常會用到PS、sketch,做動效可用Principle、AE,做交互原型可用sketch、或XD。建議先把PS軟體學精通後,其他軟體也就是觸類旁通的事了。所以有了一個思維上的高度,你就不會覺得要學的軟體太多而打退堂鼓。

2.交互設計(滿足功能需求,產品否好用的基礎)

交互設計確定了用戶與界面的交互邏輯,以及溝通方式。通常包括了界面中的圖像、文字、icon、按鈕的布局,以及以及頁面間的來回跳轉邏輯。

△圖例,交互設計稿

3.設計規範(這是細緻活兒)

產品經理把交互稿(線框圖》畫好後,作為UI設計師的你,得根據交互稿(線框圖)及不同平台設計規範,去確定頁面的視覺風格,以及視覺元素的具體尺寸、按鈕寬高,繪製界面中的矢量圖標,選好標準字、標準色,確定字體、字型大小、顏色、行距等具體的事宜。

△圖例,京東APP的色彩規範

4.圖標設計(屬視覺範疇)

圖標就是圖標咯,英文叫icon。圖標的應用場景包括:APP的啟動圖標、App Store的展示圖標,APP頁面內的功能性圖標、裝飾圖標等。圖標的風格可以說有千萬種,是很能反應一個APP產品的調性的,所以圖標設計,也一直是UI設計師最熱衷的點。

圖例,新聞微博部分圖標設計

5.界面設計(屬視覺範疇)

按照UI設計規範的一致性,將錯綜複雜的線框圖,完善並優化為一幅幅高保真的視覺設計稿,確保觀感舒適,邏輯層次清晰。UI設計師的大部分時間都耗費於此。

△圖例,新浪微博UI界面布局

6、動效設計(呈現交互邏輯)

把靜態的界面,按一定的規則、邏輯通過相關軟體動態的展示出來,讓其他介面人員更直觀理解UI設計師的成果和理念。

二、學前熱身——40分鐘,掌握設計通識理論。

說完了UI設計的知識體系,接下來就該系統學習設計相關的基礎知識了。UI設計在某種角度而言,算是平面設計的一個分支,其目的都是為了信息的傳達及交流。在具體的視覺設計執行過程中,其就是處理圖像、文字、色彩、這些視覺元素以及排版構成。

如果你未有系統學習過平面設計,你可過一遍以下的設計通識理論,以此完善你的理論知識體系。

1.設計入門:字體排印篇

字體排印,存在於我們閱讀的書籍、網站,以及日常生活之中。掌握以下字體排印需要注意的細節,你便能製作出更好的平面設計。

2.設計入門:色彩理論篇

初學平面設計,總覺得色彩搭配晦澀難懂。不過值得慶幸的是,早有專家學者歸納出了如下的色彩理論,能夠幫助你更好的認識理解色彩。

3.設計入門:排版構成篇

設計沒有好的排版,信息傳達就會受阻,不但影響閱讀效率,甚至導致頁面凌亂不堪。通過學習本文所講解到的「5個排版構圖基本原則」,很快你就能達到專業設計師的水準。

4.設計入門:圖像篇

在信息傳播中,圖像是最能吸引受眾的王牌。從氣勢磅礴的電影海報到抽象極簡的UI圖標,正因為有了圖像或圖形的加入,畫面也由此變得生動了起來。

5.設計入門:設計的基本原理

無數令人驚嘆的設計作品,都離不開線條、圖形、形態、肌理這些最為基礎的視覺元素。接下來,我們就從0開始,學習其中的門道。

三、技法修鍊——徹底掌握UI設計軟體

這一階段的目的,是掌握UI設計的常用軟體,主要以學習Photoshop為主,熟悉其軟體操作界面,用作UI界面設計繪製。然後AE軟體是用作動效的,也需要你適當了解。如果你有Mac電腦,往後可以再學習一下sketch這款軟體。

PS軟體基礎:photoshop CS6零基礎入門教程 (必學,用於界面設計

Sketch軟體基礎:Sketch中文用戶手冊(目前只有Mac版本,Win用戶學PS就行了)

AE軟體基礎:AE零基礎中文入門教程(必學,用於UI動效設計)

以上幾個教程非常細緻,能夠幫你一掃軟體知識盲點。

四、理論+實踐——深入學習UI設計核心知識。

這一階段的目的,是掌握UI相關的設計規範,樹立UI設計的思維方式。同時再輔以大量的UI設計臨摹練習,在鞏固軟體技法的同時,加深對UI設計理解,思考UI設計的本質。

1.理論——學習UI設計理論,及設計規範。

掌握UI設計的核心思維方式,學習為什麼要這樣設計,以及怎麼開始UI設計的的背後邏輯,及其指導思想。

書籍:《設計之下》(掌握UI設計流程,以及設計規範)

書籍:《界面設計模式(第2版)》、《交互設計沉思錄》

iPhone尺寸規範

2.實踐—UI圖標設計

深入學習歸納物體材質、光影、透視結構;並用PS軟體繪製表現的技法。

UI圖標設計:《精品ui圖標製作教程》

3.實踐—UI交互設計

UI設計的核心知識一是交互,二是視覺,所以這一部分的知識非常重要!

UI交互:《sketch交互設計入門到精通教程》

4.實踐—UI動效設計

把靜態的界面,按一定的規則、邏輯通過相關軟體動態的展示出來,讓其他介面人員更直觀理解UI設計師的成果和理念。

UI動效設計:《UI動效設計教程-AE軟體》

5.實踐—界面設計,做大量的UI臨摹練習

此階段,你可以參考或CollectionUI,或UI中國,裡面有一些優秀的作品及經驗分享,從中臨摹以提升你的軟體技法,或從中學習別人產品開發流程、以及UI輸出經驗。

五、後期提高——多看優秀設計作品,保持與行業的交流分享。

優秀的設計,源於設計師個人對生活的體驗,以及對美好事物的嚮往。這一階段可以通過多看優秀的設計作品,更多的豐富設計理論知識。保持著長期學習,與時俱進的狀態。

Dribble:Show and tell for designers

Behance:Behance

站酷:打開站酷,發現更好的設計!

書籍:視覺設計書籍推薦(豐富更多的設計理論知識)

以上幾個分享的教程和書籍,完全足夠你掌握UI設計的技能,並找到相應的設計工作。你把上面的所有學習教程買下來,也不會超過1000塊。最後不要忘了,善用搜索引擎,是高效自學UI的關鍵!

關於我

@酷coo豆 ,平面設計學習日記網站長,非科班平面設計師,對自學設計有著深刻的見解。樂於分享自學平面設計的相關書籍、教程、經驗等資源參考,希望和你一起進步,歡迎訂閱我的專欄。

最後推薦:職業平面設計教程、100本設計書單匯總


近幾年UI設計在國內發展的非常好,前景也很樂觀,10-15萬左右的平均年薪水平吸引了不少人想挑戰UI設計師這個高薪職業,那麼UI設計應該從何學起也就成了很多人關注的問題。今天,借題主的問題,簡要與大家分享:

了解UI

很多人認為,UI設計師就是使用PS或者AI設計出APP頁面的圖案,設計圖標等。這一理解非常片面,因為表達媒介的使用只是UI設計師應該學會的內容之一。

此外除了圖形設計以外,UI設計師還需要了解交互設計和用戶測試研究方面的內容。交互設計,需要掌握好產品的操作流程,符合人的心理學和操作習慣,最後還要給出模型和規範。

圖片來源:https://www.pinterest.co.uk/pin/330803535113905091/

UI設計流程

UI設計與工業設計都是以用戶為中心的設計,設計流程非常相似。其工作步驟主要有:定位與分析,用戶研究,架構設計,原型設計,界面設計,可用性測試,修改和完善

1. 定位與分析

UI作為產品的一種,是為了解決問題而設計出來的,因此想要設計出一款UI,就要先從發現問題(需求)出發。一般情況下,需要從背景分析開始,對目前的市場、技術、產品、用戶進行大致的了解。之後使用mindmap進行頭腦風暴,尋找問題點和設計靈感。此方法可以鍛煉設計師的立體思維能力、放射性思維能力和聯想能力。

圖片來源:https://www.pinterest.co.uk/pin/458382068297462492/

2. 用戶研究

用戶研究與調研,是貫穿著整個設計流程的,其方法有兩種,一手資研與二手調研。一手調研是需要設計師自己去進行信息採集的,比較普遍的方法有,訪談法、觀察法、問卷調查法、或是查閱文獻和圖書,並進行數據的總結和歸納。二手調研是比較省時間的調研方法,可以直接使用媒體和網路上已有的數據和信息。接下來就需要通過信息可視化的形式對數據的視覺化表達。

圖片來源:https://www.pinterest.co.uk/pin/112167846945599160/

3. 架構設計

產品架構設計、功能設計、操作邏輯設計都是在架構設計階段需要進行的,最重要的內容就是繪製產品結構圖和產品流程圖。產品結構圖需要描述模塊之間的關係,包括調用關係、組成關係、順序關係、鏈接關係等。

圖片來源:http://blog.kui.name/2011/02

4. 原型設計

UI的原型設計繪製方法有很多,可以畫手稿圖,也可以用Axure等軟體進行設計。

圖片來源:https://www.pinterest.co.uk/pin/475129829428235703/

5. 界面設計

界面設計包括各類圖標的設計、色彩的搭配等等。

  • Icon設計:可以參考康石石過往回答:比站酷網更好的設計網站有哪些?
  • 配色設計:可以參考康石石過往文章:交互設計的配色秘訣--康石石藝術留學問答錄No.34

6. 可用性測試

可用性測試有三種方式,一對一用戶測試,啟發式評估,以及焦點小組。紙質的原型設計比較容易做用戶測試,電子版原型會比較精準,測試時需要找到有代表性的用戶來完成典型人物。

測試的主要目的是通過觀察分析用戶來提高產品的質量,讓產品用起來更方便,易懂,易操作。分析觀察能力和邏輯能力是這個階段必備的功能。

圖片來源:https://www.pinterest.co.uk/pin/465067099006777172/

7. 修改和完善

最後的階段就是針對於測試出來的問題,進行產品的改善。

UI設計學習重點

成為一個UI設計師很容易,但是想成為一個優秀的UI設計師,是一件很難的事情。不僅需要軟體基礎,也要具備邏輯性和設計思維。國內的UI設計師已經被細分成了很多職位。產品經理主要負責前期的調研以及確定產品架構和確定需求,UI平面設計師是負責交互界面的視覺設計,用戶研究員是負責後期可用性測試,題主可根據自己的發展方向選擇學習方向。

圖片來源:https://www.pinterest.co.uk/pin/355573333070286054/

UI設計學習方法

1. 根據康石石上面所說的「學習重點」,想自己想成為什麼樣的UI設計師,再選擇學習方向這樣比盲目的學習會更有效率。

2. 先熟悉設計流程和必備的技能,再確定學習方式。比如是選擇先閱讀理論基礎,還是先學習手繪方法,或者是軟體繪製,這都需要制定一個完整的規劃表。

3. 一定要多動手,很多人學設計只停留在「看」,其效率是非常低的。自己動手做一個icon,遠比瀏覽上千個icon會成長的快。

4. 先借鑒,再原創。一開始就很著急想做原創設計,難度非常大。因此很有可能中途自暴自棄,此時可以先試著模仿一些案例,在掌握好所有技術的層面上,再進行自己的設計,會更得心應手。

總之,從零基礎到成為一名UI設計師,是一個很大的挑戰。從分析自我開始著手,想好自己想要什麼,做什麼樣的設計,再去選擇具體的設計領域和方式是非常關鍵的。UI設計有著其固定的設計流程步驟,因此不是學習了軟體技能,或者閱讀幾篇文章就可以掌握的的。題主需要從理論知識開始學習,再到軟體、繪圖和測試等等,按照UI設計的流程步驟,將每一步都學會,才是學習UI設計最好的辦法

以上望有幫助,歡迎交流

———————————————————

歡迎關注我的個人官方微信(kang-shishi)

如有藝術留學、院校、專業、作品集方面的問題,可私信康石石諮詢


下面總結了UI設計初學者應該怎樣入門的方法,希望 對新手有所幫助。

一、新手如何學習ui設計,軟體學習

ui設計要學的東西很多,軟體是基礎的東西,要想做好出好的ui設計就得先熟練掌握ui設計的基礎軟體,軟體方面有:PS、 AI、AE、ARP,不過對於新手,小編認為還是一定要先把Photoshop學紮實。Ui設計要學的都是比較高級的知識,學習起來也是需要花時間和精力的,所以基礎軟體一定要先學紮實。

二、新手如何學習ui設計,找靈感

如何找靈感,也就是培養審美的能力,首先我們要知道什麼好看,什麼不好看。當我們排斥那些不好看的設計的時候,我們的品味就自然上升了。

再就是要知道去什麼網站上看設計作品。看到不錯的設計要採集下來。說到這裡,小編給大家推薦一些不錯的網站。如:花瓣網、站酷、UI中國、Behance,和有關UI設計的微信公眾號等等…

那麼,如何能快速找到靈感呢,當我們接到一個設計任務的時候,該如何去快速的執行,快速找到靈感呢。平時的素材採集和分類至關重要。一定要整理分好自己的素材文件夾。這對於一個設計來說是非常重要的。

設計師的素材資源庫,就是自己的財富,只有自己整理出來的才有價值。關鍵是自己要記得東西放在哪裡了,不要用的時候找不到。

三、新手如何學習ui設計,懂分析(怎麼思考)

學會分析好的設計作品,主要從下面的幾個方面去分析:

1.是配色上吸引了我們的眼球 還是 版式設計吸引了我們的眼球?

2.細節處理的很有新意嗎?

3.背景烘托的很有檔次嗎?

4.為什麼排版上看著很舒服?

然後再換位思考一下,如果是自己,自己會如何設計,設計手法和細節的處理會不會?創意想法上有沒有給帶來些什麼靈感...

四、新手如何學習ui設計,做筆記(怎麼做)

有沒有發現一個問題,我們每天都在看各種設計作品,真到自己做的時候,一下子全都忘記了,腦子短路了。之前看到那麼多好的設計作品也都白看了,人家的還是人家的,跟自己一點關係也沒有。

所以建議準備一個小本子,養成做筆記的習慣,堅持完成下面三點:

1. 看到了什麼好設計畫一畫。

2. 想到了什麼好點子,寫一寫。

3. 做會了什麼或是想要學點什麼,都記錄下來。

沒事拿出來翻翻看學習的時候積累的心得,精益求精。

今天分享就到這裡啦,如果我的回答對大家有幫助的話要記得幫小編點贊和轉發喲。謝謝大家。


兩種方式,一個是自學一個是培訓機構

1、自學

首先你要問問自己是不是真的對這個行業感興趣,因為作為零基礎轉UI的話要面臨很大挑戰,要有超強的自制力和吃苦耐勞的精神才行

然後找到一個專業做交互或者UI的大神帶你,幫你梳理知識體系及設計思維。你自己也要整理一個大框架,了解UI到底是什麼,都需要學什麼怎麼學,給自己定一個計劃

之後開始從基礎入手學習吧,但是要有一個正確的學習方式。UI的學習中雖然軟體及手繪等這些基礎的東西要熟練掌握,但是設計思維、理念以及能力的培養才是你最應該去實現的

2、找培訓機構

現在市面上的機構很多,大部分機構也是看覺得有利可圖所以都會開設UI課程。但是在選培訓機構的時候水是很深的,有的機構自己都不大清楚UI到底該怎麼學、並且授課老師專業程度那真是呵呵了也敢出來帶學生,並且大部分都會給你包就業,但是就算是某些上市的大機構出來的,就業是很難保障的。很多公司看到這些機構學生的簡歷就直接扔掉了,培訓出來的質量就不多評價了。所以還是上面提到的,正確科學的學習方法是很重要的,所以你在找機構的時候這些都要考察好。

———————————————————————————————————————————

感謝邀請,那麼我把最近學生們遇到的問題說一下吧

可能已經有人加過我微信了,我也輔導了不少零基礎學UI的朋友們,但是問題真的還挺多的

經過這一段時間給大家的輔導和建議,客觀的講,我是不建議朋友們在完全沒有基礎的情況下去自學的。我先說一下哪些人群適合自學UI

1、本科或碩士學習工業設計、或者數字媒體與藝術交互方向的

2、或者之前學習視覺等相關設計專業,有一定時間的工作經驗,熟悉產品設計流程,有過多個項目經驗。

自學的朋友們都遇到哪些問題:

1、有許多完全沒有繪畫基礎以及和設計專業一點不搭邊的夥伴們在自學的時候,最開始是不知道從哪下手。之後在各種平台上看到學學軟體和手繪、在站酷等平台臨摹點線框圖就OK。然後開始各種找軟體學習視頻,再然後PS能搞定,AI有的就已經出現問題了,更不用說flash、axture這些軟體。之後進行不下去就放棄了,開始考慮找相關UI實習的工作,然而這個幾乎多半會落空。

2、有一些有經驗的朋友們,其實視覺部分確實已經很不錯了,自己也做了一些簡單的作品集。之後可能想找工作,但是到處投簡歷都會落空。我也看過很多這樣的作品集,分兩種:第一種,學美術和設計類的同學們,審美什麼的還可以,但是作品集沒有產品設計流程圖,有的也都是臨摹設計平台的,做出來的東西很隨意;第二種,其他專業的夥伴自學的相關軟體做出來的作品集,視覺上的配色和審美就有很大的問題。

3、對於UI設計在概念上就已經理解錯了,之後整個學習的過程就跑偏了。

4、很多朋友說想自學UI,然後發現手繪要學、軟體要學、最關鍵的是沒有項目經驗,有的朋友問過我手繪不太好,能不能報一個素描班。學習方法不正確其實真的會在學習的過程中走很多彎路,特別是想轉行的夥伴,而且會白花費掉很多時間和錢,這都是不值得的。

5、有一些相關行業經驗的朋友覺得UI設計師和平面設計師、視覺設計師無區別,甚至覺得UI設計師就是美工,所以就按照這個套路自學了。

6、UI設計更多還是要實際操作多一些,在很多夥伴自學到要實際操作環節自己也發現完全照著別人做好的項目臨摹對於自身提高並不大,並且很容易思維固話,很難再想出創意點。

目前問題就想出這麼多,以後想到繼續補充

為什麼我不建議大家在沒有基礎的時候自學?

如果大家不太了解UI設計,那我舉個很簡單的例子。我們就拿學外語來說,之前我在美國讀碩的時候,我朋友有一個韓國人,我每天和他在一起,有語言環境,簡單的韓語日常對話是可以溝通的,後來都說日語的語法和韓語非常相近,只是發音和辭彙的不同,我自己也是覺得韓語還不難學,嘗試著自學日語,發現除了前期把五十音圖背下來之後,之後可以背單詞和自己買了各種版本的句式語法書,就沒什麼可以做的事了,至於每句話如何應用也是相當蒙圈。然後我想到英語學習的提高方法,畢竟是考過GRE,而且都說外語學習相通的。然而我也用同樣的方式去學習日語,效果是有的,只不過因為不是專業想學習,堅持不下去是必然的,造成之前學習的東西也忘記了,還有就是很多語句的用法在溝通的時候是不恰當的,導致日本人也聽不懂,我自己也不知道在說什麼。

可能有朋友覺得我說的過於偏激,並且可能有些朋友知道我自己公司有培訓課程才會這麼說。很多自學出來的設計師甚至比科班出身的都會優秀很多。

但是我在這裡想提醒大家一點,除非你很有天賦又具備超強的自制力的前提下,那我真的非常支持大家去自學。我們每個人都會被惰性所控制,這些雖然能理解,但確實是我們在實現一件事情的最大阻力。

在你面對一個龐大體系新的學科的時候,甚至很難下手,而且會越學越迷茫。

所以,朋友們,在什麼情況下是可以拜託老師或有人帶自學呢

你至少是已經入門,對整個學科體系已經有清楚了解,知道該如何學習的時候,自己研究是不錯的選擇。

之後我再次普及一下UI設計的概念,UI設計也就是用戶界面設計,但是用戶界面的設計絕不僅僅是視覺上的,UI是一種呈現形式,是最後的產出物,是整個團隊經過整個設計流程最後實現的。

並且準確的來說UI並不僅僅是一個專業,而且一種呈現形式,通常和交互設計用戶體驗設計配合,是產品設計流程的最後一個環節。

以上僅是個人言論,以後有想法會及時補充,也歡迎大家提出不同意見多多交流。


ui設計師可以說是現在最吃香的行業,從事ui設計師可以說已經成為了許多年輕人新的發展方向。隨著大眾越來越重視文化享受,很多應互聯網潮流而出的網站、軟體,每天都在更新替換。就業市場對於ui設計師的需求也是與日俱增。對於沒有設計基礎而又想從事ui設計的人來說,最擔心的問題就是零基礎是否能學好ui設計,一個設計小白應該如何學習ui設計。

首先對於零基礎ui設計學習者,大家千萬不能因為自己沒有經驗和知識儲備,就感到畏懼。任何能力都不是與生俱來的,絕大多數人的成功都源於後天的學習和勤奮。零起點學習並不可怕,零基礎學習ui的人非常之多,關鍵是要找到合適自己的方式方法。不過從客觀的角度來說,自學ui設計的難度確實比較大。學習的系統性和連續性難以保證,三天打漁兩天晒網的學習,想有學習效果會非常難。

零基礎學習ui設計,首先我們要問自己是不是真的喜歡從事ui設計,是不是已經下定決心在ui設計領域有所建樹。如果不是,那麼我奉勸大家打消學習的念頭,沒有熱忱在這個行業是很難成功的。如果經過深思熟慮,下定決心開始進行ui設計學習,那麼就要開始思索如何學習,都要學習哪些內容。

UI是User Interface(用戶界面)的縮寫,我們常常把用戶體驗掛在嘴邊,而UI就是提升用戶體驗的秘密武器。友好的用戶界面,可以實現用戶與網站或者軟體之間更好的交互,讓軟體的操作變得更加舒適、更加人性化。可以毫不誇張的說,UI決定了互聯網創業的成敗。以下6點是我從實際操作和工作中總結的一些經驗,希望能幫到各位零基礎ui設計學習者:

一、清晰的界面往往會給用戶留下深刻印象

清晰的界面,這是每一個UI設計師都必須准從的準則。模糊不清,主題不明確的界面是不會引起用戶喜歡的。模糊的網站界面,會給用戶以混亂的錯覺,這樣會很 容易引起疲勞。我們可以想一想,一個讓用戶反感的UI設計,是不是一件失敗的作品呢?因此,UI第一要素就是建立清晰界面的思維,從而將這種思維應用到實 際開發之中去。這將會在很大程度上提高用戶體驗。

二、遵從「簡潔但不簡單」的設計原則

UI設計,清晰是第一要素,但是光靠清晰的界面還遠遠不能稱得上是一件好的產品。一個好的UI設計,不僅具備清晰的界面,還要給用戶以簡潔的感覺。用戶的第一印象是非常重要的。而簡潔的UI設計原則會讓用戶在最短的時間內找到自己想要的內容,避免用戶在繁雜的內容中不斷探索。現在很多的站點都已經意識到了 這一點,很多站點進行改版,就現在的形勢而言,扁平化是UI設計應該考慮的一種方式。

三、給用戶以熟悉的感覺

給用戶以熟悉的感覺,這話怎麼說?難道說要讓這漫漫互聯網中的所有站點都統一風格,統一樣式?不用想,這當然是不可能完成的任務。所謂的給用戶熟悉的氣息,主要是指在UI設計的過程中要遵守一定的原則。雖說創新是前進的不竭動力,但是脫離用戶的創新就是一種倒退和失敗。這裡所致的熟悉,是指大家都非常熟悉的操作你不能刻意的去改變,比如:有下劃線的指的是超鏈接,你總不能顛倒過來吧?差號就是倒退或者刪除按鈕,這無論你怎麼創新,至少在目前來說,這不能改變吧?

四、和用戶交互,提升頁面響應速度

在很多UI設計者心中,UI設計只是一種關乎用戶界面的問題,與頁面響應速度毫無關聯。這樣的想法到底對不對呢?說到這裡,我們再來複習一下UI的定義:UI就是用戶界面英文單詞的縮寫。而UI的最終目標是提升用戶體驗,二提升頁面相應速度則是用戶體驗中必須要注意的東西。所以,在一定意義上,這樣的想法是錯誤的。作為一個UI設計師而言,頁面相應速度也是在開發過程中必須考慮的一個重要點。

五、整體必須保持一致風格

UI設計中還有一個必須注意的要點:整體要有一個同意的風格,比如首頁是扁平化的,那麼最好欄目頁以及內容頁也要開發成扁平化的;總之,整體的風格一定要統一,這其中不僅包含了顏色的搭配要統一,而且字體、布局等也要統一,這是一個比較廣泛的概念。之所以在UI設計中要保持一致的風格,這完全是站在用戶的 角度來思考問題的:只有保持統一的風格,才不會讓用戶在訪問頁面時產生錯愕的感覺。

六、增加美觀度,給用戶以愉悅之感

美觀度,顧名思義,就是整體UI設計的美觀程度。美觀度越高,用戶就會愛不釋手。在這個問題上,筆者想要說一說自己的想法,筆者認為就如今的形式而言, 「質感」是提高美觀度的一個秘密武器。在UI設計中加入「質感」,這會讓你的站點更加不同,更加完美。總之一句話:美好的事物總是會讓人心神嚮往。而增 美觀度,就是讓產品成為美好事物的必備條件。

零基礎自學ui設計最大的弊端就是難以捕捉靈感。學習PS、AI這些軟體即使前期難以操作或者不夠熟練,但是只要多加練習,都可以找到門路。但是設計靈感就不一樣了,這是需要積累和學習的過程。UI設計師是將視覺傳達到界面上去,並見創意融入到產品,讓人們在人際交出中也能有愉悅,從而讓用戶體驗更佳,可是怎麼才能讓用戶有更好的體驗呢?這就需要設計師的靈感去創造,都說靈感那麼靈感從何而來呢?我們都說靈感在生活中,在工作中,我們要用不同的角度不同的目光去觀察一個事物去思考。所謂的設計靈感其實我們也能稱之為「設計的感覺」或者是「設計思路」。

一個UI設計師的靈感來源

1、大自然是營造多種UI設計思維的來源

思考UI設計最好的其中一個地方就是戶外。看一看大自然中所有神奇的形狀和顏色的組合。

2、音樂能豐富UI設計的色彩

很多UI設計師都會同意一點,那就是聽音樂是一種很好的讓UI設計豐富多彩的方式,同時音樂還有很多其他作用。想一下當大家聽不同類型的音樂時,它們總會讓你感覺到混合而複雜的情緒。聽音樂的同時,讓你的思緒隨之而動,並且將在聽歌過程中你腦海中浮現的畫面作為產品的基礎輪廓。

3、包裝是激發UI設計靈感的重要鑰匙

包裝設計可能是一種最容易被忽視的設計類型了。想想有多少次你打開一包口香糖或者扔到一個飲料瓶時,甚至都沒有想到去看看它長什麼樣子。這些物品通常都格外優秀,因為可供它們使用的空間往往非常小。多看一下這種類型的東西可以切實的幫助你怎樣規劃小空間。包裝也有很多形狀和樣式,可以幫助UI設計師以不同的思維進行UI設計。

4、藝術是催動UI設計的關鍵

界面UI設計真的僅僅是藝術或者創造性表達的其中一種形式,看一看其他的藝術形式可以切實對一個項目的UI設計的推進起到很大幫助作用。但是不要遵守慣性思維只看畫作哦,像是許多雕塑之類的藝術作品,都可以讓大家的界面UI設計獲得靈感。

關於零基礎自學UI設計的方式方法有許多,主要看哪種方式適合自己。如果自控力強、悟性高,通過閱讀書籍自學成功者大有人在。

參加ui設計培訓在我看來也是進行ui設計學習的好的方式之一。畢竟至少在目前的高等教育學府還沒有設立ui設計相關專業,使得廣大的ui設計學習者求學無門。而講究「實戰訓練」的ui設計培訓課程更能滿足零基礎學習者培養工作能力的要求。畢竟現在是技能說話的年代,只有理論,沒有實踐能力的人會逐漸被時代摒棄。

如果大家還在為自學和報班學習ui設計拿不定主意的話,我建議大家先選擇一套好的視頻教程做初步嘗試。這絕對是我的經驗之談:珍藏版視頻教程,只與真心學習者分享。首先能了解整個學科體系,了解自己的學習能力和水平。既能避免衝動學習,又能節約時間成本。可以說通過視頻教程自學,我們能真實的認識到自己究竟適合不適合ui設計這個行業。

如果大家覺得有用,不要忘了點個贊哦~


零基礎怎樣自學UI設計?

UI設計行業的火爆,導致了許多人想學習UI設計!

但學習UI設計,有人說難,也有人說容易。故根結底就是學習方法不同造成的!

那至於零基礎如何學習UI設計這個問題!推薦大家看看這篇文章!

從零基礎如何學習UI設計?_Mac_豬豬俠_新浪博客,裡面的介紹很詳細!


學習UI設計可以分以下四個階段學習

  第一階段就是美術基礎,也就是素描手繪這塊,這個對於後期的UI設計有一個很大幫助。

  第二階段就是軟體層次了,現在的UI設計師一般要掌握以下幾個軟體,比如PS AI AE AXURE 。

  第三階段就是理論方面了。這個有內容就有點多了,比如配色,排版,字體設計,三大構成,消費心理學,溝通學,以及思維導圖,原型圖,還有交互邏輯,規範,切圖,了解程序,互聯網思維,用戶體驗,還有網路營銷都是需要學習的。

  第四階段,理論軟體都會了,就是臨摹作品,及原創作品了。然後就是不斷的做項目,參與互聯網各種UI大賽及一些兼職網接單兼職,和去互聯網公司做UI設計工作等。之後不斷的逛一些比較不錯的設計網站,比如站酷網等。長期堅持下去就能把自己的設計水平慢慢提升。

有了以上四個步驟,也不一定能成為UI設計高手,因為上面的是需要學的知識,這些知識如果只依靠零散似的自學是很慢很慢的。更何況,UI這條路的競爭也很強了,同時還要有很強的耐心,要能吃苦,能堅持,有信心,和專一。這樣才能學會。


簡短一點,也看了大家回答了很多。

第一,我認為的自學UI設計,應該是學什麼呢?一是學軟體操作,二是學設計思維(規範)

軟體就好說了,PS、AI、有機會再學點馬克鰻、C4D什麼的也夠用了。我們公司的設計用的軟體無非就是這幾種,C4D在最近的電商Banner中用的比較多,立體的那種的。

思維就比較多了。小到設計界面的大小,布局排版,大到整體網站的配色一致,功能區分。要想一個網站或是APP整體一致的話,要定下主色調,不能首頁大紅,內容頁大綠,你以為你做的網站是朵花????(好吧,冷笑話,估計沒人笑)

那不太清楚各位的情況了,如果你比較聰明,肯吃苦,軟體自學肯定沒問題,思維的話,多趟趟渾水,多走走彎路就行了。或者你就報個培訓班,填鴨式教學。現在的培訓班這麼多,總能找到適合你的。針對培訓班,我也不想多說什麼,畢竟有的收費高,有的時間長。看看大家的選擇吧~

最後奉勸大家一句,去培訓班之前,先去試聽,沒決定下來之前,不要交錢!不要交錢!不要交錢!決定下來之後呢,從一而終,畢竟是自己選的,不好好學就真對不起這個錢了。


零基礎學UI


推薦這個免費的教程~

UI設計零基礎教程 - 網易雲課堂


最近幾年隨時互聯網的曝光率和互聯網的盛行,UI逐漸成為了各大高校年輕人追捧的熱門職業,對於很多還沒入門的小夥伴或者是準備轉行業的小夥伴,如果是做過設計接觸過互聯網可能還知道,UI並非我們想像的那麼簡單,如果單獨只是外行人看,一樣看過去,不就是單獨一個界面嗎,我也可以現在做出來。

從外表來看,UI這塊界面看似是很簡單的,(這裡的話我這裡主要介紹的是現在的主流UI,在下面我會詳細給大家介紹到UI的分類)因為UI跟平面和電商設計是有區別的,你可能在地鐵站和一些大型商場上可能會經常看到那些光鮮和讓你眼前一亮的作品,可能哪個時候你在想什麼時候我也可以把我的設計做的那麼好啊。

但是對於UI,UI主要注重的是用戶體驗這塊,很多方面你在作品和一些日常APP上如果你自己仔細去發現,你在切換一個比較次的公司的APP你可以對比下你現在用的主流APP你就會在很多方面發現一些不舒服的感覺,UI的話注重的就是一個用戶的體驗的方面,不需要太多的艷麗更注重的是一個用戶體驗方面設計,所以在很多方面對於在一個初學者和對於行業不了解的小夥伴總是以為自己在學校裡面自己學個PS軟體操作自己就可以做UI和設計了,無論你是做什麼設計,你單獨只是學個軟體操作,一般情況下你美工都很難找到。

無論是在那方面學習的時候自己先了解清楚行業,自己在去學習,不要一開始百度百科,百度搜索一下,UI要學習PS,然後呢,在百度上你還會看到,UI還需要學習AE和前端和後台,這些都是大部分都是一個培訓機構的一個對自我學院的一個塑造的過程,設計設計最終你後面你的設計圖都是要給程序員切圖貼上APP上去的,你做個動態的,你讓程序員拿著你動態的去切嗎。

另外一個學前端,現在培訓機構現在在UI裡面教的前端也只是一部分前端,真正的前端哪裡有那麼簡單呢,真正的前端你要學HTMLX2.1,HTML4,HTML5,AJAX,JS,JQ,現在前端要求要變高了,很多公司都是需要前端會後台的,而且用的輕量級開放軟體,而不是DW,DW在行業裡面是被認為不如流,技術比較低端的前端開發,這種人是找不到工作的。

目前普遍出現出現這樣的問題是因為在部分公司需要,做UI會HTML5和CSS3這塊的培訓機構確實也是為了考慮到學生才開設了這門課程,有很多的人都說UI大公司或者中型以上的公司,都有前端,不需要我們做,但是要有幾個人能保證自己一開始就能進大型以上的公司呢!

其次UI在大眾的視野裡面出現的比較晚,具體在這塊完全還沒有定型,你如果是要真正的去了解清楚,這個行業,那你自己要多花點時間,你的目的也是為了你自己能學好,也不是為了完成個任務,你自己有關係可以問朋友,實在不行你可以去設計公司問一些設計師或者在網上找一些比較乾淨的群,在裡面問下。

UI目前主要分為2塊,一塊的是視覺UI,一塊是遊戲,這2大類,視覺這塊主要分為WUI(PC端網頁界面設計,13年以前主流的設計),GUI(移動端界面設計,也就是現在大家說的UI了)。

遊戲UI這塊很多人都會認為一個遊戲UI一定要會手繪,這個也不一定限制你,一定要會手繪才能遊戲公司做遊戲UI,學的怎麼樣最終靠你自己,之前我也有個朋友自己不會手繪,自己一樣進了4399做遊戲UI,目前工資待遇也是相對來說也是不錯的,只能說你會更好,如果你現在不會,你不會學好之後自己,自己在學嗎,人是活的物是死的。


首先端正自己的心態,虛心請教才能獲得更多的知識。

UI設計的技術複合性廣、技術含量大。除了掌握PS、AI等設計工具外,

還需要掌握Dreamweaver、HTML、DIV+CSS等網站技術工具,

同時還需要具備交互設計的思想。

UI設計課程包含了平面設計、網頁設計、移動界面設計、Web界面設計四大階段。

零基礎自學的話可以自己多上一些設計相關的網站看看,多看多學多想,

這裡也分享一些平時收集的設計類網站:

零基礎學設計不可不知道的資源網站_UI設計UserInterface_職場_西祠衚衕

可以在網站上模仿一些好的作品,反覆練習,勤學思考,才會進步的更快。


這4個步驟 能簡述一下 我應該怎麼去一步步達到嗎?比如手繪,是要去報一個美術素描的班?還是怎麼,還有PS軟體是自己去找教程嗎?請大師指點


首先的話 不能說ui 準確定位應該叫視覺設計師 UI本身就是平面設計的一個分支 你在設計的時候必然會牽涉到平面的配色啊 排版啊 太多的東西,在公司也不可能只做界面設計的工作。

沒經驗的話 不建議從事設計方面的工作 會很累


推薦閱讀:

自學UI設計和培訓UI設計哪個好?
App 設計時字體選擇問題?
ui設計就業前景如何?
目前是否該轉行學UI?
Sketch 有哪些插件值得推薦?

TAG:UI設計入門 |