7000多字,梳理出一份全面的 UI 設計師專業知識大綱 - 優設網 - UISDC

7000多字,梳理出一份全面的 UI 設計師專業知識大綱

2019/04/28 25831評論 16

隨著互聯網的不斷發展,特別是移動互聯網的不斷成熟,視覺設計師也進行了迭代與細分。衍生出的 UI 設計也從突發性暴增到趨于平緩。相較于前幾年來說,UI 這個關鍵詞已經變得司空見慣了,隨著市場的不斷飽和與迭代,也給很多設計師帶來新的挑戰。

雖然 UI 設計的準入門檻已經越來越高,但是依然有很多設計新人涌入這個行業。最近也經常遇到很多零基礎的伙伴來咨詢現在是否還能入行,或者如何去學習提升等問題。

綜合最近遇到的問題,為了給即將步入這個行業的設計小伙伴一個專業能力需求梳理,特意進行了 UI 設計準入門檻的專業知識大綱梳理,希望能夠帶給大家一點幫助。

UI 設計師的日常工作

既然想要入門 UI 設計,那么對 UI 設計師日常在工作中具體負責完成什么內容需要有個清晰的認知,免得后期入行后發現這樣的工作狀態并非自己所想要的,耗費了時間和精力。

下面通過不同形式的公司對 UI 設計師的能力要求進行分析,希望可以幫你了解他們的工作日常。

1. 中小團隊

在一些小團隊里面通常人力配備很少,有時候就一個設計師,對設計師的專業能力要求相對低一點,廣度相對較大。日常工作需求比較雜,一切與視覺相關的內容可能都會成為你的工作內容,移動端界面設計、網頁設計、運營活動設計、平面設計、其它視覺支持等等。需要你是一個多面體,哪里需要隨時可以頂上,對專業能力的要求是全面,不一定很深入,有時候可能連 PPT 美化都是你的工作職責。

如果有上線的產品,比較好的狀態是有產品經理,甚至有些小團隊老板就是產品,提出一個大概的想法,剩下的都是你的活兒。所以在中小團隊生存,你需要掌握的東西會比較雜,換言之也能提升你很多方面的實戰經驗。

綜上所述,個人不建議設計新人進入太小的團隊,如果只有你一個設計師,那很難有進步,你都是在掏空自己的能力存儲,沒有前輩傳授你新的技能與經驗。

小結:在中小團隊中需要具備專業廣度,從最全面的需求來看你可能會遇到這些工作:logo 設計、宣傳物料設計、活動專題頁設計及推廣需求設計、移動端界面設計、網頁設計、基礎攝影與修圖、PPT 美化等等一切視覺支持。延展技能可能需要有產品思維和交互輸出能力等。

2. 半成熟團隊

半成熟團隊通常是有三個以上的設計師,里面也是有設計專屬的領導,可能是一個小的項目組或者獨立團隊。一般配備是至少需要有一個高級資深左右的設計師,這樣才能帶領團隊獨立完成需求。

在半成熟團隊設計師除了專業廣度以外,也會有自己獨立負責的方向,有些 UI 設計師偏向于產品方向,除了可以完成項目需求以外,也需要不斷跟蹤產品反饋,優化設計層面的表現。一般很多時候上線效果不一定理想,我們要試著在迭代的時候去推進一點感官體驗。

小結:除了視覺層面的設計能力以外,你需要具備獨立完成項目的能力,主動跟進產品情況,發現優化的方向。這樣你才能有更好的上線作品,不然以后出去,沒有什么拿得出手的上線作品。

3. 成熟團隊

成熟的團隊里面通常設計師配備還是算齊全的,一般招進去的大部分屬于高級資深左右的設計師,可以獨立完成項目需求。每個設計師都有自己獨立負責的業務板塊,比較看重專業深度上面的能力。

除了項目需求的發揮以外,也需要善于進行設計經驗總結與梳理,可以輔助團隊整體設計能力的提升。

小結:需要具備很好的專業深度,會有獨立的設計舞臺讓你發揮。要研究設計方法論,總結設計經驗,幫助新人設計師進行專業強化。研究產品,可以提出設計優化方向,制定設計規劃等。

4. 團隊設計工作流程

工作流程因公司具體情況會有所差別,規定是死的人是活的,變化是難以控制的。大家需要結合自身團隊因素,選擇性采用。

5. UI 設計師技術對接流程

下面給大家展示的是團隊里面設計師對接技術的一些流程,設計稿完成只是工作的一部分,最重要的還是技術最終的產出。

每個團隊都有自己的一些對接流程,流程多與少、簡單與繁瑣都是次要的,最終都是希望可以更加規范的掌控好每一個關卡,讓產品可以順利上線,達到預期。

你需要掌握哪些軟件

軟件操作能力是你入行設計最基本的要求,如果連軟件基礎都解決不了,有再多的想法就沒辦法很好的還原呈現,就等于空想了。軟件只是工具而已,會軟件不代表會設計,但是要會設計,這是你必須要打通的關卡,下面我們一起來看看你至少需要具備哪些軟件基礎。

1. Adobe Photoshop(簡稱 PS)

這是優先要學會的軟件,普及度很高的一款軟件,只要熟練掌握以后,對學習后面的一些軟件將會有很大的幫助。對于 UI 設計師來說這款軟件主要用于:界面布局設計、圖片處理與合成、插畫創作、運營需求設計等等。

現在市面上很多 PS 教程書籍,買本案例實戰的即可,最好是最近年限的。一般跟著上面的案例做,剛開始的基礎章節要挨個學習,熟練基本操作以后,后面的案例可以跳著做,不同的案例講了同樣的工具操作,可以適當跳躍一些重復的練習,快速把更多的工具學習完成。

PS 入門教程:https://uiiiuiii.com/photoshop/12121781.html

2. Adobe Illustrator(簡稱 AI)

AI 軟件,是一款矢量圖形設計軟件,在矢量插畫、圖標設計、LOGO 圖形設計、字體設計、排版等方面都有非常大的優勢,配合 PS 軟件將會大大提高我們的工作效率。學習方法和 PS 一樣,只要你先學會了 PS 軟件,那么這款軟件學習起來將會事半功倍。

AI 入門教程:https://uiiiuiii.com/illustrator/12122680.html

3. Sketch

這是一款輕量,易用的矢量設計工具,在 UI 設計行業里面也是近年來非常火熱的軟件。最近更新的 54 版本已經實現原裝中文版,給各位設計師帶來了更加便利的操作。只要你有 PS 和 AI 軟件的基礎,這款軟件就非常容易上手了,基本一兩周即可。沒有用過的設計師可能沒有太大的感覺,但是當你接觸之后就會喜歡上這款效率非常高的軟件。

由于目前只能在 Mac 電腦里面運行,所以也受到了一定的局限。如果沒有 Mac 電腦的同學想要學習一下,win 電腦安裝雙系統也是可以學習使用的,以此方式曲線救國,打點基礎也是好的。

△ 官方:https://www.sketch.com/

Sketch 入門教程:https://uiiiuiii.com/knowledge/121211571.html

4. Adobe XD

Adobe XD 是一款專為 UX/UI 設計師提供的設計利器,設計師可以利用該軟件進行移動應用和網頁設計與原型制作等。由于是 Adobe 家族的產品,和旗下別的軟件相互之間的配合親密無間,提高了設計配合之間的效率。更方便的一點是這款軟件沒有操作系統的限制,無論是 Mac 電腦還是 win 電腦皆可安裝使用,但是你需要注意系統的最低版本要求,這個官方有相關說明。

△ 官網:https://www.adobe.com/cn/products/xd

Adobe XD 知識樹:https://uiiiuiii.com/knowledge/121281225.html

5. Axure RP

Axure RP 是一款專業的快速原型設計工具,雖然現在一些公司的交互設計師也在運用 Sketch 軟件進行,但 Axure RP 還是很多交互設計師的選擇。Axure RP 的使用者主要包括商業分析師、信息架構師、產品經理、IT 咨詢師、用戶體驗設計師、交互設計師、UI 設計師等。這是一款普及度比較廣的軟件,入門相對簡單,想要深入下去會比較難些,作為 UI 設計師,這款軟件的基本操作還是需要掌握的。

雖然現在市面上有很多的第三方平臺工具,但是這個是軟件,也許第三方平臺工具更便捷,但是作為軟件的學習我們還是需要具備這個基礎,萬一以后團隊有限制,我們也不至于無從下手。

△ 官網:https://www.axure.com

6. 動效設計軟件

近些年對動效制作能力的要求也越來越普遍,很多招聘需求都對這個能力有所需求,特別是在下一個 5G 時代的到來,微動效輔助產品體驗將會更為全面普及,這個時候對 UI 設計師的動效要求也會更普遍。

現在實現動效的軟件和平臺也比較多了,比如:Adobe After Effects(簡稱 AE)、Principle、Adobe Flash、Pixate、Origami、Hype 3、Flinto 等等。個人一般主推的是 AE 軟件,沒有操作系統限制,市面上的學習資源也比較多。Principle 也是比較流行的,現在用的設計師也還算多,由于目前只支持 Mac 電腦,也存在一定的局限。

動效軟件學起來相對難度要大一點,一個案例可能要花費好幾個小時,很多小伙伴總是堅持不下來。不管難度多大,你也要在今后的時間里面攻破它。

AE 入門教程:https://uiiiuiii.com/aftereffects/12121499.html

7. 思維導圖軟件

思維導圖又叫心智導圖,是表達發散性思維的有效圖形思維工具,它簡單卻又很有效,是一種實用性的思維工具。無論做什么都要先把思路理出來,這樣你才不會思維混亂,執行的時候才會更加清晰明了,也能更好的將項目前后環節流程打通。

思維導圖的軟件很多,也有一些在線的工具,比如:Mindnode、MindManager、XMind、Popplet、FreeMind、MindMeister、百度腦圖、MindLine 等等,這里就不一一列舉了,大家搜索關鍵詞思維導圖軟件即可發現很多。我個人比較常用的是 Mindnode,大家根據自己的習慣選擇即可。

8. 文檔編輯工具

寫作能力是高級/資深設計師需要不斷養成的技能,無論大小的團隊,設計總結總是避免不了的,最好是要養成專業經驗輸出的習慣。寫文章的工具很多,比如:Pages、Microsoft Word、WPS Office 等等軟件,還有像石墨文檔、印象筆記、有道云筆記之類的在線工具。

我個人在電腦上面一般使用 Pages 進行寫作,如果是移動形式我會用石墨文檔進行寫作,然后同步到電腦本地端。有時候在外面有靈感或者空余時,可以利用手機寫作和記錄自己的碎片思路,我的很多文章都是在手機上面完成的,最后再整理出來進行配圖。

我們要善于利用自己的碎片時間整理思緒,也要不斷地輸出自己的一些心得感悟與經驗。為了寫作而看書是一種主動吸收的方式,比起被動讀書,這樣的方式轉化會更好。

9. 提案演示工具

在公司我們會經常需要向領導或者需求方進行設計提案,如果你還是隨便做幾個圖發過去,那么你這樣的職業態度不是一個專業設計師的態度。無論項目的大與小,我們都要進行簡單的設計提案演示制作,至少你也得制作一個三頁以上的演示 PPT。

制作 PPT 的工具根據操作系統和大家的習慣會有所差別,主要有:keynote、PowerPoint、WPS Office 等等。個人常用的是 keynote,也能和一些設計軟件相結合,比如設計一些小圖標可以直接拷貝加入 keynote 進行排版,處理的一些圖片也是可以快速進行置入的,動畫效果里面的神奇移動也不錯。

以上只是一些常用的軟件工具,根據行業的不同可能大家還會遇到別的工具,希望大家平時多多操作,基礎的內容必須熟練,這樣才能實現自己的創意。

你需要具備哪些技能

除了掌握基本的軟件操作以外,你還需要更多軟實力,會軟件不代表會設計,下面我們一起來看看你需要具備哪些技能。

1. 產品方向

如果往產品方向思考,我們除了滿足視覺層面設計以外,需要具備基本的產品思維。通常這部分 UI 設計師主要的職能方向是產品設計方向,我們的設計是解決用戶需求,通過設計引導用戶達成目的。不僅僅是產出美觀的設計,還需要符合用戶體驗和商業需求,你需要不斷體驗產品,也要加強交互設計能力。

推薦閱讀書籍:《破繭成蝶》、《用戶體驗方法論》、《簡約至上》、《騰訊網UED體驗設計之旅》、《U一點》、《方寸有度》、《用戶體驗要素》、《設計心理學》等等,書籍很多就不一一列舉了,大家可以到一些書城平臺查看最新的一些動態,書不在于多,而在于你有沒有吸收轉化。

2. 視覺 UI 表現層面

有了產品的思考與交互體驗方面的概念,那設計也得要具備美感,加強用戶感官體驗。俗話說道理說得頭頭是道,作品做得一塌糊涂,這樣不適合做設計執行。如果你以后帶團隊,你可以偏向于管理與理念傳達,只要具備驗收的審美能力和項目的把控能力即可。現在,你需要把設計做好。

多關注新的設計趨勢,跟蹤一些大平臺產品的迭代動向,讓你的設計不斷保持與時代同步。也要加強日常練習,提升設計效率,也能隨時把新的設計表達運用在練習稿中,以后項目需要可以立馬跟上。

設計趨勢:http://www.bwxlya.live/tencent-isux-2020-design-trend

3. 運營設計能力提升

雖然很多 UI 設計師都不想設計運營相關的內容,但是現實總是刺骨的。一個專題頁的設計、一個 banner 設計、一個推廣配圖等等總是難以避免,你需要具備基本的運營設計能力。

4. 插畫設計能力

雖然我知道你不是科班出身,不會手繪是你的理由。但是,在需求方眼中,我只要結果,至于別的是你的事情。

插畫都是練出來的,達芬奇畫雞蛋的故事相信大家都聽過,技法層面的東西都是需要一點堅持和反復再反復地進行強化。情感化插畫可以提升產品與用戶之間的親和力,這也是 UI 設計師的基本能力訴求。

5. 品牌思維與基礎

無論做什么產品,設計都是為了傳遞某個品牌的服務價值,在同質化的當下,很多產品都如同來自于同一家整形機構,把名字去掉我們都傻傻的分不清。

在未來對 UI 設計師的要求不僅需要產品交互層面的能力,也要不斷反思如何設計出差異化的產品,結合品牌的特性進行表達也是需要我們不斷深挖的。

你需要如何熏陶自己

之前有一部熱播電視劇叫《延禧攻略》,里面有一個小橋段大致講述了在練習插花的過程中的一個感悟,出身民間的主角在練習插花,無論怎么努力都很難達到出生大世家的先皇后,因為她從小就在這樣的環境中熏陶。

因此,技法層面的訴求我們都可以通過刻苦磨練短時間內得到提升,但是設計的感覺、感知能力、審美與眼界等是需要一定時間的熏陶。

1. 看優秀的作品需要吸收轉化

很多設計師都忽略「看」帶來的吸收轉化,俗話說見多識廣,多看優秀的作品肯定可以提升你的審美與眼界。

但是,不是讓你一天看個夠,很多設計師知道這個道理就三分熱度,今天熬夜采集,甚至想要一次性把別人采集的幾千上萬個作品搬到自己的硬盤,以為擁有就代表吸收。看,需要循序漸進,不要在意今天看了多少,而是要記住多少,分析轉化多少,堅持每天吸收才能逐步形成記憶與轉化。

2. 體驗生活中的變化

創意來源于生活,也是存在一定的道理。沒有生活的體會你是無法感受別人強加給你的感知描述,只有經歷過了才是感知體驗而非他人描述。

你不去奢侈品店逛一圈,怎么知道原來這樣的設計居然可以值這個價格;你不去山頂吶喊,怎么知道這個角度看你生活的城市原來別有一番體驗;你不去大賣場購物,怎么知道氛圍的營造是要因環境而不同……

3. 利用周末熏陶藝術細胞

你的周末是不是在家玩游戲、組團逛商場、在家睡覺等等,平時忙于工作,就算看東西學習也是互聯網的形式。周六日休息時間是你接觸外面世界的機會,那么如何利用好這部分時間是很重要的。

美術館:可以利用周末時間去逛一下美術館,關注一下美術館動態,遇到有畫展的時間一定要抓住機會。藝術細胞是需要培養的,不是網上看看作品就有提升,零距離接觸畫作,感受藝術家的生活與故事,才能不斷地提升你的藝術感知能力。

博物館/城市規劃館/畫廊:不同城市都有各類藝術相關的展館,也會舉辦一些藝術展之類的,這也是你獲取熏陶機會的來源。畫廊可以觀看一些藝術家的作品,也可以知道藝術作品的估價,偶爾逛一下還是非常值得的。

博覽會:在城市的一些大型展館會經常舉辦各類博覽會,不一定是設計、藝術相關的才看,別的類型也可以感受科技、行業等的變化。

藝術主題園區:一些打造的藝術園區也是值得經常逛逛的,比如 798 藝術區、中華藝術宮、M50 創意園、環鐵國際藝術區、西湖創意谷、宋莊原創藝術聚集區、二十二院街藝術區、800 藝術區等等,每個城市都有非常多的這樣的地方,這里就不一一列舉了。這些都是充滿藝術與生活相結合的場景,相信肯定可以帶給你不一樣的體會。

還有很多不同類型的戶外場地,只要你改掉自己睡懶覺和宅的習慣,相信你可以發現更多更有趣的生活體驗。

4. 要主動吸收而非被動接受

想要熏陶自己,就要把這些當成習慣,變成你生活中的一部分。這樣才是主動的吸收,如果被動接受注定是會被淡忘的。

你需要養成哪些習慣

上面說了很多生活形式與職場技能提升的方法,但是方法是死的,人是活的,養成習慣才是最重要的。

1. 你需要養成早起的習慣

雖然你覺得半夜才是你靈感爆發的時候,但是我們不要透支自己的身體,健康才能使你長久地做自己喜歡的事情。我有一個朋友她堅持每天 5:30 起床看書和寫作,而且堅持在群里定時呼叫大家,這樣的一個好習慣也讓她收獲了自己想要的工作環境。希望從明天開始你可以堅持改變一點習慣,我們都能具備良好的專業和健康的身體。

2. 你需要養成運動的習慣

為了讓我們時刻保持「年輕」的身體,我們一起努力吧。我也在每個周末盡量都和家人一起爬山鍛煉,出去出出汗,養成習慣了發現每次都懷念山里安靜的環境和清新的空氣。

3. 你需要養成看書/資訊的習慣

我們不能只有輸出沒有吸收,那樣總有窮盡的時候。要堅持經常看書學習,給自己一個閱讀計劃,比如一個月讀一本書應該是最低要求了。也要經常看一些資訊,關注行業動態,這樣你才是不斷跟上時代的年輕人。

4. 你需要養成寫作的習慣

很多設計師一看到寫作就說自己專業能力不夠,以后再說。寫作并不只是專業文章輸出,一些心得體會、讀書筆記,生活感悟與經驗分享等也是可以進行總結輸出的。我認識一個朋友就經常輸出一些感悟體會和讀書筆記,一年輸出十萬多字數的總結,她已經養成這樣的習慣。其實寫作不難,難的是你一直認為自己不行,就從來沒去嘗試,希望今天以后可以看到你的第一篇分享。

當然,肯定還有更多的習慣等你去養成,這里就不一一列舉了,總之希望大家都能利用好的習慣安排好自己的每一分鐘,讓它們都過的很有價值。

黑馬青年文章列表:

刻意練習的重要性

無論道理說得多好,付諸實踐才是主要的。不然我們將成為道理說得頭頭是道,作品做得一塌糊涂。

1. 刻意練習從制定時間規劃開始

光說不練假把式,制定好時間規劃,一個月輸出一套作品或者一篇文章,拆分這些目標,每天完成兩個界面,兩周的時間你足夠利用業余時間完成一套作品。第一周整理出文章大綱,兩周時間填滿內容,第三周配圖與審查,一個月輸出一篇文章是完全沒問題的。

2. 突破舒適區

刻意練習的目的是不斷輸出突破自己瓶頸的作品,不要總是待在自己的舒適區。通過刻意練習強逼自己走出舒適區,所以,你產出的每一個作品都要區別上一個作品,彌補它的不足,不斷成熟穩定。

3. 加強互動交流

永遠不要閉門造車,你需要和更多設計師一起互動交流。很多設計師總喜歡自己一個人孤軍奮戰,雖然你可能內向不喜交流,但是刻意練習的目的不僅是提升專業能力,職場習慣也是要刻意去改變的。

總結

隨著設計師的能力不斷迭代,加上行業的不斷成熟,對 UI 設計師的入門要求也越來越高了。現在市場上初中級設計師比較飽和,我們需要提升自己更多層面的能力值。

產品交互思維層面:現在很多大平臺都在培養和尋找體驗設計師,具備交互設計能力和 UI 視覺設計能力,作為 UI 設計師其實我們具備更好的基礎,至少我們具備審美能力、設計感知能力等,這些都是別人短時間無法獲取的。

視覺表達層面:我們不能只是關注理論層面,你需要花費更多時間不斷強化,多多產出成套作品,加強設計執行力。

希望即將入行的 UI 設計師好好利用好前三年,把自己的設計執行力提升到一個臺階,不要三年過后發現自己拿不出什么像樣的作品。當我們達到 5 年以上工作經驗時,隨著經驗的增長對你來說就有更多的考驗與闖關。

歡迎關注作者的微信公眾號:「行設視覺」

非特殊說明,本文版權歸原作者所有,轉載請注明出處
本文地址:http://www.bwxlya.live/ui-self-study-outline

發表評論 加載中....

評論加載中....

uisdc

評論區都快餓癟了,看看我期盼的小眼神...

設計圈干貨 界面設計 排版布局 版式設計 職場 優設專訪 優設大課堂 設計達人 設計師干貨 web前端開發 配色 視覺設計 素材下載 AI教程 設計理論 設計流程 神器下載 字體下載 設計師專訪 psd下載 海報設計 設計規范 設計趨勢 用戶體驗設計 動效設計 logo設計 平面設計 圖標設計 ICON 產品設計 神器推薦 App設計 字體設計 職場規劃 酷站推薦 交互設計 ui設計 優秀網頁設計 設計師職場 ps技巧 酷站 用戶體驗 PS教程 網頁設計 經驗分享

您還沒有登錄

優設啟用更安全省心的 微信掃碼登錄

微信掃碼

300萬設計師聚集地!優設網是極具人氣的設計師平臺
2012年成立至今,一直專注于設計師的學習成長交流

把好文章收藏到微信

打開微信,掃碼分享
學設計 優設網 在這里

今日内蒙古快三开奖号