HOME 首頁(yè)
SERVICE 服務(wù)產(chǎn)品
XINMEITI 新媒體代運(yùn)營(yíng)
CASE 服務(wù)案例
NEWS 熱點(diǎn)資訊
ABOUT 關(guān)于我們
CONTACT 聯(lián)系我們
創(chuàng)意嶺
讓品牌有溫度、有情感
專注品牌策劃15年

    原型圖是產(chǎn)品經(jīng)理還是UI

    發(fā)布時(shí)間:2023-04-19 06:18:54     稿源: 創(chuàng)意嶺    閱讀: 80        

    大家好!今天讓小編來(lái)大家介紹下關(guān)于原型圖是產(chǎn)品經(jīng)理還是UI的問題,以下是小編對(duì)此問題的歸納整理,讓我們一起來(lái)看看吧。

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

    文章目錄列表:

    原型圖是產(chǎn)品經(jīng)理還是UI

    一、介紹一下UI設(shè)計(jì)中的專業(yè)名詞?

    UI設(shè)計(jì)中的專業(yè)名詞有:

    1、(User Interface):用戶界面UE或UX

    2、(User Experience):用戶體驗(yàn)GUI

    3、(Graphical User Interface):圖形用戶界面UED

    4、(User-Experience Design):用戶體驗(yàn)設(shè)計(jì)UCD

    5、(User-Centered Design):以用戶為中心的設(shè)計(jì)IXD

    6、(Interaction Design):交互設(shè)計(jì)

    7、(Visual Design):視覺設(shè)計(jì)PM

    8、(Product Manager):產(chǎn)品經(jīng)理

    原型圖是產(chǎn)品經(jīng)理還是UI

    UI設(shè)計(jì)所需的設(shè)計(jì)技能:

    圖標(biāo)設(shè)計(jì)、視覺設(shè)計(jì)、界面設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)、交互設(shè)計(jì)、動(dòng)效設(shè)計(jì)、原型圖設(shè)計(jì)、APP設(shè)計(jì)、小程序設(shè)計(jì)、UE設(shè)計(jì)、擬物化與扁平化設(shè)計(jì)、Banner設(shè)計(jì)、專題頁(yè)設(shè)計(jì)、電商設(shè)計(jì)、GUI圖形設(shè)計(jì)、WUI設(shè)計(jì)、手機(jī)主題設(shè)計(jì)、商業(yè)實(shí)訓(xùn)項(xiàng)目設(shè)計(jì)流程、H5網(wǎng)頁(yè)設(shè)計(jì)、代碼基礎(chǔ)、美術(shù)手繪、配色原理、設(shè)計(jì)規(guī)范、版式、切圖、適配、標(biāo)準(zhǔn)化布局、三大構(gòu)成、交互邏輯、思維構(gòu)圖、產(chǎn)品運(yùn)營(yíng)

    二、UI設(shè)計(jì)師負(fù)責(zé)的工作都有哪些

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

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

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

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

    UI設(shè)計(jì)的工作內(nèi)容:

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

    UI設(shè)計(jì)師的工作流程:

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

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

    3、設(shè)計(jì)組內(nèi)部會(huì)議、界面風(fēng)格確定。這個(gè)時(shí)候需要確定一個(gè)設(shè)計(jì)負(fù)責(zé)人。設(shè)計(jì)負(fù)責(zé)人會(huì)給同事做具體的工作安排,線框圖標(biāo)、版式設(shè)計(jì)等都有具體的分配。

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

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

    6、開發(fā)完成,進(jìn)行最后的測(cè)試。測(cè)試工程師會(huì)對(duì)開發(fā)出來(lái)的產(chǎn)品進(jìn)行測(cè)試,看看有沒有疏漏,有沒有錯(cuò)誤,當(dāng)測(cè)試和調(diào)試完成,上線,就完成了整個(gè)開發(fā)的流程。

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

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

    那么我們接下來(lái)了解一下現(xiàn)在學(xué)習(xí)UI設(shè)計(jì)需要會(huì)哪些設(shè)計(jì)能力?

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

    我們?cè)趯W(xué)習(xí)UI設(shè)計(jì)的過程當(dāng)中,需要學(xué)習(xí)到很多知識(shí),比如 PS,AI,AE,XD,ARP,C4D,藍(lán)湖,默刀軟件,這些都是一名UI設(shè)計(jì)必需要掌握好的軟件。而學(xué)習(xí)到這些軟件,可以通過視視頻,書籍,網(wǎng)站等多種方法學(xué)習(xí)。

    工欲善其事必先利其器,從這個(gè)階段開始,覺得先學(xué)習(xí)軟件工具了,一般UI設(shè)計(jì)要學(xué)習(xí)有以下8款軟件(PS,AI,AE,XD,ARP,C4D,藍(lán)湖,默刀軟件)那么這幾款軟件在UI設(shè)計(jì)工作是負(fù)責(zé)什么的呢?

    PS:PS軟件在UI設(shè)計(jì)工作中主要來(lái)用做UI設(shè)計(jì)界面設(shè)計(jì)、圖標(biāo)設(shè)計(jì)、圖片處理的

    AI:AI軟件在UI設(shè)計(jì)工作中主要用來(lái)做UI界面設(shè)計(jì)、圖標(biāo)設(shè)計(jì)、字體設(shè)計(jì)、插畫設(shè)計(jì)的

    AE:AE軟件在UI設(shè)計(jì)工作中主要用來(lái)做動(dòng)效設(shè)計(jì)的

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

    Sketch和XD這兩款軟件功能是差不多的,XD的話是一款非常適合做UI設(shè)計(jì)工作,XD做圖會(huì)非??欤?yàn)閄D的工具特別少,里面的工具是專門為做UI設(shè)計(jì)工作開發(fā)的一款軟件,而且XD軟件特別小,不會(huì)卡。

    ARP:ARP或者默刀軟件,ARP和默刀軟件功能差不多二選一學(xué)習(xí)就可以了,這兩款軟件都是做原型設(shè)計(jì)的

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

    C4D:C4D軟件在UI設(shè)計(jì)工作中主要用來(lái)做建模的

    藍(lán)湖:藍(lán)湖軟件在UI設(shè)計(jì)工作中主要用來(lái)做標(biāo)注設(shè)計(jì)的

    就是我們做好了頁(yè)面,這個(gè)頁(yè)面的高底,寬度,包括頁(yè)面的色值我們都需要標(biāo)注出來(lái),為什么需要標(biāo)注呢,因?yàn)槲覀冏龅膱D,做完之后他就是張圖片,這個(gè)圖片我們用手機(jī)是點(diǎn)不了的,我們手機(jī)APP上的那些圖之所以能點(diǎn),那是因?yàn)橛谐绦蛟匙隽艘粋€(gè)二次開發(fā),這個(gè)東西我們不用懂,但是我們要標(biāo)注出來(lái),標(biāo)注出來(lái)讓程序猿知道你的顏色,你的色值,你的尺寸到時(shí)是多少,他才能開發(fā)出來(lái)。

    那么除了軟件技法之外我們還需要會(huì)哪能力?

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

    設(shè)計(jì)包含了:圖標(biāo)設(shè)計(jì),界面設(shè)計(jì),動(dòng)效設(shè)計(jì),交互設(shè)計(jì),運(yùn)營(yíng)設(shè)計(jì),插畫設(shè)計(jì),平面設(shè)計(jì),作品集設(shè)計(jì),小程序設(shè)計(jì)

    圖標(biāo)設(shè)計(jì):手機(jī)及電腦上的界面里面的圖標(biāo)

    界面設(shè)計(jì):手機(jī)APP界面和電腦上的界面

    動(dòng)效設(shè)計(jì):動(dòng)效設(shè)計(jì)可能很多人沒有留意過,但是動(dòng)效設(shè)計(jì)是非常非常重要的,只要是頁(yè)面切換效果都屬于動(dòng)效設(shè)計(jì)

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

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

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

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

    三、ui交互設(shè)計(jì)是什么?

          對(duì)ui設(shè)計(jì)的理解, 做ui設(shè)計(jì)需要什么?要想做好ui設(shè)計(jì),那么你肯定要對(duì)ui設(shè)計(jì)有所理解?;蛘哒f,你多多少少得對(duì)ui設(shè)計(jì)有些許自己的了解,正所謂:知己知彼,才能百戰(zhàn)不殆。那么,今天我們就來(lái)說說對(duì)ui設(shè)計(jì)的理解,做ui設(shè)計(jì)需要什么?

    原型圖是產(chǎn)品經(jīng)理還是UI

    對(duì)UI設(shè)計(jì)的理解, 做UI設(shè)計(jì)需要什么

    1.什么是UI設(shè)計(jì)?

    2.UI設(shè)計(jì)需要具備哪些能力?

    原型圖是產(chǎn)品經(jīng)理還是UI

    從這些界面又可以總結(jié)出:所有的界面都是由文字、圖形、顏色三大視覺元素組成的。

    2.UI設(shè)計(jì)內(nèi)容包括:界面美觀、軟件操作邏輯、人機(jī)交互。

    簡(jiǎn)單來(lái)講就是,UI設(shè)計(jì)不只是設(shè)計(jì)視覺層面(界面外觀),還要設(shè)計(jì)用戶使用操作層面(邏輯和交互)。

    3.UI設(shè)計(jì)的目的是:讓用戶在完成自己的任務(wù)時(shí),與軟件/系統(tǒng)/產(chǎn)品之間的交流盡可能地簡(jiǎn)單、高效。

    簡(jiǎn)單來(lái)講就是,UI設(shè)計(jì)的目的是:讓產(chǎn)品或系統(tǒng)或軟件的視覺層面-顏值高(好看、舒服、個(gè)性)、操作層面-好用(簡(jiǎn)單易懂、操作高效)。

    一般來(lái)講,一個(gè)互聯(lián)網(wǎng)產(chǎn)品的設(shè)計(jì)開發(fā)流程是這樣的:

    1.需求:公司老板、市場(chǎng)運(yùn)營(yíng)、產(chǎn)品經(jīng)理等,提出抽象的產(chǎn)品需求想法。

    2.產(chǎn)品:PM產(chǎn)品經(jīng)理把這些抽象需求,變成具象的低保真原型圖。

    3.設(shè)計(jì):UI設(shè)計(jì)師和PM就原型圖進(jìn)行需求溝通(邏輯交互細(xì)節(jié)、視覺風(fēng)格等),然后用設(shè)計(jì)軟件(PS/Sketch),變成高保真效果圖。

    4.開發(fā):程序員(RD/FE)拿到設(shè)計(jì)師交付的高保真效果(包括切圖標(biāo)注),進(jìn)行代碼程序開發(fā)。

    5.測(cè)試:測(cè)試程序員進(jìn)行程序測(cè)試,UI設(shè)計(jì)師進(jìn)行UI效果實(shí)現(xiàn)驗(yàn)收。

    6.上線:提交蘋果和安卓應(yīng)用市場(chǎng),進(jìn)行發(fā)布,用戶下載使用。

    在這個(gè)流程里面,設(shè)計(jì)師扮演者翻譯的角色,

    目的是把產(chǎn)品經(jīng)理抽象的需求想法(低保真原型圖),轉(zhuǎn)換成用戶容易理解的、容易操作的高保真效果圖。

    兩者的差異在哪里?

    低保真原型圖:描述需求的有哪些功能模塊,以及功能模塊之間的交互流程。

    高保真效果圖:定義界面視覺呈現(xiàn)(文字、圖形、顏色、版式),定義各頁(yè)面之間詳細(xì)的交互形式,并完善異常交互場(chǎng)景。

    所以,UI設(shè)計(jì)師需要具備哪些能力,就非常容易知道了。

    原型圖是產(chǎn)品經(jīng)理還是UI

    對(duì)UI設(shè)計(jì)的理解, 做UI設(shè)計(jì)需要什么

    1.軟件技能:畫圖能力,就是能用設(shè)計(jì)軟件,將低保真的原型圖,翻譯成高保真效果圖。

    2.審美素養(yǎng):美學(xué)能力,知道什么樣的界面是顏值高的,并能用軟件繪制出來(lái)。目的是讓產(chǎn)品顏值高。

    3.邏輯思維:核心能力,能理解產(chǎn)品的抽象邏輯和想法,以及用戶場(chǎng)景和用戶心理,并應(yīng)用到界面視覺信息呈現(xiàn)、頁(yè)面之間的交互關(guān)系。目的是讓產(chǎn)品好用

         對(duì)ui設(shè)計(jì)的理解, 做ui設(shè)計(jì)需要什么?ui設(shè)計(jì)的目的是為了增強(qiáng)用戶的體驗(yàn),影響用戶的行為。所以優(yōu)秀的Ui設(shè)計(jì)必須是人性化的、美觀的、簡(jiǎn)單易使用的、簡(jiǎn)潔清晰的。所以不能單純的為了設(shè)計(jì)而設(shè)計(jì),一定要對(duì)ui設(shè)計(jì)有自己的理解,這樣才能設(shè)計(jì)出更好的作品。今天的問題就分享到這里啦,如果你還有其他問題歡迎留言或者評(píng)論與我交流哦~

    四、產(chǎn)品經(jīng)理畫原型圖哪些工具好用,求推薦~

    對(duì)于產(chǎn)品經(jīng)理來(lái)說,一個(gè)好用的設(shè)計(jì)(畫)原型圖工具是一個(gè)橋梁。它既能把自己的構(gòu)思體現(xiàn),又是與開發(fā)小哥哥的“交流”。

    下面我來(lái)分享一些大眾款的原型圖設(shè)計(jì)工具,可以根據(jù)自己的需求來(lái)選擇。

    1.Axure:發(fā)展較早的一款原型設(shè)計(jì)軟件,因而名聲較大。無(wú)限畫布,適合做低保真到中保真度的原型。功能很多,也讓學(xué)習(xí)起來(lái)有點(diǎn)難度,網(wǎng)上有很多axure教程就不多說了。本地型軟件,可以下載html文檔預(yù)覽,手機(jī)預(yù)覽不方便。

    2.墨刀:國(guó)產(chǎn)的一款原型設(shè)計(jì)協(xié)作工具,比起axure來(lái)非常容易學(xué)會(huì),內(nèi)置組件很多,創(chuàng)建頁(yè)面跳轉(zhuǎn)也比axure簡(jiǎn)單太多。因?yàn)槭且豢钤诰€工具,可以云端保存工作,這點(diǎn)確實(shí)很便捷。另外,通過分享鏈接就可以分享原型給別人看了,如果涉及到跟同事對(duì)接什么的,選擇在線的工具更方便。支持sketch文稿導(dǎo)入和自動(dòng)標(biāo)注。個(gè)人認(rèn)為性價(jià)比最高。

    3.Invision: 可以說目前是國(guó)外發(fā)展最大的在線原型設(shè)計(jì)工具,主打“交互原型”和“協(xié)作”,支持sketch和ps設(shè)計(jì)稿導(dǎo)入做交互。近來(lái)出的 Invision studio 對(duì)標(biāo)sketch,想滿足更驚喜的設(shè)計(jì)需要。國(guó)外一些大牛公司像airbnb和amazon都在用。不過對(duì)于國(guó)內(nèi)用戶來(lái)說會(huì)有服務(wù)器速度的問題,而且,貴。(土豪公司無(wú)視)

    4.Marvel: Marvel 也是海外知名度較高的一款原型設(shè)計(jì)協(xié)作工具,支持PS和sketch設(shè)計(jì)稿導(dǎo)入做交互原型,本身也支持中度保真程度的設(shè)計(jì)。也有自動(dòng)標(biāo)注功能。圖片庫(kù)對(duì)接unsplash,這樣來(lái)自u(píng)nsplash的很多精美的免費(fèi)圖片可以直接用。價(jià)格比Invision稍便宜。

    5.POP(Prototyping on Paper):這款比較另類,是給拍照的手畫草圖直接做交互。操作輕巧簡(jiǎn)單:先用手機(jī)拍下草圖原型(存到POP app內(nèi));然后開始編輯圖片的哪個(gè)區(qū)域(按鈕)鏈接到什么頁(yè)面,添加跳轉(zhuǎn)鏈接熱區(qū),就可以在手機(jī)上給小伙伴們演示了。內(nèi)嵌的交互動(dòng)作 如側(cè)滑、展開、消失等,即可滿足一般的動(dòng)態(tài)演示需要。但功能較為簡(jiǎn)單,對(duì)更深的需求無(wú)法滿足。

    6.Proto.io:也是國(guó)外的一款手機(jī)原型開發(fā)平臺(tái)。支持在大多數(shù)的瀏覽器運(yùn)行,共享和協(xié)作操作方便,可以直接在真實(shí)的移動(dòng)設(shè)備上對(duì)原型進(jìn)行測(cè)試。擁有較為豐富的UI組件,支持自定義。另外它有不錯(cuò)的用戶測(cè)試功能,支持視頻錄制。并且在移動(dòng)組件時(shí),能夠?qū)崟r(shí)在畫布看到組件之間的距離。另外由于服務(wù)器的原因,有國(guó)內(nèi)用戶反應(yīng)速度有點(diǎn)慢;收費(fèi)較高,性價(jià)比一般吧。

    以上就是小編對(duì)于原型圖是產(chǎn)品經(jīng)理還是UI問題和相關(guān)問題的解答了,如有疑問,可撥打網(wǎng)站上的電話,或添加微信。


    推薦閱讀:

    原型設(shè)計(jì)和ui有什么區(qū)別

    原型設(shè)計(jì)是什么

    G20杭州峰會(huì)會(huì)標(biāo)(G20杭州峰會(huì)會(huì)標(biāo)的原型)

    水乳套裝排行榜前十名

    云南雕塑景觀設(shè)計(jì)哪里有賣(云南雕塑家)