UI設計初學(xué)者應該怎樣入門(mén)？

發(fā)布時(shí)間：2018-12-26 13:41:30 已幫助：1606人 來(lái)源：青島天琥教育

  青島天琥教育了解到很多人都在說(shuō)UI行業(yè)瀕臨失業(yè)，UI設計師指從事對軟件的人機交互、操作邏輯、界面美觀(guān)的整體設計的人。想要從事UI設計的學(xué)員一起跟小編來(lái)看看吧！

1、UI設計師是什么？

  不說(shuō)UI設計師，就連設計師，很多人都以為只是P圖的美工，這里有必要先明確一下UI設計師的概念。

  維基百科對于UI定義：

  UI，也即用戶(hù)界面（User Interface，簡(jiǎn)稱(chēng)UI，亦稱(chēng)使用者界面）是系統和用戶(hù)之間進(jìn)行交互和信息交換的媒介，它實(shí)現信息的內部形式與人類(lèi)可以接受形式之間的轉換。

  因此，UI設計師也就是設計用戶(hù)界面的人。

  毫不夸張地說(shuō)，在顏值當道的年代，UI設計師的水平，直接決定了互聯(lián)網(wǎng)產(chǎn)品（網(wǎng)站、App、網(wǎng)上店鋪等）的顏值。無(wú)論產(chǎn)品的質(zhì)量怎樣，用戶(hù)接觸產(chǎn)品的幕，就是UI設計師給產(chǎn)品設計的這張臉，而像我這種“顏狗”，一旦產(chǎn)品的顏值達不到我的標準，下一步就是關(guān)閉/卸載。

  一個(gè)好的UI設計師，能潤物于無(wú)聲，在渾然天成的設計中為產(chǎn)品注入新的價(jià)值，絕不是普通的打雜美工。

2、UI設計師的基礎修養

  ·設計總體認知

  在進(jìn)入一個(gè)未知的領(lǐng)域前，我總傾向于先梳理這個(gè)領(lǐng)域的架構，待有了比較全面認知后再深挖，這其實(shí)也是大學(xué)專(zhuān)業(yè)課程設置的思路，先學(xué)習一門(mén)導論課，了解基本概念，再進(jìn)入細分領(lǐng)域。學(xué)習UI設計也是一樣，先對整個(gè)設計專(zhuān)業(yè)有總體認知，再去學(xué)技法層面的內容、規則，慢慢把知識庫填充完整，如果有條件，可以嘗試了解一個(gè)新的互聯(lián)網(wǎng)產(chǎn)品出爐的流程。這樣，在局部學(xué)習前，就能對重難點(diǎn)、課程框架都心中有數。

  ·技術(shù)基礎

  如果說(shuō)程序員一天中大部分時(shí)間都在碼代碼，那么設計師的時(shí)間都留給了Photoshop、Axure、Adobe Illustrator，涂涂修修確實(shí)是常態(tài)，而這里，也是“美工”稱(chēng)呼的發(fā)源地。嫻熟的技法，是完美展現設計作品的必備條件，作為UI設計師，也應當熟練掌握這些常用軟件。稍低一點(diǎn)的要求，是至少能精通其中一款軟件，各種操作都已經(jīng)形成自然反應，其他軟件也能通個(gè)七八分。

  不過(guò)，學(xué)完這些軟件之后，切忌炫技，學(xué)到這步，你只是了修圖，還只在美工的地步，并談不上設計。

  ·畫(huà)圖基礎

  有人以為，設計師只要去圖庫網(wǎng)站找一些素材，借助工具進(jìn)行修飾即可，其實(shí)這只能鍛煉你的借鑒能力，當你的技法嫻熟到一定程度，就可以嘗試臨摹。通過(guò)臨摹，一則用來(lái)強化技法層面的能力，二來(lái)也能提升初學(xué)者的創(chuàng )新能力。

  臨摹的內容，可以有兩方面選擇：一種是系統自帶的圖標，比如Mac OX、Windows，或者移動(dòng)端iOS、Android的原生圖標，都是精心打磨過(guò)，既能幫助初學(xué)者了解平臺設計規則，又能在臨摹中逐漸鞏固常用軟件的技術(shù)。另一種則是行業(yè)牛人的設計作品，捉摸他們的設計風(fēng)格、思想和細節，都能加深對設計的認識。

  ·各平臺設計規則

  iOS、Android、WP、Windows、Mac OX各個(gè)平臺都有自己的設計規則和偏好，在移動(dòng)端，連每款機型的分辨率、狀態(tài)欄高度、導航欄高度、圖標尺寸、字體、顏色值都有嚴格的規定。這里貼一個(gè)之前看到的iOS和Android的平臺規范，整理的比較全面、規范：iOS和Android的app界面設計規范。其他平臺的設計規則，在搜索引擎上也都能被檢索到。

  ·理解能力

  作為設計的上游，產(chǎn)品經(jīng)理常常會(huì )直接發(fā)需求文檔給設計，能讀懂產(chǎn)品文檔、快速分析需求，定位出風(fēng)格、色調、元素，最后迅速把產(chǎn)品需求視覺(jué)化，就是產(chǎn)品經(jīng)理們最?lèi)?ài)合作的設計師了。

3、UI設計師的進(jìn)階修養

  ·審美意識

  先來(lái)看兩個(gè)肥腸火熱地知乎問(wèn)題：

  國內有哪些非常有設計感的App？國內有哪些非常有設計感的App？-應用（軟件）

  國外有哪些非常有設計感的app？國外有哪些非常有設計感的app？-應用（軟件）

  為什么我們青睞每日故宮、榫卯、網(wǎng)易云音樂(lè )這類(lèi)應用？除了應用本身生產(chǎn)的優(yōu)質(zhì)內容外，設計感是很重要的一點(diǎn)，君不見(jiàn)多少用戶(hù)贊美良心設計。

  →_→那么，什么是設計感呢？投射到設計師身上，大概就是設計師自身的審美意識了。

  至于審美意識要如何培養、提高，這就跟你去問(wèn)文學(xué)家要如何提高寫(xiě)作能力一樣，他大概也是懵逼的。日積月累地瀏覽、學(xué)習、思考、聯(lián)系，大概就是逐漸提升的可能途徑吧。

  ·用戶(hù)體驗

  從前，除了設計界面的UI設計師之外，互聯(lián)網(wǎng)公司會(huì )專(zhuān)門(mén)設置專(zhuān)門(mén)的用戶(hù)研究中心來(lái)處理用戶(hù)體驗的種種問(wèn)題，但如今多元的趨勢下，一個(gè)互聯(lián)網(wǎng)產(chǎn)品的視覺(jué)設計，需要懂一點(diǎn)產(chǎn)品、懂一點(diǎn)用戶(hù)體驗，才能更有效的推進(jìn)合作流程，同時(shí)也會(huì )培養自己多元化的思維方式（用戶(hù)研究以縝密的邏輯發(fā)展，而UI設計則更加追求審美）。

  ·交互設計

  分不清交互和UI的人，可能一抓一大把，事實(shí)上，這還是有區別的。從一般意義上說(shuō)，UI主要做的是圖形用戶(hù)界面，也可以稱(chēng)為GUI設計師；交互設計主要做處理點(diǎn)事人機互動(dòng)的界面，任何與機器打交道的過(guò)程，都需要交互設計師來(lái)參與。

  但坦白說(shuō)，現在的App中，有多少操作能把UI和交互完全清楚地剝離開(kāi)來(lái)呢？一個(gè)好的產(chǎn)品，需要美觀(guān)的界面和順滑的交互，也就離不開(kāi)設計師兩種能力的相輔相成了。尤其現在，設計趨向扁平化的時(shí)期，只要遵循設計規范，交互設計甚至能出了設計稿后直接給開(kāi)發(fā)去實(shí)現，單純UI設計的存在感日益弱化。

  ·代碼能力

  這幾年互聯(lián)網(wǎng)產(chǎn)品最火的推廣方式是什么？

  自然是H5！

  那么如果一個(gè)設計師既能做好設計，又能完善布局前端代碼，那么只要有一個(gè)簡(jiǎn)單idea，經(jīng)過(guò)你的手就能完全實(shí)現。這種復合型人才是多少公司爭搶的對象呢？不過(guò)這些都是進(jìn)一步的要求了。

歡迎大家來(lái)青島天琥教育咨詢(xún)【UI類(lèi)課程】

---