正文

ui設(shè)計(jì)的基本內(nèi)涵是什么（ui設(shè)計(jì)的基本內(nèi)涵是什么）

發(fā)布時(shí)間：2023-04-28 02:53:08 稿源：創(chuàng)意嶺閱讀： 155

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

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

本文目錄:

1、UI設(shè)計(jì)與美工的區(qū)別是什么？
2、ui設(shè)計(jì)的三個(gè)等級(jí)分類劃分
3、如何定義UI設(shè)計(jì)視覺規(guī)范
4、UI設(shè)計(jì)與VI設(shè)計(jì)有什么區(qū)別？

ui設(shè)計(jì)的基本內(nèi)涵是什么（ui設(shè)計(jì)的基本內(nèi)涵是什么）

一、UI設(shè)計(jì)與美工的區(qū)別是什么？

工作內(nèi)容不同：美工主要從事的是與平面相關(guān)的工作，包括海報(bào)設(shè)計(jì)、名片設(shè)計(jì)、折頁設(shè)計(jì)、VI設(shè)計(jì)、書籍排版設(shè)計(jì)、產(chǎn)品包裝設(shè)計(jì)等內(nèi)容，是一個(gè)針對(duì)平面展示類的工作，需要藝術(shù)性的創(chuàng)作思維、一定的美術(shù)基礎(chǔ)、良好的審美能力、色彩搭配能力等等。UI設(shè)計(jì)主要針對(duì)的是軟件界面，表現(xiàn)在軟件界面的三個(gè)方面：人機(jī)交互、操作邏輯、界面美觀。也就是除了掌握設(shè)計(jì)的能力，在界面的美觀性的基礎(chǔ)之上還要懂得人機(jī)交互的內(nèi)容和產(chǎn)品的操作邏輯。包括：移動(dòng)端APP產(chǎn)品設(shè)計(jì)、PC端企業(yè)站設(shè)計(jì)、懂運(yùn)營(yíng)擅視覺的高級(jí)電商設(shè)計(jì)、交互動(dòng)效設(shè)計(jì)、AR/VR/MR體驗(yàn)交互設(shè)計(jì)、網(wǎng)站制作等內(nèi)容，UI設(shè)計(jì)不僅是一個(gè)視覺設(shè)計(jì)類的工作，還包括用戶體驗(yàn)、產(chǎn)品思維、交互動(dòng)效等。

掌握的技能不同：美工需要掌握色彩搭配、構(gòu)圖能力、版式設(shè)計(jì)、字體設(shè)計(jì)、印刷工藝、插畫設(shè)計(jì)、平面軟件(PS、AI、ID、CDR)、會(huì)一些攝影的話是加分選項(xiàng)。UI設(shè)計(jì)在美工需要掌握的技能基礎(chǔ)之上還需要掌握各個(gè)移動(dòng)端設(shè)計(jì)規(guī)范、高級(jí)合成、運(yùn)營(yíng)設(shè)計(jì)、電商設(shè)計(jì)、用戶心理學(xué)、用戶體驗(yàn)、產(chǎn)品思維、交互動(dòng)效設(shè)計(jì)、最前沿的設(shè)計(jì)趨勢(shì)、交互理論、設(shè)計(jì)軟件(PS、AI、ID、CDR、Xmind、C4D、Axure、Sketch、AE、Flinto、PxCook、藍(lán)湖、墨刀、Dreamweaver、Experience Design等)。

就業(yè)方向不同：平面的就業(yè)方向是平面設(shè)計(jì)師等視覺類工作，主要是傳統(tǒng)設(shè)計(jì)公司、雜志社、廣告公司、影樓、印刷公司、報(bào)社等。UI設(shè)計(jì)的就業(yè)方向webUI設(shè)計(jì)師、移動(dòng)端UI設(shè)計(jì)師、交互設(shè)計(jì)師、圖形設(shè)計(jì)師、平面設(shè)計(jì)師、信息多媒體設(shè)計(jì)、產(chǎn)品經(jīng)理等。主要供職于互聯(lián)網(wǎng)公司。

發(fā)展前景不同： 美工的發(fā)展前景是成為高級(jí)平面設(shè)計(jì)師。UI設(shè)計(jì)師的發(fā)展前景是成為高級(jí)UI設(shè)計(jì)師、資深設(shè)計(jì)師、首席設(shè)計(jì)師、產(chǎn)品總監(jiān)、CTO首席技術(shù)官、創(chuàng)意總監(jiān)。相對(duì)薪資也不同，以拉勾網(wǎng)在北京就業(yè)的剛畢業(yè)的本科生為例，平面設(shè)計(jì)師的平均薪資在5K左右，UI設(shè)計(jì)師的平均薪資10K左右。

二、ui設(shè)計(jì)的三個(gè)等級(jí)分類劃分

ui設(shè)計(jì)的三個(gè)等級(jí)分類劃分

導(dǎo)語：按照UI設(shè)計(jì)界面的三類劃分，有助于考察設(shè)計(jì)界面的多種因素。當(dāng)然，應(yīng)該說設(shè)計(jì)界面的劃分是不可能完全絕對(duì)的，三類界面之間有涵義上也可能交互與重疊，如宗教文化是一種環(huán)境性因素，但它帶給信仰者的往往更多的卻是宗教的情感因素。下面就由我為大家介紹一下ui設(shè)計(jì)的三個(gè)等級(jí)分類劃分，希望對(duì)大家有所幫助！

1 、功能性界面

對(duì)功能性界面來說，它實(shí)現(xiàn)的是使用性內(nèi)容，任何'件產(chǎn)品或內(nèi)外環(huán)境或平面視覺傳達(dá)作品，其存在的價(jià)值首要的是在于使用性，由使用性牽涉到多種功能因素的分析及實(shí)現(xiàn)功能的技術(shù)方法與材料運(yùn)用。在這一方面，分析思維作為一種理性思維而存在。如果作為一種處理方式來設(shè)計(jì)產(chǎn)品，則這種產(chǎn)品會(huì)使多種特征性(如民族性、純粹性)因素中性化，如果去除產(chǎn)品商標(biāo)，就很難認(rèn)出是哪國(guó)的或哪個(gè)公司的產(chǎn)品。當(dāng)然，這方面也說明了產(chǎn)品中存在著共同性因素，它使全人類能做出同樣的反應(yīng)。人的感覺和判斷能力有著國(guó)際性的、客觀性的特征。功能性UI界面設(shè)計(jì)要建立在符號(hào)學(xué)的基礎(chǔ)上。國(guó)際符號(hào)學(xué)會(huì)對(duì)符號(hào)學(xué)所下定義是：符號(hào)是關(guān)于信號(hào)標(biāo)志系統(tǒng)(即通過某種渠道傳遞信息的系統(tǒng))的理論，它研究自然符號(hào)系統(tǒng)和人造符號(hào)系統(tǒng)的特征。廣義的.說，能夠代表其他事物的東西都是符號(hào)，如字母、數(shù)字、儀式、意識(shí)、動(dòng)作等，最復(fù)雜的一種符號(hào)系統(tǒng)可能就是語言。設(shè)計(jì)功能界面，不可避免地要讓使用者明白功能操作。每一操作對(duì)人來說應(yīng)是符合思維邏輯的，是人性的，而對(duì)機(jī)械、電子來說則應(yīng)是準(zhǔn)確的、確定無疑的，這雙方的信息傳遞是功能界面的核心內(nèi)涵。

2、情感性界面

一個(gè)家庭裝飾要賦予人家居的溫馨，一副平面作品要以情動(dòng)人，一件宗教器具要體現(xiàn)信仰者的虔誠(chéng)。其實(shí)任何一件產(chǎn)品或作品只有與人的情感產(chǎn)生共鳴才能為人所接受，"敝帚自珍"正體現(xiàn)著人的感情寄托，也體現(xiàn)著設(shè)計(jì)作品的魅力所在。現(xiàn)代符號(hào)學(xué)的發(fā)展也日益這一領(lǐng)域開拓，以努力使這種不確定性得到壓縮，部分加強(qiáng)理性化成分。符號(hào)學(xué)逐漸應(yīng)用于民俗學(xué)、神話學(xué)、宗教學(xué)、廣告學(xué)等領(lǐng)域，如日本符號(hào)學(xué)界把符號(hào)學(xué)用于認(rèn)識(shí)論研究，考察認(rèn)識(shí)知覺、認(rèn)識(shí)過程的符號(hào)學(xué)問題。同時(shí)，符號(hào)學(xué)還用于分析利用人體感官進(jìn)行的交際，并將音樂、舞蹈、服裝、裝飾等都作為符號(hào)系統(tǒng)加以分析研究，這都為設(shè)計(jì)藝術(shù)提供了寶貴與有借鑒價(jià)值的情感界面設(shè)計(jì)方法與技術(shù)手段。

3 、環(huán)境性界面

任何的設(shè)計(jì)都要與環(huán)境因素相聯(lián)系，它包括社會(huì)、政治和文化等綜合領(lǐng)域。處于外界環(huán)境之中，"是以社會(huì)群體而不是以個(gè)體為基礎(chǔ)的"，所以環(huán)境性因素一般處于非受控與難以預(yù)見的變化狀態(tài)。聯(lián)系到設(shè)計(jì)的歷史，我們可以利用藝術(shù)社會(huì)學(xué)的觀點(diǎn)去認(rèn)識(shí)各時(shí)期的設(shè)計(jì)潮流。18世紀(jì)起，西方一批美學(xué)家已注意到藝術(shù)創(chuàng)造與審美趣味深受地理、氣候、民族、歷史條件等環(huán)境因素的影響。法國(guó)實(shí)證主義哲學(xué)家孔德指出："文學(xué)藝術(shù)是人的創(chuàng)造物，原則上是由創(chuàng)造它的人所處的環(huán)境條件決定。"法國(guó)文藝?yán)碚摷业ぜ{認(rèn)為"物質(zhì)文明與精神文明的性質(zhì)面貌都取決于種族、環(huán)境、時(shí)代三大因素"。無論是工藝美術(shù)運(yùn)動(dòng)、包豪斯現(xiàn)代主義或20世紀(jì)80年代的反設(shè)計(jì)，現(xiàn)代的多元化，"游牧主義"(Nemadism)都反映著環(huán)境因素的影響。環(huán)境性界面設(shè)計(jì)所涵蓋的因素是極為廣泛的，它包括有政治、歷史、經(jīng)濟(jì)、文化、科技、民族等，這方面的界面設(shè)計(jì)正體現(xiàn)了設(shè)計(jì)藝術(shù)的社會(huì)性。以上說明了設(shè)計(jì)藝術(shù)界面存在的特征因素，說明在理性與非理性上都存在明確、合理、有規(guī)則、有根據(jù)的認(rèn)識(shí)方法與手段。成功的作品都是完善地處理了這三個(gè)界面的結(jié)晶。如貝聿銘設(shè)計(jì)的盧浮宮擴(kuò)建工程，功能性處理得很好，沒有屈從于形式而損害功能；但同時(shí)又通過新材料及形式反映新的時(shí)代性特征及美學(xué)傾向，這是環(huán)境性界面處理的典范；人們觀看盧浮宮，不是回到古代，而是以新的價(jià)值觀去重新審視、欣賞，它的三角形外觀符合了人們的心理期望，這是情感性界面處理的極致。

;

三、如何定義UI設(shè)計(jì)視覺規(guī)范

圖標(biāo)規(guī)范

很多設(shè)計(jì)師以為UI設(shè)計(jì)

就是設(shè)計(jì)圖標(biāo)。雖然事實(shí)并非如此，但圖標(biāo)的設(shè)計(jì)在整個(gè)UI設(shè)計(jì)中是比較基礎(chǔ)的一個(gè)環(huán)節(jié)。

圖標(biāo)與品牌標(biāo)志一樣，在設(shè)計(jì)時(shí)都需要做適當(dāng)?shù)臏p法，應(yīng)該盡量用簡(jiǎn)約的線條去表達(dá)其含義，應(yīng)該盡量避免出現(xiàn)線條結(jié)構(gòu)過于復(fù)雜的設(shè)計(jì)，而且整體的圖標(biāo)都需要保持風(fēng)格一致，例如圖標(biāo)的線條粗細(xì)、邊角弧度、圖標(biāo)高度寬度比例、風(fēng)格等等。

UI設(shè)計(jì)師應(yīng)該知道的UI設(shè)計(jì)規(guī)范

特別是對(duì)于新人，所以大家一起來看看圖標(biāo)設(shè)計(jì)的規(guī)范吧：

(1)像素對(duì)齊

需要嚴(yán)格的做到像素對(duì)齊，尤其是在做較小尺寸的圖標(biāo)時(shí)，如果不嚴(yán)格的遵循像素對(duì)齊，那最終的顯示效果就會(huì)出現(xiàn)問題。

(2)多用布爾運(yùn)算

在做圖標(biāo)的時(shí)候，能用基本圖形進(jìn)行布爾運(yùn)算的時(shí)候，盡量不要使用鋼筆，這樣做的好處有如下幾點(diǎn)：

·讓你的圖標(biāo)更加規(guī)范

·對(duì)圖形結(jié)構(gòu)理解更加深刻

·后期更改形狀更加方便

UI設(shè)計(jì)師應(yīng)該知道的UI設(shè)計(jì)規(guī)范

(3)獨(dú)特的風(fēng)格

在做系列圖標(biāo)的時(shí)候，一定要在前期給圖標(biāo)設(shè)定一個(gè)風(fēng)格及原則，使之看起來與眾不同。

在這里值得一提就是，我們?cè)谧鼍€性圖標(biāo)時(shí)，一定要保證描邊粗細(xì)相同、圓角相同，如果這些基礎(chǔ)的規(guī)則都沒有遵循，那也就談不上風(fēng)格的統(tǒng)一、創(chuàng)新了。

(4)視覺大小統(tǒng)一

在進(jìn)行圖標(biāo)設(shè)計(jì)的時(shí)候，我們會(huì)使用柵格輔助線來幫助我們更加嚴(yán)格謹(jǐn)慎，但一定不要被輔助線困住，學(xué)會(huì)靈活運(yùn)用，保持視覺上的大小統(tǒng)一。

四、UI設(shè)計(jì)與VI設(shè)計(jì)有什么區(qū)別？

VI即（Visual Identity），通譯為視覺識(shí)別系統(tǒng)，是CIS系統(tǒng)最具傳播力和感染力的部分。是將CI的非可視內(nèi)容轉(zhuǎn)化為靜態(tài)的視覺識(shí)別符號(hào)，以無比豐富的多樣的應(yīng)用形式，在最為廣泛的層面上，進(jìn)行最直接的傳播。設(shè)計(jì)到位、實(shí)施科學(xué)的視覺識(shí)別系統(tǒng)，是傳播企業(yè)經(jīng)營(yíng)理念、建立企業(yè)知名度、塑造企業(yè)形象的快速便捷之途。

在品牌營(yíng)銷的今天，沒有VI設(shè)計(jì)對(duì)于一個(gè)現(xiàn)代企業(yè)來說，就意味著它的形象將淹沒于商海之中，讓人辨別不清；就意味著它是一個(gè)缺少靈魂的賺錢機(jī)器；就意味著它的產(chǎn)品與服務(wù)毫無個(gè)性，消費(fèi)者對(duì)它毫無眷戀；就意味著團(tuán)隊(duì)的渙散和低落的士氣。

VI設(shè)計(jì)一般包括基礎(chǔ)部分和應(yīng)用部分兩大內(nèi)容。其中，基礎(chǔ)部分一般包括：企業(yè)的名稱、標(biāo)志設(shè)計(jì)、標(biāo)識(shí)、標(biāo)準(zhǔn)字體、標(biāo)準(zhǔn)色、輔助圖形、標(biāo)準(zhǔn)印刷字體、禁用規(guī)則等等；而應(yīng)用部分則一般包括：標(biāo)牌旗幟、辦公用品、公關(guān)用品、環(huán)境設(shè)計(jì)、辦公服裝、專用車輛等等。

一個(gè)優(yōu)秀的VI設(shè)計(jì)對(duì)一個(gè)企業(yè)的作用應(yīng)在于：

A、在明顯地將該企業(yè)與其他企業(yè)區(qū)分開來的同時(shí)又確立該企業(yè)明顯的行業(yè)特征或其他重要特征，確保該企業(yè)在經(jīng)濟(jì)活動(dòng)當(dāng)中的獨(dú)立性和不可替代性；明確該企業(yè)的市場(chǎng)定位，屬企業(yè)的無形資產(chǎn)的一個(gè)重要組成部分；

B、傳達(dá)該企業(yè)的經(jīng)營(yíng)理念和企業(yè)文化，以形象的視覺形式宣傳企業(yè)；

C、以自己特有的視覺符號(hào)系統(tǒng)吸引公眾的注意力并產(chǎn)生記憶，使消費(fèi)者對(duì)該企業(yè)所提供的產(chǎn)品或服務(wù)產(chǎn)生最高的品牌忠誠(chéng)度；

D、提高該企業(yè)員工對(duì)企業(yè)的認(rèn)同感，提高企業(yè)士氣。

VI設(shè)計(jì)的基本原則：

VI的設(shè)計(jì)不是機(jī)械的符號(hào)操作，而是以MI為內(nèi)涵的生動(dòng)表述。所以，VI設(shè)計(jì)應(yīng)多角度、全方位地反映企業(yè)的經(jīng)營(yíng)理念。

A、風(fēng)格的統(tǒng)一性原則

B、強(qiáng)化視覺沖擊的原則

C、強(qiáng)調(diào)人性化的原則

D、增強(qiáng)民族個(gè)性與尊重民族風(fēng)俗的原則

E、可實(shí)施性原則：VI設(shè)計(jì)不是設(shè)計(jì)師的異想天開而是要求具有較強(qiáng)的可實(shí)施性。如果在實(shí)施性上過于麻煩，或因成本昂貴而影響實(shí)施，再優(yōu)秀的VI設(shè)計(jì)也會(huì)由于難以落實(shí)而成為空中樓閣、紙上談兵。

F、符合審美規(guī)律的原則

G、嚴(yán)格管理的原則

VI設(shè)計(jì)系統(tǒng)千頭萬緒，因此，在積年累月的實(shí)施過程中，要充分注意各實(shí)施部門或人員的隨意性，嚴(yán)格按照VI設(shè)計(jì)手冊(cè)的規(guī)定執(zhí)行，保證不走樣。

VI設(shè)計(jì)的基本程序可大致分為以下四個(gè)階段：

A、準(zhǔn)備階段：

成立VI設(shè)計(jì)小組，理解消化MI，確定貫穿VI設(shè)計(jì)的基本形式，搜集相關(guān)咨訊，以利比較。VI設(shè)計(jì)小組由各具所長(zhǎng)的人士組成。人數(shù)不在與多，在于精干，重實(shí)效。一般說來，應(yīng)由企業(yè)的高層主要負(fù)責(zé)人擔(dān)任。因?yàn)樵撊耸勘纫话愕墓芾砣耸亢驮O(shè)計(jì)師對(duì)企業(yè)自身情況的了解更為透徹，宏觀把握能力更強(qiáng)。其他成員主要是各專門行業(yè)的人士，以美工人員為主體，以行銷人員、市場(chǎng)調(diào)研人員為輔。如果條件許可，還邀請(qǐng)美學(xué)、心理學(xué)等學(xué)科的專業(yè)人士參與部分設(shè)計(jì)工作。

B、設(shè)計(jì)開發(fā)階段：

基本要素設(shè)計(jì)

應(yīng)用要素設(shè)計(jì)

VI設(shè)計(jì)小組成立后，首先要充分地理解、消化企業(yè)的經(jīng)營(yíng)理念，把MI的精神吃透，并尋找與VI的結(jié)合點(diǎn)。這一工作有賴于VI設(shè)計(jì)人員與企業(yè)間的充分溝通。在各項(xiàng)準(zhǔn)備工作就緒之后，VI設(shè)計(jì)小組即可進(jìn)入具體的設(shè)計(jì)階段。

C、反饋修正階段

D、調(diào)研與修正反饋

E、修正并定型

在VI設(shè)計(jì)基本定型后，還要進(jìn)行較大范圍的調(diào)研，以便通過一定數(shù)量、不同層次的調(diào)研對(duì)象的信息反饋來檢驗(yàn)VI設(shè)計(jì)的各細(xì)部。

F、編制VI設(shè)計(jì)手冊(cè)

-------------------------------

什么是UI（用戶界面）？

想起來好像有些滑稽，當(dāng)初知道何謂UI，是一個(gè)漫長(zhǎng)的過程：

02年年初我開始做一些軟件界面的圖形設(shè)計(jì)工作，圖形設(shè)計(jì)的過程是最樂此不疲而充滿感性創(chuàng)意的，看到自己的設(shè)計(jì)被別人裝在機(jī)器上使用那是一個(gè)很爽的感覺。

這個(gè)階段階段一直到了02年底，有一天我的LEADER給我看了某個(gè)國(guó)外同類軟件的用戶界面展示，我在那里看到“User Interface”這個(gè)詞。

于是我知道了：“哦，原來我做的是UI設(shè)計(jì)的工作”。

從此知道了什么是UI ，知道了這個(gè)詞就又找到了很多資料，然后請(qǐng)我旁邊的翻譯同事幫我，于是我又知道了UI設(shè)計(jì)絕不光光是“圖形界面設(shè)計(jì)”更不僅僅是“軟件界面和網(wǎng)站界面”，知道了“一個(gè)茶壺同樣可以看作是一個(gè)用戶界面”，知道了好用和美觀一樣重要。

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