正文

ui設(shè)計交付物都包含（ui設(shè)計交付標準）

發(fā)布時間：2023-04-06 15:50:52 稿源：創(chuàng)意嶺閱讀： 138

大家好！今天讓小編來大家介紹下關(guān)于ui設(shè)計交付物都包含的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

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

文章目錄列表:

1、UI設(shè)計是由什么組成的？
2、UI設(shè)計的基本元素是哪些?
3、UI設(shè)計都有什么？
4、UI設(shè)計規(guī)范都包含哪些規(guī)范？

ui設(shè)計交付物都包含（ui設(shè)計交付標準）

一、UI設(shè)計是由什么組成的？

很多人一提起UI設(shè)計就會想到手機app，手機程序，代碼之類的工作，其實這只是一小部分而已，UI設(shè)計包括很多東西，UI指的是用戶界面，包括用戶和界面之間的交互關(guān)系，一般分為用戶研究，交互設(shè)計和界面設(shè)計，下面我就來給大家講解一下三者之間的聯(lián)系與功能。

用戶研究應(yīng)該很好理解，就是字面上的意思，簡單的說就是研究與你設(shè)計的產(chǎn)品相關(guān)的人群，那么為什么要研究他們呢？我們做的所有工作都是為了更好地設(shè)計，我們需要知道我們的客戶想要的是什么，它的需求是什么，什么樣的設(shè)計會更容易接受，這樣在設(shè)計產(chǎn)品的時候可以避免走很多彎路。產(chǎn)品是設(shè)計給人用的，往往那些很自信不做任何調(diào)研做產(chǎn)品，一般都不會有好下場。

交互設(shè)計值得是人和機器建立聯(lián)系，然后通過這個聯(lián)系達到目的。交互設(shè)計的工作內(nèi)容就是了解產(chǎn)品的想法和布局，結(jié)合用研的數(shù)據(jù)結(jié)果，去做產(chǎn)品原型設(shè)計。不難發(fā)現(xiàn)，由于交互設(shè)計的性質(zhì)，會發(fā)現(xiàn)其實它處在產(chǎn)品開發(fā)的中間位置，是一個承上啟下位置。

界面設(shè)計相信也很好理解，就是產(chǎn)品的門面，界面設(shè)計可能是被談得最多的，和交互設(shè)計一樣，界面設(shè)計師需要不斷地與交互和產(chǎn)品經(jīng)理進行溝通。對于界面設(shè)計師來說，除了要畫軟件界面外，還要畫logo，icon，配圖，運營banner還有就是動效設(shè)計等等，然后就是標注、切圖和視覺還原，其實遠比我們想象的要難的多。

想學習了解更多的，UI設(shè)計相關(guān)知識可以戳我/

二、UI設(shè)計的基本元素是哪些?

UI設(shè)計有以下幾個基本元素：1、簡易性：界面的簡潔是要讓用戶便于使用、便于了解產(chǎn)品，并能減少用戶發(fā)生錯誤選擇的可能性；2、用戶語言：界面中要使用能反映用戶本身的語言，而不是游戲設(shè)計者的語言；3、記憶負擔最小化：人腦不是電腦，在設(shè)計界面時必須要考慮人類大腦處理信息的限度。人類的短期記憶有限且極不穩(wěn)定，24小時內(nèi)存在約百分之二十五的遺忘率。所以對用戶來說，瀏覽信息要比記憶更容易；4、一致性：它是每一個優(yōu)秀界面都具備的特點。界面的結(jié)構(gòu)必須清晰且一致，風格必須與產(chǎn)品內(nèi)容相一致；5、清楚：在視覺效果上便于理解和使用；6、用戶的熟悉程度：用戶可通過已掌握的知識來使用界面，但不應(yīng)超出一般常識；7、從用戶習慣考慮：想用戶所想，做用戶所做。用戶總是按照他們自己的方法理解和使用；通過比較兩個不同世界（真實與虛擬）的事物，完成更好的設(shè)計。如：書籍對比竹簡；8、排列：一個有序的界面能讓用戶輕松的使用；9、安全性：用戶能自由的作出選擇，且所有選擇都是可逆的。在用戶作出危險的選擇時有信息介入系統(tǒng)的提示；10、靈活性：簡單來說就是要讓用戶方便的使用，但不同于上述。即互動多重性，不局限于單一的工具（包括鼠標、鍵盤或手柄、界面）；11、人性化：高效率和用戶滿意度是人性化的體現(xiàn)。應(yīng)具備專家級和初級玩家系統(tǒng)，即用戶可依據(jù)自己的習慣定制界面，并能保存設(shè)置。

三、UI設(shè)計都有什么？

UI設(shè)計的主要工作內(nèi)容

UI設(shè)計的分類：

用戶界面設(shè)計又分為三個職位，分別是用戶體驗設(shè)計師、交互設(shè)計師和界面設(shè)計師。我們常說的學UI設(shè)計或做UI設(shè)計，一般都指GUI界面設(shè)計師。GUI設(shè)計師的日常工作就是界面設(shè)計、圖標設(shè)計、切圖和標注。所用工具為PS、AI、AE、C4D（非必需）等，還有切圖和標注的一些插件或軟件。GUI設(shè)計師的就業(yè)方向分為主題UI設(shè)計師和APP UI設(shè)計師。

APP UI自然就是手機軟件界面設(shè)計，我們平日所用的微信、QQ、淘寶、支付寶等這些全都屬于APP，他們的界面自然也都是UI設(shè)計師所設(shè)計的。手機應(yīng)用種類繁多，安卓和蘋果商城幾乎都有數(shù)十萬甚至百萬個，這自然就需要大量的UI設(shè)計師了。

ID（交互設(shè)計師）一般的工作是設(shè)計、繪制原型圖，它對邏輯處理能力和頁面布局能力要求較高，很多工業(yè)設(shè)計出身的人比較適合這個行業(yè)。

UE（用戶體驗設(shè)計師）這個職位一般只有中大型公司才有，顧名思義，它主要是研究用戶體驗的，用戶的行為，情感，使用感受、使用過程等所有方面都需要進行研究，心理學專業(yè)出身的人可以考慮這個行業(yè)。

UI設(shè)計的工作內(nèi)容：

具還包括：可用性分析、GUI（Graphic User Interface即圖形用戶界面設(shè)計、用戶測試等。好的UI設(shè)計不只是讓軟件變得有個性有品味而已，更重要的是讓軟件的操作變得舒適、簡單、易用，并且充分體現(xiàn)軟件的定位和特點。

UI設(shè)計師的工作流程：

1、在設(shè)計之前，首先需要產(chǎn)品經(jīng)理確定好客戶或者老板的需求。

2、確定需求之后，產(chǎn)品經(jīng)理會做具體的說明，讓交互、UI、開發(fā)、測試明確產(chǎn)品需求，明確項目的具體細節(jié)。

3、設(shè)計組內(nèi)部會議、界面風格確定。這個時候需要確定一個設(shè)計負責人。設(shè)計負責人會給同事做具體的工作安排，線框圖標、版式設(shè)計等都有具體的分配。

4、分工已經(jīng)明確，進行具體設(shè)計工作。

5、標注圖、效果圖、切圖。這個步驟，產(chǎn)品經(jīng)理會進行把關(guān)。

6、開發(fā)完成，進行最后的測試。測試工程師會對開發(fā)出來的產(chǎn)品進行測試，看看有沒有疏漏，有沒有錯誤，當測試和調(diào)試完成，上線，就完成了整個開發(fā)的流程。

現(xiàn)在企業(yè)對于UI設(shè)計師的需求也越來越多，之前只會一個單一的移動端APP界面設(shè)計都能找到一份很不錯的工作，但是現(xiàn)在企業(yè)需要變多所以我們需要學習的內(nèi)容也增多了，之后就得學習運營設(shè)計，網(wǎng)頁界面設(shè)計，交互動效設(shè)計，小程序設(shè)計，插畫設(shè)計等等。

如果是現(xiàn)在只會一個移動端APP設(shè)計找工作就比較難的，所以我們就需要不斷的學習，充實自己，提升自己的能力，不然很容易就被這個社會淘汰了。

那么我們接下來了解一下現(xiàn)在學習UI設(shè)計需要會哪些設(shè)計能力？

我們第一個要掌握的能力就是軟件技法能力

我們在學習UI設(shè)計的過程當中，需要學習到很多知識，比如 PS，AI，AE，XD，ARP，C4D，藍湖，默刀軟件，這些都是一名UI設(shè)計必需要掌握好的軟件。而學習到這些軟件，可以通過視視頻，書籍，網(wǎng)站等多種方法學習。

工欲善其事必先利其器，從這個階段開始，覺得先學習軟件工具了，一般UI設(shè)計要學習有以下8款軟件（PS，AI，AE，XD，ARP，C4D，藍湖，默刀軟件）那么這幾款軟件在UI設(shè)計工作是負責什么的呢？

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

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

AE：AE軟件在UI設(shè)計工作中主要用來做動效設(shè)計的

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

Sketch和XD這兩款軟件功能是差不多的，XD的話是一款非常適合做UI設(shè)計工作，XD做圖會非?？?，因為XD的工具特別少，里面的工具是專門為做UI設(shè)計工作開發(fā)的一款軟件，而且XD軟件特別小，不會卡。

ARP：ARP或者默刀軟件，ARP和默刀軟件功能差不多二選一學習就可以了，這兩款軟件都是做原型設(shè)計的

UI設(shè)計是由很多很多界面組成的，這些界面每一步之間去交接的這個界面，如果說我們只做一個界面，UI設(shè)計師是可以做出來的，但是要做幾十個上面?zhèn)€界面，如果我們一個個做是肯定會出問題的，所以需要先制作原型，我們根據(jù)原型再制作界面，這就是我們的前后聯(lián)系，原型是不用做這個顏色，圖標，細節(jié)的，只需搭建一個基礎(chǔ)的版式就行，這個就是我們用ARP或者默刀軟件做的。

C4D：C4D軟件在UI設(shè)計工作中主要用來做建模的

藍湖：藍湖軟件在UI設(shè)計工作中主要用來做標注設(shè)計的

就是我們做好了頁面，這個頁面的高底，寬度，包括頁面的色值我們都需要標注出來，為什么需要標注呢，因為我們做的圖，做完之后他就是張圖片，這個圖片我們用手機是點不了的，我們手機APP上的那些圖之所以能點，那是因為有程序猿做了一個二次開發(fā)，這個東西我們不用懂，但是我們要標注出來，標注出來讓程序猿知道你的顏色，你的色值，你的尺寸到時是多少，他才能開發(fā)出來。

那么除了軟件技法之外我們還需要會哪能力？

我們可以用軟件做一些圖，但是呢軟件只是個工具，我們還需要會設(shè)計

設(shè)計包含了：圖標設(shè)計，界面設(shè)計，動效設(shè)計，交互設(shè)計，運營設(shè)計，插畫設(shè)計，平面設(shè)計，作品集設(shè)計，小程序設(shè)計

圖標設(shè)計：手機及電腦上的界面里面的圖標

界面設(shè)計：手機APP界面和電腦上的界面

動效設(shè)計：動效設(shè)計可能很多人沒有留意過，但是動效設(shè)計是非常非常重要的，只要是頁面切換效果都屬于動效設(shè)計

交互設(shè)計：交互設(shè)計要做的就是原型圖設(shè)計

UI設(shè)計師的職業(yè)發(fā)展：

設(shè)計學完后就業(yè)方向非常廣，除了美工，可以做webUI設(shè)計師、移動端UI設(shè)計師、平面設(shè)計師、產(chǎn)品經(jīng)理等很多方向。圖形設(shè)計師，它不僅僅是單純意義上的美術(shù)工人，而是了解軟件產(chǎn)品、致力于提高軟件用戶體驗的產(chǎn)品外形設(shè)計師，例如工業(yè)外形設(shè)計、裝潢設(shè)計、信息多媒體設(shè)計等；交互設(shè)計師，設(shè)計軟件的操作流程、樹狀結(jié)構(gòu)、軟件的結(jié)構(gòu)與操作規(guī)范等；用戶測試/研究工程師，主要測試交互設(shè)計的合理性以及圖形設(shè)計的美觀性，通常采用戶外問卷的形式來衡量UI設(shè)計的合理性。所以，學習UI設(shè)計就業(yè)方向非常廣，可以給子自己很多不同的工作選擇。

總之，UI設(shè)計師的主要工作內(nèi)容就是設(shè)計出能夠滿足用戶需求的界面設(shè)計。這需要設(shè)計師既要有扎實的設(shè)計功底，又要懂得一些基礎(chǔ)的軟件開發(fā)知識，和前端知識等等。因此傳統(tǒng)的設(shè)計師比較起來，UI設(shè)計師在當今社會需求量更大。

四、UI設(shè)計規(guī)范都包含哪些規(guī)范？

1.基礎(chǔ)規(guī)范

基礎(chǔ)規(guī)范我劃分的是組成頁面最小的元素、是最基礎(chǔ)的一步?；A(chǔ)規(guī)范有文字、顏色、布局層級、圖形、分割線等。

2.組件規(guī)范

組件規(guī)范是由兩個元素組成，且可點擊的控件。組件規(guī)范有按鈕、導(dǎo)航欄、搜索框、tab欄、列表、表格、篩選器等。

3.模塊規(guī)范&banner運營規(guī)范

模塊規(guī)范是一個大的板塊，如金剛區(qū)、列表流、圖片流等;因為banner運營是一個很復(fù)雜的模塊，需要單獨定義規(guī)范。

4.特殊狀態(tài)規(guī)范

設(shè)計場景中一些特殊的狀態(tài)，也是我們設(shè)計時經(jīng)常忽略的地方。特殊狀態(tài)規(guī)范有彈窗、空白頁、加載態(tài)、toast浮層、啟動圖等等。

通過這四種規(guī)范的建立，UI設(shè)計規(guī)范已經(jīng)很全面、細致了，希望大家在做設(shè)計的過程中善于總結(jié)歸納，同時積極主動的去建立規(guī)范、建立組建庫。逐步的去解放自己的時間、成本，去做一些更具有創(chuàng)造力的工作，減少重復(fù)性工作。

以上就是小編對于ui設(shè)計交付物都包含問題和相關(guān)問題的解答了，如有疑問，可撥打網(wǎng)站上的電話，或添加微信。