正文

ui設(shè)計(jì)知識(shí)點(diǎn)總結(jié)（ui設(shè)計(jì)知識(shí)點(diǎn)總結(jié)怎么寫）

發(fā)布時(shí)間：2023-04-28 03:07:13 稿源：創(chuàng)意嶺閱讀： 108

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于ui設(shè)計(jì)知識(shí)點(diǎn)總結(jié)的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

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

本文目錄:

1、UI交互設(shè)計(jì)需要學(xué)什么呢？
2、什么是UI設(shè)計(jì) UI設(shè)計(jì)包含哪些內(nèi)容
3、UI設(shè)計(jì)的團(tuán)隊(duì)合作經(jīng)驗(yàn)總結(jié)
4、UI設(shè)計(jì)都需要會(huì)什么？

ui設(shè)計(jì)知識(shí)點(diǎn)總結(jié)（ui設(shè)計(jì)知識(shí)點(diǎn)總結(jié)怎么寫）

一、UI交互設(shè)計(jì)需要學(xué)什么呢？

UI要學(xué)的東西還挺多的

UI設(shè)計(jì)師要掌握的軟件：PS（Photoshop）、AI（Illustrator）、AE（After Effects）、ARP等。

UI設(shè)計(jì)需要掌握的理論知識(shí)：配色設(shè)計(jì)、版式設(shè)計(jì)、規(guī)范設(shè)計(jì)、切圖、手繪基礎(chǔ)知識(shí)。

專業(yè)外要掌握的營銷知識(shí)：心理學(xué)、營銷學(xué)、溝通學(xué)、用戶體驗(yàn)等。

拓展知識(shí)點(diǎn)：交互邏輯學(xué)、創(chuàng)意思維學(xué)、管理學(xué)。

光會(huì)軟件不能成為一名優(yōu)秀的UI設(shè)計(jì)師,UI設(shè)計(jì)是界面交互設(shè)計(jì)，還需要掌握技法層面、思維層面、作品層的知識(shí)。

技法層也就是技術(shù)，就是當(dāng)你看到一個(gè)圖標(biāo)，一個(gè)界面你能夠繪制出來，比如你看到的PS畫出來的圖標(biāo)，界面，你能夠知道用了什么圖層樣式，什么運(yùn)算法則，這都是需要知道的。

思維層就是你的技術(shù)需要達(dá)到一種隨便找一個(gè)APP出來，都要知道里面的版式為什么這樣布局，顏色為什么這樣搭配，規(guī)范為什么用這么大等。當(dāng)你的設(shè)計(jì)到達(dá)到了一定的層次，你的眼界也會(huì)隨著經(jīng)驗(yàn)和學(xué)習(xí)而開闊。眼界打開了，考慮事情也會(huì)不一樣！

作品層，這應(yīng)該很好理解。就是要有你自己的作品。只有通過你自己做出來的作品，才會(huì)有靈魂，你也知道為什么這樣做。只有自己的原創(chuàng)作品，才能找到一份好的UI設(shè)計(jì)的工作。很多人去找工作，都是臨摹，所以很容易被公司拒絕，你的原創(chuàng)作品必須要在學(xué)習(xí)之外，多加練習(xí)，才能夠有產(chǎn)出。

二、什么是UI設(shè)計(jì) UI設(shè)計(jì)包含哪些內(nèi)容

UI 設(shè)計(jì)(或稱界面設(shè)計(jì))是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)，也叫界面設(shè)計(jì)。UI 設(shè)計(jì)分為實(shí)體 UI 和虛擬UI，互聯(lián)網(wǎng)說的 UI 設(shè)計(jì)是虛擬 UI, UI 即User Interface(用戶界面)的簡稱。

UI 設(shè)計(jì)師的職能大體包括三方面:一是圖形設(shè)計(jì)，軟件產(chǎn)品的產(chǎn)品“外形”設(shè)計(jì)。二是交互設(shè)計(jì)，主要在于設(shè)計(jì)軟件的操作流程、樹狀結(jié)構(gòu)、操作規(guī)范等。三是用戶測試/研究，這里所謂的“測試”，其目標(biāo)恰在于測試交互設(shè)計(jì)的合理性及圖形設(shè)計(jì)的美觀性，主要通過以目標(biāo)用戶問卷的形式衡量 UI 設(shè)計(jì)的合理性。

UI設(shè)計(jì)目前的前景還是很不錯(cuò)的，很多企業(yè)都缺少 UI設(shè)計(jì)師。而且可以看到的是，現(xiàn)在社會(huì)的發(fā)展，更多的智能機(jī)和智能機(jī)器人研發(fā)出現(xiàn)，這些都離不開UI 設(shè)計(jì)師。所以說 UI 設(shè)計(jì)的是很有前途的，是不會(huì)失業(yè)的。而且 UI 設(shè)計(jì)門檻不高，要入門也不難的。

從工作內(nèi)容來說，UI 設(shè)計(jì)在當(dāng)前的互聯(lián)網(wǎng)領(lǐng)域、科技領(lǐng)域可以說無處不在，

好的 UI 設(shè)計(jì)能夠明顯提升用戶的使用體驗(yàn),從而給產(chǎn)品帶來更多的附加值,所以UI 設(shè)計(jì)對于互聯(lián)網(wǎng)產(chǎn)品是非常重要的。目前 UT 設(shè)計(jì)通常分為兩個(gè)大的工作方向，一個(gè)是交互設(shè)計(jì),另一個(gè)是視覺設(shè)計(jì)。

總的來說，UI 設(shè)計(jì)相比較于編程而言，還是非常適合大眾學(xué)的并且就業(yè)前景很廣闊。學(xué)完 UI 設(shè)計(jì)，能獲得一份穩(wěn)定而又不失樂趣的工作，同時(shí)有利于追求更高品質(zhì)的生活，在藝術(shù)領(lǐng)域可以獲得更多的啟迪。

三、UI設(shè)計(jì)的團(tuán)隊(duì)合作經(jīng)驗(yàn)總結(jié)

做什么：設(shè)計(jì)團(tuán)隊(duì)的協(xié)同

為什么：無規(guī)矩不成方圓；確保設(shè)計(jì)團(tuán)隊(duì)的同步，方便團(tuán)隊(duì)內(nèi)部工作的交接

什么時(shí)候：在設(shè)計(jì)開始之前

誰做：設(shè)計(jì)同學(xué)

在團(tuán)隊(duì)合作的過程中，同步是最重要的也是基礎(chǔ)的知識(shí)。第一次和其他小伙伴一起完成工作，總結(jié)了幾項(xiàng)同步的知識(shí)點(diǎn)和方法。

命名的規(guī)范包括了畫板、圖標(biāo)和組建。

在設(shè)計(jì)過程中，為了方便技術(shù)人員查看文檔和設(shè)計(jì)稿，我們在畫板命名時(shí)，以需求文檔里的模塊名稱為準(zhǔn)。當(dāng)需求文檔的劃分不夠細(xì)致，在需求文檔的標(biāo)題后面+橫線+名稱，（如圖：命名-01)

將命名好的畫板上傳至藍(lán)湖，然后排序排好，并按照模塊分好類別，方便其他的設(shè)計(jì)小伙伴查看和修改，也方便技術(shù)人員查找。

1.實(shí)心和描線圖標(biāo)保持同名，用【-o】來區(qū)分，比如【question-circle】（實(shí)心）和【question-circle-o】（描線）；

2.有無-circle/-square區(qū)別于邊框和非邊框，有無-o區(qū)別于實(shí)心和空心（如圖：命名-02）

3.命名順序：【模塊】-【圖標(biāo)名】-【形狀?】-【描線?】-【方向?】。

1）模塊，例如左側(cè)導(dǎo)航欄模塊的圖標(biāo)比較特殊，圖標(biāo)名前可加【sidebar】，常用模塊英文：頂部導(dǎo)航欄【navbar】，底部導(dǎo)航欄【tabbar】，自定義模塊命名根據(jù)實(shí)際需要選擇性添加

2）圖標(biāo)名，常用的圖標(biāo)命名用習(xí)慣的英文單詞命名，非常用和自定義的圖標(biāo)命名可用拼音，多參考其他網(wǎng)站的命名方式圖標(biāo)命名參考網(wǎng)站

3）描線，只在區(qū)分同一個(gè)功能的圖標(biāo)描線和非描線狀態(tài)下使用，如果圖標(biāo)風(fēng)格就是描線，不用每個(gè)圖標(biāo)后面都加此后綴

4.字體庫的命名與運(yùn)用

圖標(biāo)的托管網(wǎng)站是 iconfont ,在建立自己的項(xiàng)目時(shí)，電腦端的輸入前綴【pc】，手機(jī)端輸入前綴【mb】，fontfamily以公司名命名（如圖：命名-03）

關(guān)于iconfont網(wǎng)站的字體庫制作，可參考我的第一篇文章字體庫制作，里面詳細(xì)介紹了制作過程和使用方法。

基于sketch軟件的命名規(guī)范

關(guān)于symbol 是什么，有什么用，怎么制作，可以參考夜雨y 的這篇文章，這里主要介紹命名規(guī)范

組件的命名是要用英文輸入法的 / 作為分割，如果一級為最小級，一般命名是三級/二級/一級。這里可以參考微信小程序的UI組件命名

小單位的組件，比如按鈕的命名順序：【模塊】-【形狀?】-【顏色？】-【狀態(tài)？】。（如圖：命名-04）

1）圖層樣式的命名也是用英文輸入法的 / 用來分割父子級，命名規(guī)范：【模塊】-【顏色？】（如圖：命名-05）list/line則是父子級

2）文本的樣式命名規(guī)范：【字號】-【備注？】（如圖：命名-06）

1、先把做好組件庫保存

2.打開sketch-preferences-libraries-add library 添加保存的組件庫即可（如圖：共享-01）

3.修改組件直接雙擊，點(diǎn)擊彈窗最右邊按鈕>>修改完組件庫保存>>在設(shè)計(jì)稿點(diǎn)擊紫色按鈕同步組件庫即可（如圖：共享-02，共享-03）

當(dāng)然想要團(tuán)隊(duì)合作更方便，可以借助藍(lán)湖這類的軟件，nans也是團(tuán)隊(duì)合作，文件同步的有效工具。

四、UI設(shè)計(jì)都需要會(huì)什么？

UI設(shè)計(jì)作為時(shí)下熱門職業(yè)之一，其發(fā)展前景不言而喻，應(yīng)用領(lǐng)域非常廣泛，從傳統(tǒng)的計(jì)算機(jī)網(wǎng)頁到最新AI領(lǐng)域的人機(jī)交互界面，無不體現(xiàn)出其市場價(jià)值。

那么UI設(shè)計(jì)師都需要學(xué)習(xí)什么呢?

首先是設(shè)計(jì)基本功的掌握。需要掌握Photoshop(圖像處理)、Illustrator(圖形制作)、After Effects(視頻處理)、Axure(原型設(shè)計(jì))、Dreamweaver(網(wǎng)頁制作)、Coreldraw(矢量制作)、Flash(動(dòng)畫制作)等設(shè)計(jì)軟件及HTML5.0和DIV+CSS網(wǎng)頁代碼基礎(chǔ)。

具備了設(shè)計(jì)軟件，此時(shí)還不能獨(dú)立創(chuàng)作，所以需要掌握鉛筆、水彩筆、素描本、手繪板工具的運(yùn)用。此部分的學(xué)習(xí)重在設(shè)計(jì)理論的學(xué)習(xí)與構(gòu)圖技巧，學(xué)會(huì)解析各類圖標(biāo)的設(shè)計(jì)原理及表現(xiàn)技法。

在基本具備設(shè)計(jì)能力后，就需要進(jìn)行案例的實(shí)戰(zhàn)了。通過模仿各類產(chǎn)品的優(yōu)秀案例、并能解析其設(shè)計(jì)要點(diǎn)，推陳出新做出部分創(chuàng)新的完整案例。這樣在面試的時(shí)候，也能夠脫穎而出。

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