新手必備，UI設(shè)計(jì)師必須知道的38個(gè)專業(yè)術(shù)語，太全面了！

時(shí)間：2023-09-10 17:42:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-09-10 17:42:01 來源：網(wǎng)站運(yùn)營

新手必備，UI設(shè)計(jì)師必須知道的38個(gè)專業(yè)術(shù)語，太全面了！：作為UI設(shè)計(jì)的新手小白，除了看書及掌握必備的軟件技能意外，熟悉UI設(shè)計(jì)的專業(yè)術(shù)語也是一個(gè)必備的軟技能~ 如果你在工作、學(xué)習(xí)中曾被對方一句UI設(shè)計(jì)的專業(yè)術(shù)語說得一臉茫然，今天這篇術(shù)語小科普，大家必須收藏好了哦！

UI技術(shù)術(shù)語

UI

User Interface，用戶界面，主要包括視覺設(shè)計(jì)、交互設(shè)計(jì)和用戶體驗(yàn)三個(gè)部分。用戶界面設(shè)計(jì)包括產(chǎn)品的外觀和感覺、呈現(xiàn)方式和交互性。用戶界面是用戶與數(shù)字設(shè)備或產(chǎn)品之間的交互點(diǎn)——例如智能手機(jī)上的觸摸屏，或用于從咖啡機(jī)中選擇所需咖啡種類的觸摸板。UI設(shè)計(jì)師會通過對圖標(biāo)和按鈕、排版和配色方案、間距、圖像和響應(yīng)式設(shè)計(jì)的考量，進(jìn)行設(shè)計(jì)。

UX

User Experience，用戶體驗(yàn)，顧名思義是指以用戶體驗(yàn)為中心的設(shè)計(jì)。UX設(shè)計(jì)的最終目的是為用戶創(chuàng)造簡單、高效、相關(guān)、全方位的愉悅體驗(yàn)。提供出色用戶體驗(yàn)的產(chǎn)品在設(shè)計(jì)時(shí)不僅要考慮產(chǎn)品的消費(fèi)或使用，還要考慮獲取、擁有甚至故障排除的整個(gè)過程。

交互

交互設(shè)計(jì)是定義、設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域。它定義了兩個(gè)或多個(gè)互動(dòng)的個(gè)體之間交流的內(nèi)容和結(jié)構(gòu)，使之互相配合，共同達(dá)成某種目的。

用戶流

用戶流是用戶所遵循的軟件或網(wǎng)頁執(zhí)行路徑，可以視作是用戶在瀏覽軟件或網(wǎng)頁所經(jīng)歷的一個(gè)個(gè)迷你旅程。用戶流不一定是線性的，還可以有分支。

響應(yīng)式設(shè)計(jì)

就是頁面布局可以響應(yīng)不同尺寸屏幕的設(shè)計(jì)方法，響應(yīng)式設(shè)計(jì)往往用于網(wǎng)頁設(shè)計(jì)中。

自適應(yīng)設(shè)計(jì)

在自適應(yīng)設(shè)計(jì)中，為每個(gè)設(shè)備的屏幕創(chuàng)建不同的網(wǎng)站布局。

A/B 測試

一種比較產(chǎn)品或服務(wù)的A、B兩個(gè)版本，用以評估哪個(gè)版本更成功的方法。

可訪問性

服務(wù)或產(chǎn)品是否可以被所有人使用，無論用戶身處的情況如何。

卡片分類

參與者將信息組織成邏輯組以幫助確定信息架構(gòu)的會話。

最終用戶

購買完成后，使用成品或服務(wù)的人。

人機(jī)交互

研究計(jì)算機(jī)技術(shù)設(shè)計(jì)和人機(jī)交互的領(lǐng)域。

信息架構(gòu)

信息的結(jié)構(gòu)設(shè)計(jì)，使其更易于理解。

樣機(jī)

最終網(wǎng)頁或應(yīng)用程序外觀的真實(shí)視覺模型。

角色

理想客戶的虛構(gòu)代表，可幫助你了解他們的需求、目標(biāo)和行為。

原型

用于測試和收集反饋的最終產(chǎn)品的樣本或模擬樣式。原型是最終產(chǎn)品的輪廓，用于產(chǎn)品發(fā)布前的測試。原型分為低保真原型和高保真原型，低保真原型展示了設(shè)計(jì)外觀的基本草圖。另一方面，高級原型向草圖添加了更多的細(xì)節(jié)，高保真原型是一種以計(jì)算機(jī)為基礎(chǔ)并且與產(chǎn)品的最終樣式極其相似的高交互設(shè)計(jì)展示。

用戶流程

描繪用戶在使用產(chǎn)品或服務(wù)時(shí)所采取的每個(gè)步驟的圖表。

線框圖

線框圖是產(chǎn)品、應(yīng)用程序或網(wǎng)站設(shè)計(jì)的框架。線框圖的目的是布局頁面的功能和內(nèi)容，顯示設(shè)計(jì)元素在屏幕上的位置。線框圖是在原型創(chuàng)建之前的早期開發(fā)階段制作的，目的是在添加任何設(shè)計(jì)元素之前建立頁面的基本結(jié)構(gòu)。

數(shù)據(jù)可視化

數(shù)據(jù)可視化是將信息或數(shù)據(jù)轉(zhuǎn)換為視覺上下文的概念，使數(shù)據(jù)更容易、更快速地被大腦理解。這涉及以人腦可以從中提取見解的方式呈現(xiàn)信息或數(shù)據(jù)，從而更容易識別大型數(shù)據(jù)集中的模式和趨勢。

設(shè)計(jì)沖刺

設(shè)計(jì)沖刺是一個(gè)為期五天的流程，通過設(shè)計(jì)、原型和用戶測試來解決關(guān)鍵業(yè)務(wù)問題。設(shè)計(jì)沖刺講究快速且高效地驗(yàn)證某一個(gè)想法/功能并尋找最佳解決方案。它時(shí)間周期短、目的性強(qiáng)，適用于產(chǎn)品開發(fā)的任何時(shí)期。

UI技能術(shù)語

設(shè)計(jì)布局

通過對視覺元素進(jìn)行排列組合來創(chuàng)造一個(gè)層次分明的整體呈現(xiàn)。

網(wǎng)絡(luò)布局

柵格是由一組組橫豎相交的線將屏幕分割為若干的行和列，這些行和列支撐起了頁面的主體結(jié)構(gòu)，并確保元素間的距離有規(guī)律可循。

負(fù)空間

留白，設(shè)計(jì)元素周圍的空白區(qū)域。

信息層級

信息的重要程度分級。

設(shè)計(jì)心理學(xué)

闡述人腦對于整體與部分的認(rèn)知關(guān)系。（戳此參閱：設(shè)計(jì)師不得不知道的3個(gè)設(shè)計(jì)心理學(xué)原理）

親密

兩個(gè)視覺元素之間的物理距離相互靠近。

復(fù)用

在一個(gè)頁面布局多次使用某一個(gè)視覺元素。

對比

強(qiáng)化不同視覺元素之間的差異感來建立鮮明的視覺層級，從而有效地突出目標(biāo)信息。

對齊

將視覺元素按照某一條參考線進(jìn)行排列。

CMYK

彩色印刷色彩模式。

RGB

顯示器時(shí)的色彩模式。

混合模式

調(diào)整RGB數(shù)值，讓頂部圖層與底部圖層進(jìn)行顏色混合。

色相

顏色的不同種類。

明度

在顏色中添加白色使其變淡。

陰影

添加黑色使顏色變深。

飽和度

顏色中的灰色含量

襯線字體

襯線指在文字主體的起止位置有不同粗細(xì)的邊角裝飾，襯線又被稱為字腳。

等寬字體

指擁有固定寬度的字符集。

比例字體

每個(gè)字母寬度按一定比例自動(dòng)調(diào)整。

---

以上就是新手UI設(shè)計(jì)師必須要知道的38個(gè)專業(yè)術(shù)語，除了了解概念之外，使用一款能快速上手的設(shè)計(jì)工具進(jìn)行練習(xí)也非常重要！現(xiàn)在支持UI設(shè)計(jì)的軟件有很多，但很多設(shè)計(jì)工具軟件功能全面卻復(fù)雜，想要快速上手并不容易。

強(qiáng)烈推薦你使用Pixso，這是一款專為國內(nèi)產(chǎn)研設(shè)團(tuán)隊(duì)量身打造的在線協(xié)同工具。無論你是作為UI設(shè)計(jì)的新手還是老手，從舊軟件轉(zhuǎn)移到Pixso來，真的零成本！Pixso對比傳統(tǒng)設(shè)計(jì)軟件，具備在線設(shè)計(jì)、實(shí)時(shí)協(xié)作、一鍵交付、原生中文與設(shè)計(jì)資源豐富等優(yōu)勢。

感興趣的話，歡迎來Pixso免費(fèi)體驗(yàn)哦！