正文

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

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

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

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

本文目錄:

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

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

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

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

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

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

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

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

ui設(shè)計的三個等級分類劃分

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

1 、功能性界面

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

2、情感性界面

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

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

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

;

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

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

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

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

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

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

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

(1)像素對齊

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

(2)多用布爾運算

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

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

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

·后期更改形狀更加方便

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

B、強化視覺沖擊的原則

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

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

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

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

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

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

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

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

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

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

基本要素設(shè)計

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

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

C、反饋修正階段

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

E、修正并定型

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

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

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

什么是UI（用戶界面）？

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