正文

ui作品集放幾個案例（ui作品集放幾個案例怎么寫）

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

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

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

本文目錄:

1、ui設(shè)計作品集里的動效怎么做的
2、交互設(shè)計作品集應該準備哪些內(nèi)容
3、作品集到底怎么做
4、如何合理的展示自己的UI設(shè)計作品

ui作品集放幾個案例（ui作品集放幾個案例怎么寫）

一、ui設(shè)計作品集里的動效怎么做的

動效制作工具

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

一.Framer

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

二.Principle

Principle

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

三.Flinto

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

transform導出到Flinto中。

四Origami

Origami是一款免費的Quartz

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

五.After Effects

After

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

但針對動效有很多附加功能?？梢陨侠L學霸上看教程學習

二、交互設(shè)計作品集應該準備哪些內(nèi)容

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

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

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

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

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

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

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

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

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

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

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

作品集應該能表現(xiàn)你是誰，你能做什么，以及你尤其擅長的交互設(shè)計部分。記住：不要依賴你的簡歷。據(jù)統(tǒng)計，招聘人員平均只花6秒鐘看你的簡歷。他們會在簡歷中尋找四個關(guān)鍵部分：你的姓名、當前職位、之前的職位和教育背景。

簡歷大體是無聊的，但作品集不需無聊。

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

交互作品集中應該有什么？

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

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

對于每個項目，我希望看到：

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

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

如果有個沒有任何交互背景的人看到你的作品集，你呈現(xiàn)的過程應該讓他們能夠理解。

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

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

如果該公司在招聘交互設(shè)計師方面還不是很成熟，那這一點就更重要了，因為他們可能無法自己想象你的交互是如何轉(zhuǎn)化為最終產(chǎn)品的。

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

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

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

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

三、作品集到底怎么做

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

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

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

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

擴展資料：

不同類型的作品集注意事項：

制作某一職業(yè)的作品集。因為有許多不同類型的職業(yè)，它們的要求各不相同，一份作品集應該只圍繞一個工作領(lǐng)域。

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

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

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

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

1.明確你的用戶群

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

2.界面要清晰

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

3.交互性

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

4.保持用戶的注意力

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

5.讓用戶掌控界面

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

6.每個屏幕需要一個主題

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

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

每個屏幕包含一個主要動作的同時，可以有多個次要動作，但盡量不要讓它們喧賓奪主！文章的存在是為了讓人們?nèi)ラ喿x它，所以在設(shè)計界面的時候，盡量減弱次要動作的視覺沖擊力，或者在主要動作完成之后再顯示出來。

8.自然過渡

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

9.符合用戶期望

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

10.強烈的視覺層次感

如果要讓屏幕的視覺元素具有清晰的瀏覽次序，那么應該通過強烈的視覺層次感來實現(xiàn)。也就是說，如果用戶每次都按照相同的順序瀏覽同樣的東西，視覺層次感不明顯的話，用戶不知道哪里才是目光應當停留的重點，最終只會讓用戶感到一團糟。在不斷變更設(shè)計的情況下，很難保持明確的層次關(guān)系，因為所有的元素層次關(guān)系都是相對的：如果所有的元素

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

11.減輕用戶的認知壓力

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

12.色彩不能決定一切

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

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

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

想學習ui的課程可以來華信智原了解一下

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