正文

UI設(shè)計(jì)基礎(chǔ)（ui設(shè)計(jì)基礎(chǔ)理論）

發(fā)布時(shí)間：2023-04-28 01:44:55 稿源：創(chuàng)意嶺閱讀： 973

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于UI設(shè)計(jì)基礎(chǔ)的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀企業(yè)，服務(wù)客戶遍布全國，設(shè)計(jì)相關(guān)業(yè)務(wù)請撥打175-8598-2043，或微信：1454722008

本文目錄:

1、要做好一名ui設(shè)計(jì)師，需要掌握哪些基本
2、UI設(shè)計(jì)需要什么基礎(chǔ)？
3、學(xué)習(xí)UI設(shè)計(jì)要具備哪些基礎(chǔ)技能？
4、UI設(shè)計(jì)如何入門？

UI設(shè)計(jì)基礎(chǔ)（ui設(shè)計(jì)基礎(chǔ)理論）

一、要做好一名ui設(shè)計(jì)師，需要掌握哪些基本

1、繪圖。

要想成為優(yōu)秀的UI設(shè)計(jì)師，需要一定的手繪能力。為什么？首先，紙上的動(dòng)手能力比軟件快，效率也提高了。另一方面，通過手繪，能突出自己創(chuàng)作的與眾不同，甚至能夠從“亂涂亂畫”中得到靈感。

可能大家到這里就有點(diǎn)恐懼了，我不是畫畫、藝術(shù)專業(yè)的，沒有這方面的能力。我想大部分想成為UI設(shè)計(jì)師的人都不是藝術(shù)、畫畫專業(yè)的，手繪能力較弱是正常的，怎么解決？兩個(gè)字，多干。

2、精通軟件。

作為設(shè)計(jì)行業(yè)，軟件是很必須得，像Photoshop、Adobe Illustrator這類軟件的應(yīng)用和學(xué)習(xí)是必不可少。我們通過軟件去進(jìn)行臨摹，強(qiáng)化自己的軟件熟練度，做的多了也可以一定程度上提升自己的創(chuàng)新能力。

3、參加相關(guān)比賽。

以上兩點(diǎn)的學(xué)習(xí)，需要渠道來驗(yàn)證自己的水平到達(dá)哪里了，那么，就可以通過參加相關(guān)比賽來證明了，同時(shí)，如果你的作品得到贊賞越多，賞識(shí)越多，那么，一方面，積累了這個(gè)方向的經(jīng)驗(yàn)，另一方面，讓可能是未來上司的人看到了你，對以后的招聘有幫助。

4、你要喜歡，才能長久

任何領(lǐng)域研究學(xué)習(xí)都是從興趣開始的，有興趣才能夠去開始學(xué)習(xí)，其次，喜歡的事情自然能夠長久，我們喜歡一件事就會(huì)努力的去做好，就像喜歡一個(gè)人會(huì)想盡辦法討他喜歡，那么學(xué)習(xí)的首先就是興趣。

5、你要懂規(guī)則，才能不出丑

我們在進(jìn)入一個(gè)領(lǐng)域之前，要先去了解各大產(chǎn)品的基本信息，每個(gè)行業(yè)的不同產(chǎn)品等都有自己特定的規(guī)則，比如分辨率、狀態(tài)欄高度、圖標(biāo)尺寸、字體、顏色等都有自己嚴(yán)格的規(guī)定，我們要先了解行業(yè)的規(guī)則，才能在今后的設(shè)計(jì)中避免產(chǎn)生笑話。

二、UI設(shè)計(jì)需要什么基礎(chǔ)？

UI設(shè)計(jì)零基礎(chǔ)也是可以學(xué)習(xí)的，

當(dāng)然如果有繪畫基礎(chǔ)或者PS等相關(guān)軟件的使用經(jīng)驗(yàn)上手會(huì)更快。

PS：PS軟件在UI設(shè)計(jì)工作中主要是用來做UI設(shè)計(jì)界面設(shè)計(jì)、圖標(biāo)設(shè)計(jì)、圖片處理的；

AI：AI軟件在UI設(shè)計(jì)工作中主要是用來做UI界面設(shè)計(jì)、圖標(biāo)設(shè)計(jì)、字體設(shè)計(jì)、插畫設(shè)計(jì)的；

AE：AE軟件在UI設(shè)計(jì)工作中主要用來做動(dòng)效設(shè)計(jì)的；

XD：XD或者sketch軟件，Sketch（只能在蘋果電腦上安裝）XD軟件可以在雙系統(tǒng)上安裝；

UI設(shè)計(jì)需要用到的軟件還是很多的，這些只是UI設(shè)計(jì)當(dāng)中需要用到的設(shè)計(jì)軟件，其他類型的也還有很多哦！這么多軟件學(xué)習(xí)起來還是有一定難度的，如果有以后從事UI設(shè)計(jì)師的想法建議還是專業(yè)培訓(xùn)一下，可以點(diǎn)擊頭像了解一下哦！

南京課工場祝大家學(xué)業(yè)有成！

三、學(xué)習(xí)UI設(shè)計(jì)要具備哪些基礎(chǔ)技能？

學(xué)習(xí)UI設(shè)計(jì)要具備哪些基礎(chǔ)技能

第一步：學(xué)習(xí)美術(shù)基礎(chǔ)，雖然最近扁平化風(fēng)格非常流行，可是擬物化這塊還是多少要學(xué)習(xí)的，學(xué)這塊也就是學(xué)的美術(shù)基礎(chǔ)，我們要把現(xiàn)實(shí)中的物體在電腦上繪制出來，就必須要學(xué)習(xí)美術(shù)基礎(chǔ)。因?yàn)槲覀兇罅康膶W(xué)習(xí)了美術(shù)基礎(chǔ)這塊，就可以對物化的明暗關(guān)系變化得到一個(gè)深入的認(rèn)識(shí)。這一塊對于我們以后的設(shè)計(jì)之路上，都會(huì)有大量的幫助的。

第二個(gè)要學(xué)的就是設(shè)計(jì)軟件，常用的軟件：Adobe系列的Photoshop、Illiustrator算常用的了，如果對web感興趣還可以玩玩Flash，Dreamweaver甚至是html5等等。具體來說，學(xué)習(xí)設(shè)計(jì)軟件，一般是有PS，AI這二個(gè)軟件主要是用來繪制界面和圖標(biāo)的設(shè)計(jì)，接下來就是AE用來制作交互動(dòng)效圖，其次就是ARP或墨刀用來制作交互原型圖。我們只有學(xué)會(huì)了軟件后才能實(shí)現(xiàn)我們的想法，才能得以實(shí)踐！

第三步：學(xué)習(xí)設(shè)計(jì)規(guī)范，一個(gè)APP的界面多大，里面的圖標(biāo)多大，以及狀態(tài)欄，標(biāo)簽欄的具體尺寸是多少，這些都是得掌握的，否則是無法繪做好UI設(shè)計(jì)。因?yàn)閁I設(shè)計(jì)的載體就是手機(jī)，如果不依照手機(jī)規(guī)范來進(jìn)行設(shè)計(jì)，基本是無從下手的。

第四步：學(xué)習(xí)設(shè)計(jì)理論，一個(gè)APP應(yīng)該用什么顏色，版式應(yīng)該用什么對齊方式，用戶體驗(yàn)應(yīng)該如何考慮，交互邏輯這塊應(yīng)該如何把握，這一些都是需要深入的學(xué)習(xí)的，否則基本是很難擁有自己的想法的同時(shí)可以做好UI設(shè)計(jì)。

第五步：臨摹作品，很多時(shí)候，我們的技法水平及設(shè)計(jì)美感，可能都不是很好，這個(gè)時(shí)間我們就需要看大量的好的作品來進(jìn)行學(xué)習(xí)，學(xué)習(xí)他們的實(shí)現(xiàn)技法，學(xué)習(xí)他們的設(shè)計(jì)理論，學(xué)習(xí)他們的審美等。

第六步：原創(chuàng)作品，大量了臨摹了作品之后，就開始需要有自己的作品了，因?yàn)槲覀冎挥杏辛嗽瓌?chuàng)作品后才能去找工作，這時(shí)我們就要借鑒大量的作品，加上以前學(xué)的技法和理論。來進(jìn)行結(jié)合，生產(chǎn)屬于自己的原創(chuàng)作品。

四、UI設(shè)計(jì)如何入門？

1.先學(xué)軟件

3如果你是小白，軟件也不會(huì)用，那就先學(xué)軟件，從PS開始搞起，先看基礎(chǔ)的教程，或者買書，或者看網(wǎng)上的免費(fèi)的ps教程。

4先掌握一些核心的功能：

5形狀工具和布爾運(yùn)算（學(xué)會(huì)做線框圖標(biāo)，和一些簡單的圖形，比如齒輪啊，坐標(biāo)，喜歡，等等）

6圖層樣式（可以通過臨摹寫實(shí)圖標(biāo)練習(xí)）

7蒙版（做一些遮罩，圖像合成啥的）

8摳圖（鋼筆摳圖，魔術(shù)棒等）

9基本的排版（先臨摹界面開始）

10字體的認(rèn)識(shí)（安裝一些字體，學(xué)會(huì)認(rèn)識(shí)一些常用的字體，一看就知道是啥字體）

11有些東西可以后面在學(xué)習(xí)（通道，調(diào)色，色彩等，處理影樓照片的技術(shù)也后面在學(xué)習(xí)，不急）

12這個(gè)時(shí)候，先不管做的東西好不好看，先能做出來，操作沒問題要緊。好不好看那是后面的事兒了，第一步要走穩(wěn)，軟件操作最重要。

13ok，軟件的問題就點(diǎn)到為止了，我也就只有這么幾招了。關(guān)鍵還是多練，多動(dòng)手，多犯錯(cuò)，多總結(jié)。有人帶的話預(yù)計(jì)1個(gè)月可以摸熟PS,AI這2個(gè)軟件。

142.

152.提高審美

16此類問題是初學(xué)者比較頭疼的問題，錘子科技設(shè)計(jì)總監(jiān)羅子雄給的建議有三：

17多看

18為了提高審美，你需要大量去看別人優(yōu)秀的APP或網(wǎng)頁作品，在Dribbble、Behance、Pinterest等設(shè)計(jì)網(wǎng)站你可以很容易的找到大量優(yōu)秀的作品。

19除了UI設(shè)計(jì)外，平面、攝影、3D、手繪等全球頂級(jí)的作品也都可以看到，找到并收藏它們。一段時(shí)間后，回顧這些作品，如果發(fā)現(xiàn)三個(gè)月前收藏的作品很low，恭喜，說明你的審美提高了！

203.當(dāng)你看過很多優(yōu)秀的作品后，你可能還是不會(huì)設(shè)計(jì)，所以接下來你要做的就是不斷的練習(xí)，第一階段就是臨摹。

21給大家推薦幾款比較有設(shè)計(jì)感的APP供臨摹練習(xí)：《犀牛故事》、《Light》、《想去》，這幾款A(yù)PP設(shè)計(jì)都比較簡潔清新，初學(xué)者比較容易上手。同時(shí)，可以嘗試去學(xué)習(xí)一些設(shè)計(jì)規(guī)范，例如《iOS人機(jī)交互指南》，它是從事UI設(shè)計(jì)工作者需要掌握的內(nèi)容，建議仔細(xì)讀一讀。

22臨摹幾套作品過后，可以進(jìn)入第二階段——Redesign。你可以redesign一個(gè)自己版本的iOS系統(tǒng)界面，或者重新設(shè)計(jì)一個(gè)微信，加入自己的想法和理念。如果你喜歡玩《陰陽師》，你可以設(shè)計(jì)個(gè)自己版本的陰陽師界面，甚至把里面的角色換掉都可以。

23學(xué)習(xí)過程中如果遇到自己解決不了的問題，多百度或google，如果是一個(gè)大問題，可以把它拆分成若干小問題，逐個(gè)解決掉就好。

244.在看和做的過程中，設(shè)計(jì)技法只是學(xué)習(xí)UI的一小部分，更多的是要去理解設(shè)計(jì)背后的思路和原理。比如，這個(gè)產(chǎn)品為什么定義藍(lán)色為主色？為什么要放大和加粗那個(gè)數(shù)字？整個(gè)頁面的結(jié)構(gòu)和布局是怎樣的？設(shè)計(jì)的目標(biāo)有哪些？等等。

以上就是關(guān)于UI設(shè)計(jì)基礎(chǔ)相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。