正文

ui作品集放幾個(gè)案例（ui作品集放幾個(gè)案例怎么寫(xiě)）

發(fā)布時(shí)間：2023-04-28 00:40:14 稿源：創(chuàng)意嶺閱讀： 785

大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于ui作品集放幾個(gè)案例的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

創(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ì)作品集里的動(dòng)效怎么做的
2、交互設(shè)計(jì)作品集應(yīng)該準(zhǔn)備哪些內(nèi)容
3、作品集到底怎么做
4、如何合理的展示自己的UI設(shè)計(jì)作品

ui作品集放幾個(gè)案例（ui作品集放幾個(gè)案例怎么寫(xiě)）

一、ui設(shè)計(jì)作品集里的動(dòng)效怎么做的

動(dòng)效制作工具

目前有一些非常流行的動(dòng)效設(shè)計(jì)工具，它們基于不同的技術(shù)，也有各自的特點(diǎn)。你可以從中選擇你最喜歡的來(lái)使用。

一.Framer

Framer是一個(gè)基于Javascript的原型設(shè)計(jì)工具,并且它是一個(gè)開(kāi)源項(xiàng)目。Framer有以下一些特點(diǎn)：支持手勢(shì)、動(dòng)效、狀態(tài)、基于網(wǎng)頁(yè)、容易實(shí)現(xiàn)、可在任何設(shè)備上瀏覽。如果你很精通Javascript，那么這個(gè)工具應(yīng)該會(huì)適合你。

二.Principle

Principle

可能是所有動(dòng)效工具中最簡(jiǎn)單易用的。你只需要設(shè)置屏幕A和屏幕B，Principle就能自動(dòng)地產(chǎn)生這兩個(gè)屏幕之間的過(guò)渡動(dòng)效。當(dāng)然，你也可以通過(guò)設(shè)置不同的時(shí)間和動(dòng)效曲線，來(lái)調(diào)整動(dòng)效。Principle是一個(gè)桌面應(yīng)用，它的界面和Sketch非常像，另外，你可以方便地將Sketch中的設(shè)計(jì)直接拷貝到Principle中使用。

三.Flinto

Flinto 和Principle一樣，也非常簡(jiǎn)單易用。特別的是，它提供了一個(gè)[Skech插件] ，能夠直接將你Sketch中的Artbords和3D

transform導(dǎo)出到Flinto中。

四Origami

Origami是一款免費(fèi)的Quartz

Composer的插件，Origami使QC的界面變得更加友好，更加適合進(jìn)行移動(dòng)App的界面設(shè)計(jì)。從2013年5月開(kāi)始，F(xiàn)acebook的產(chǎn)品設(shè)計(jì)師們就開(kāi)始開(kāi)發(fā)這款QC插件。Origami的開(kāi)發(fā)過(guò)程與Paper一同進(jìn)行，隨著Paper的功能越來(lái)越復(fù)雜，Origami也變得越來(lái)越強(qiáng)大，Paper上的每個(gè)動(dòng)畫(huà)效果都是由設(shè)計(jì)師首先在Origami上制作成型后，再由iOS工程師編寫(xiě)的。

五.After Effects

After

Effect簡(jiǎn)稱稱AE，是adobe公司開(kāi)發(fā)的一個(gè)動(dòng)效設(shè)計(jì)軟件。對(duì)于那些不碰代碼的純?cè)O(shè)計(jì)師來(lái)說(shuō)是非常理想的動(dòng)畫(huà)設(shè)計(jì)工具。在Dribbble上有很多使用AE制作的優(yōu)秀動(dòng)效作品。相比其他工具，AE是一個(gè)比較傳統(tǒng)的工具，使用禎和層來(lái)定義動(dòng)畫(huà)。作為Adobe的產(chǎn)品，它的很多功能和Photoshop很像，

但針對(duì)動(dòng)效有很多附加功能?？梢陨侠L學(xué)霸上看教程學(xué)習(xí)

二、交互設(shè)計(jì)作品集應(yīng)該準(zhǔn)備哪些內(nèi)容

一篇很好的譯文，超有用！

作為一名交互招聘人員，我經(jīng)常被問(wèn)到，“我應(yīng)該怎樣開(kāi)始創(chuàng)建我的作品集？標(biāo)準(zhǔn)是什么？我怎樣才能讓它變得更好？”

在這篇文章里我就把我經(jīng)常給面試者的建議分享一下。

真的有必要做交互設(shè)計(jì)作品集嗎？

交互設(shè)計(jì)行業(yè)比起其他行業(yè)，教育背景和工作經(jīng)驗(yàn)沒(méi)那么具有決定性，因此交互設(shè)計(jì)作品集可能比你的簡(jiǎn)歷更重要。在HR真正見(jiàn)到你之前，你的作品集充當(dāng)了第一次見(jiàn)面的作用。

如今交互職位空缺的數(shù)量逐年增加，但隨之而來(lái)的是市場(chǎng)上有更多的交互設(shè)計(jì)師求職者。所以，你想要脫穎而出的話，僅僅依靠你的簡(jiǎn)歷是不夠的。

與10年前相比，現(xiàn)在的許多公司都清楚他們想要具備什么特質(zhì)的新員工，因此你需要向他們表現(xiàn)出你可以滿足他們的需求，這幾乎決定了你是在簡(jiǎn)歷一關(guān)就被pass掉，還是能去面試。

除了專職的交互設(shè)計(jì)師角色，還有一些職位是混合了包含交互設(shè)計(jì)在內(nèi)的多種角色，因此這是展示你在項(xiàng)目中承擔(dān)了多種工作的絕佳機(jī)會(huì)，比如說(shuō)做了UI設(shè)計(jì)，戰(zhàn)略決策或監(jiān)督Web開(kāi)發(fā)。

你的作品集也是展示你個(gè)性的窗口。在一個(gè)更注重雇用符合企業(yè)文化的人的時(shí)代，作品集是展示你能契合公司文化的絕佳機(jī)會(huì)。鑒于大約99％的簡(jiǎn)歷遵循相同的格式，因此在簡(jiǎn)歷中傳達(dá)你的個(gè)性就要困難得多。

交互設(shè)計(jì)作品集的用途是什么？

我認(rèn)為，一個(gè)好的交互設(shè)計(jì)作品集起碼表明，這個(gè)人有費(fèi)心力以最好的方式表現(xiàn)自己，并且能清晰且有審美力地呈現(xiàn)他們的相關(guān)作品。

作品集應(yīng)該能表現(xiàn)你是誰(shuí)，你能做什么，以及你尤其擅長(zhǎng)的交互設(shè)計(jì)部分。記?。翰灰蕾嚹愕暮?jiǎn)歷。據(jù)統(tǒng)計(jì)，招聘人員平均只花6秒鐘看你的簡(jiǎn)歷。他們會(huì)在簡(jiǎn)歷中尋找四個(gè)關(guān)鍵部分：你的姓名、當(dāng)前職位、之前的職位和教育背景。

簡(jiǎn)歷大體是無(wú)聊的，但作品集不需無(wú)聊。

你的作品集應(yīng)表明出你與你所申請(qǐng)公司的文化適應(yīng)性。不要害怕在設(shè)計(jì)集中添加一些個(gè)性或自己的風(fēng)格。它是一個(gè)能讓面試官眼前一亮，讓你脫穎而出的機(jī)會(huì)。

交互作品集中應(yīng)該有什么？

根據(jù)你的資歷，你想要工作的公司，你居住的國(guó)家的不同，你的作品集內(nèi)容會(huì)各式各樣。但無(wú)論你的級(jí)別如何，為了抓住HR的注意力，有一點(diǎn)你需要做——展現(xiàn)出設(shè)計(jì)流程。

這就像中學(xué)化學(xué)課上，當(dāng)你做化學(xué)實(shí)驗(yàn)時(shí)，你必須詳細(xì)說(shuō)明你的假設(shè)，你使用的工具，你和誰(shuí)一起工作，你到底做了什么，以及最終結(jié)果是什么。這也正是交互作品集應(yīng)該有的內(nèi)容。

對(duì)于每個(gè)項(xiàng)目，我希望看到：

問(wèn)題是什么
你和誰(shuí)一起工作
你用了什么工具
探索階段（你是如何著手解決問(wèn)題的）
你解決這個(gè)問(wèn)題的過(guò)程：低保真線框圖、原型、草圖、用戶畫(huà)像、用戶路徑和研究
最終結(jié)果（包括你的工作成果，以及經(jīng)手UI設(shè)計(jì)師和開(kāi)發(fā)之后的最終成果）

（使用墨刀可制作線框圖和交互原型，并可獲取原型分享鏈接和導(dǎo)出圖片，方便你整理交互作品集）

如果有個(gè)沒(méi)有任何交互背景的人看到你的作品集，你呈現(xiàn)的過(guò)程應(yīng)該讓他們能夠理解。

我也喜歡在交互作品集中看到“敘事”，即“情節(jié)發(fā)展”。在流程的每一部分之間，解釋一下為什么要進(jìn)入流程的下一個(gè)環(huán)節(jié)——是時(shí)間用完了嗎？你覺(jué)得你的數(shù)據(jù)有統(tǒng)計(jì)學(xué)意義嗎？這將有助于HR深入你的頭腦，了解你如何處理問(wèn)題。

如果你沒(méi)有進(jìn)行任何UI層面的設(shè)計(jì)，我建議你仍然在你的交互作品集中展現(xiàn)產(chǎn)品的最終高保真原型（當(dāng)然，注明下這不是你的工作內(nèi)容）。以我的經(jīng)驗(yàn)，公司希望看到你的工作是如何轉(zhuǎn)化為最終式樣的產(chǎn)品的。

如果該公司在招聘交互設(shè)計(jì)師方面還不是很成熟，那這一點(diǎn)就更重要了，因?yàn)樗麄兛赡軣o(wú)法自己想象你的交互是如何轉(zhuǎn)化為最終產(chǎn)品的。

向公司展示交互稿如何轉(zhuǎn)化為最終產(chǎn)品，可以讓他們意識(shí)到擁有一個(gè)交互設(shè)計(jì)師的重要性，而不僅僅是一個(gè)以用戶為中心的UI設(shè)計(jì)師。

如果你想要一個(gè)復(fù)合性的職位，那你的作品集就不應(yīng)該只展現(xiàn)出視覺(jué)層面的成果，比起其他能展現(xiàn)出綜合能力（包括用戶中心設(shè)計(jì)的方法和實(shí)踐）的候選人，你的作品集就顯得不那么“對(duì)口”。

當(dāng)然，如果你最好的天賦是在視覺(jué)層面，而且這是你的激情所在，那也許你應(yīng)該堅(jiān)持這一點(diǎn)，而不是稀釋自己的能量去做一個(gè)兼職交互設(shè)計(jì)師，主持不情愿的用戶訪談和創(chuàng)建人物角色～

本文由墨刀編譯自 TOM COTTERILL 的 How To Create A UX Design Portfolio: Tips From A Senior UX Recruiter

三、作品集到底怎么做

1、放入聯(lián)系信息，包括電子郵件地址，電話號(hào)碼，并在頁(yè)面頂部寫(xiě)上郵寄地址。寫(xiě)出基本職業(yè)或?qū)W術(shù)追求。列出學(xué)歷，包括所有學(xué)位證書(shū)或證書(shū)。描述一下工作經(jīng)驗(yàn)。

2、在個(gè)人陳述中寫(xiě)清目標(biāo)。寫(xiě)一段話描述短期目標(biāo)和長(zhǎng)期目標(biāo)，并放在單獨(dú)的一頁(yè)紙上。短期目標(biāo)，寫(xiě)清自己一到兩年后想做到什么位置。長(zhǎng)期目標(biāo)。個(gè)人陳述也應(yīng)該包括對(duì)職業(yè)道德，創(chuàng)作理念，管理理念等信息的看法。

3、概述技能和詳細(xì)的工作經(jīng)驗(yàn)?？紤]可能會(huì)需要的技能。將這些技能放到前面，并提供可以滿足這些要求的例子。列出任何能展示你工作技能的工作經(jīng)歷。簡(jiǎn)列出表現(xiàn)自己擅長(zhǎng)這一技能的個(gè)人性格特征，并提供具體的例子。

4、包含案例。注意案例類型應(yīng)根據(jù)自己的作品集和感興趣的領(lǐng)域的不同而不同。對(duì)于圖形藝術(shù)及其相關(guān)方面，需要放些自己拍的照片。寫(xiě)作及相關(guān)領(lǐng)域，需要一些文本作品。也可以在適當(dāng)?shù)臅r(shí)候把打印樣本，DVD，視頻和其他多媒體的例子向大家展示出來(lái)。

擴(kuò)展資料：

不同類型的作品集注意事項(xiàng)：

制作某一職業(yè)的作品集。因?yàn)橛性S多不同類型的職業(yè)，它們的要求各不相同，一份作品集應(yīng)該只圍繞一個(gè)工作領(lǐng)域。

做一份藝術(shù)作品集。如果想做一個(gè)藝術(shù)家，需要確定哪些作品能顯示這方面的才能。圖形設(shè)計(jì)的作品集。如果是這方面的，只放入圖形設(shè)計(jì)相關(guān)的。

攝影作品集。將拍的照片都放進(jìn)去，并闡釋它的意義及美學(xué)含義。申請(qǐng)藝術(shù)學(xué)校的作品集。

四、如何合理的展示自己的UI設(shè)計(jì)作品

UI設(shè)計(jì)的概念側(cè)重在“交互”設(shè)計(jì)。優(yōu)秀的UI設(shè)計(jì)界面，不光是各種元素設(shè)計(jì)技巧的展現(xiàn)，更重要的是能表現(xiàn)出用戶角度的完美“體驗(yàn)感”。那么，如何做出令人滿意的UI設(shè)計(jì)呢？

1.明確你的用戶群

首先要明確一個(gè)方向：誰(shuí)是你的用戶群？不同階層、不同年齡的用戶偏重的主題設(shè)定和設(shè)計(jì)元素都不相同，所以UI設(shè)計(jì)必須是有針對(duì)性地設(shè)計(jì)。

2.界面要清晰

清晰度是界面設(shè)計(jì)中，第一步也是最重要的工作。要想你設(shè)計(jì)的界面有效并被人喜歡，首先必須讓用戶能夠識(shí)別出它，讓用戶知道為什么會(huì)使用它。當(dāng)用戶使用時(shí)，要能夠預(yù)料到發(fā)生什么，并成功的與之交互，只有清晰的界面能夠吸引用戶不斷地重復(fù)使用。

3.交互性

界面的存在，促進(jìn)了用戶和我們的世界之間的互動(dòng)。優(yōu)秀的界面不但能夠讓我們做事有效率，還能夠激發(fā)、喚起和加強(qiáng)我們與這個(gè)世界的聯(lián)系。

4.保持用戶的注意力

在進(jìn)行界面設(shè)計(jì)的時(shí)候，能夠吸引用戶的注意力是很關(guān)鍵的，所以千萬(wàn)不要將你應(yīng)用的周圍設(shè)計(jì)得亂七八糟分散人的注意力，謹(jǐn)記屏幕整潔能夠吸引注意力的重要性。如果你非要顯示廣告，那么請(qǐng)?jiān)谟脩糸喿x完畢之后再顯示。尊重用戶的注意力，不僅讓用戶更快樂(lè)，而且你的廣告效果也會(huì)更佳。因此要想設(shè)計(jì)好的界面，保持用戶的注意力是先決條件。

5.讓用戶掌控界面

人都喜歡對(duì)事物完全掌控，而不考慮用戶感受的軟件往往不會(huì)給客戶掌控的感覺(jué)，迫使用戶不得不進(jìn)入計(jì)劃外的交互，這會(huì)讓用戶很不舒服。保證界面處在用戶的掌控之中，讓用戶自己決定系統(tǒng)狀態(tài)，稍加引導(dǎo)，這樣會(huì)更容易達(dá)成目標(biāo)。

6.每個(gè)屏幕需要一個(gè)主題

我們?cè)O(shè)計(jì)的每一個(gè)畫(huà)面都應(yīng)該有單一的主題，這樣不僅能夠讓用戶使用到它真正的價(jià)值，也使得上手容易，使用起來(lái)也更方便，在必要的時(shí)候更容易進(jìn)行修改。如果一個(gè)屏幕支持兩個(gè)或兩個(gè)以上的主題，整個(gè)界面看起來(lái)會(huì)混亂不堪。正如文章應(yīng)該有一個(gè)單一的主題以及強(qiáng)有力的論點(diǎn)，我們的界面設(shè)計(jì)也應(yīng)該如此，這也是界面存在的理由。

7.區(qū)分動(dòng)作主次

每個(gè)屏幕包含一個(gè)主要?jiǎng)幼鞯耐瑫r(shí)，可以有多個(gè)次要?jiǎng)幼鳎M量不要讓它們喧賓奪主！文章的存在是為了讓人們?nèi)ラ喿x它，所以在設(shè)計(jì)界面的時(shí)候，盡量減弱次要?jiǎng)幼鞯囊曈X(jué)沖擊力，或者在主要?jiǎng)幼魍瓿芍笤亠@示出來(lái)。

8.自然過(guò)渡

界面的交互都是環(huán)環(huán)相扣的，所以設(shè)計(jì)時(shí)，要深思熟慮地考慮到交互的下一步。考慮到下一步的交互是怎樣的，并且通過(guò)設(shè)計(jì)將其實(shí)現(xiàn)。這就好比我們的日常談話，要為深入交談提供話由。當(dāng)用戶已經(jīng)完成該做的步驟，不要讓他們不知所措，給他們自然而然繼續(xù)下去的方法，以達(dá)成目標(biāo)。

9.符合用戶期望

人總是對(duì)符合期望的行為最感舒適,這也是與人打交道的設(shè)計(jì)應(yīng)該做到的。在實(shí)踐中，這意味著用戶只要看一眼就可以知道接下來(lái)將會(huì)有什么的動(dòng)作發(fā)生，如果它看上去像個(gè)按鈕，那么它就應(yīng)該具備按鈕的功能。設(shè)計(jì)師不應(yīng)該在基本的交互問(wèn)題上耍小聰明，要在更高層次的問(wèn)題上發(fā)揮創(chuàng)造力。

10.強(qiáng)烈的視覺(jué)層次感

如果要讓屏幕的視覺(jué)元素具有清晰的瀏覽次序，那么應(yīng)該通過(guò)強(qiáng)烈的視覺(jué)層次感來(lái)實(shí)現(xiàn)。也就是說(shuō)，如果用戶每次都按照相同的順序?yàn)g覽同樣的東西，視覺(jué)層次感不明顯的話，用戶不知道哪里才是目光應(yīng)當(dāng)停留的重點(diǎn)，最終只會(huì)讓用戶感到一團(tuán)糟。在不斷變更設(shè)計(jì)的情況下，很難保持明確的層次關(guān)系，因?yàn)樗械脑貙哟侮P(guān)系都是相對(duì)的：如果所有的元素

都突出顯示，最后就相當(dāng)于沒(méi)有重點(diǎn)可言。如果要添加一個(gè)需要特別突出的元素，為了再次實(shí)現(xiàn)明確的視覺(jué)層級(jí)，設(shè)計(jì)師可能需要重新考慮每一個(gè)元素的視覺(jué)重量。雖然多數(shù)人不會(huì)察覺(jué)到視覺(jué)層次，但這是增強(qiáng)設(shè)計(jì)的最簡(jiǎn)單的方法。

11.減輕用戶的認(rèn)知壓力

恰當(dāng)?shù)靥幚硪曈X(jué)元素能夠化繁為簡(jiǎn)，幫助他人更加快速簡(jiǎn)單地理解你的表達(dá)。用方位和方向上的組織可以自然地表現(xiàn)元素間的關(guān)系。恰如其分地組織內(nèi)容可以減輕用戶的認(rèn)知負(fù)擔(dān)，他們不必再琢磨元素間的關(guān)系，因?yàn)槟阋呀?jīng)表現(xiàn)出來(lái)了。不要迫使用戶做出分辨，而是設(shè)計(jì)者用組織表現(xiàn)出來(lái)。

12.色彩不能決定一切

物體的色彩會(huì)隨光線改變而改變。艷陽(yáng)高照與夕陽(yáng)西沉?xí)r，我們看到的景物會(huì)有很大反差。換句話說(shuō)，色彩很容易被環(huán)境改變，因此，設(shè)計(jì)的時(shí)候不要將色彩視為決定性因素。色彩可以醒目，作為引導(dǎo)，但不應(yīng)該是做區(qū)別的唯一元素。在長(zhǎng)篇閱讀或者長(zhǎng)時(shí)間面對(duì)電腦屏幕的情況下，除了要強(qiáng)調(diào)的內(nèi)容，應(yīng)采用相對(duì)暗淡或柔和的背景色。當(dāng)然，視讀者而定，也可采用明亮的背景色。

13.恰當(dāng)?shù)恼宫F(xiàn)

每個(gè)屏幕只展現(xiàn)必需的內(nèi)容。如果用戶需要作出決定，則展現(xiàn)足夠的信息供其選擇，他們會(huì)到在下一屏找到所需細(xì)節(jié)。避免過(guò)度闡釋或把所有一次展現(xiàn)，如果可能，將選擇放在下一屏以有步驟地展示信息。這會(huì)使你的界面交互更加清晰。

想學(xué)習(xí)ui的課程可以來(lái)華信智原了解一下

以上就是關(guān)于ui作品集放幾個(gè)案例相關(guān)問(wèn)題的回答。希望能幫到你，如有更多相關(guān)問(wèn)題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。