APP設計作品集設計方法：APP作品集結構邏輯分析

前言：此文章主要針對APP作品集結構邏輯進行分析，視覺設計因項目和設計師風格而異，小編會在其它文章給大家分解具體設計方法。

文章共分4個大塊：

一、紙質簡歷—應聘者的敲門磚

合理的簡歷內容，讓你的簡歷更容易展示在HR(人力資源)的眼前

·設計目的：

通過人事和平臺的篩選，進入公司的面試邀請范圍

·設計內容：

1)個人優(yōu)勢基本信息(例如:本科或更高學歷，設計相關專業(yè)，多年從業(yè)經(jīng)歷，強大的手繪 功底);

2)工作經(jīng)歷詳情介紹(年份-公司名稱-職位-崗位職責);

3)項目經(jīng)驗(例如：項目描述-項目內容-項目狀態(tài));

4)自我評價(例如：善于溝通，樂于助人，項目協(xié)作等自身主觀優(yōu)勢)

二、作品集—面試路上的助推器

一份思維縝密、有理有據(jù)、視覺突出的作品集合，讓你自信滿滿，面試多多

·作品集作用

用人單位一般會優(yōu)先審核作品集合，作品集合被認可后發(fā)送面試邀請，所以作品集是代表面試者直面企業(yè)的物料，需要精心設計，方能提高面試機會。

·作品集內容

1)移動端作品展示—看過往

有過UI設計工作經(jīng)歷的設計師，大部分有過APP或者小程序以及H5內容的設計經(jīng)歷，因此想要找一個UI設計崗位，作品集中必有移動端項目展示，該作品反映設計師的過往。

2)PC端(網(wǎng)頁和可視化界面)作品展示—看豐富

互聯(lián)網(wǎng)企業(yè)在發(fā)展過程中必然會進行網(wǎng)站建設，而這項工作一般是由UI設計師參與的，不要指望公司單純的招聘一個網(wǎng)頁設計師，一個設計多種職責已經(jīng)成為現(xiàn)狀，因此有過工作經(jīng)歷的UI設計師或多或少參與過網(wǎng)站建設，透過網(wǎng)站能看出一個設計師項目的豐富程度。

隨著前臺(APP、網(wǎng)頁、小程序...)的不斷搭建，必然會匹配后臺進行統(tǒng)一管理，也就需要設計一些可視化界面，數(shù)據(jù)展示界面進行展示，所以PC端的項目能夠反映設計師經(jīng)歷的豐富程度。

3)C4D作品展示—看技能

會炒菜的人基本都會切菜，但是會切菜的人不一定會炒菜。

會用C4D的設計師一般都會PS、Ai等設計軟件，但反過來不一定成立，因此C4D軟件能看出一個設計的軟件技能，當然三維立體效果如果有C4D軟件的輔助，必然會在視覺設計上更上一層樓。

4)平面作品展示—看基礎

互聯(lián)網(wǎng)視覺設計我認為就是要將圖片、文字、圖標、色塊等元素進行排版布局，一一安排明白的過程。而如何處理好文字變形、LOGO設計、顏色搭配、排版布局就需要設計師擁有平面設計技能，因此平面設計能反應設計師的基礎，我們需要展示平面作品。

5)手繪插畫作品展示—看出身

你是否有過這樣的經(jīng)歷，見到會畫畫的人心里潛臺詞是：“這家伙是不是學美術的!”是的沒錯，當面試官見到手繪插畫等內容的時候，他也是這么想的，而企業(yè)需要招聘的就是專業(yè)更對口的員工，我們需要在作品集中設計手繪作品。

作品集結構(APP設計為例)

1、APP封面(總體介紹APP產品，給瀏覽者留下好的印象)

作用：給面試者一個美好的印象;

內容：項目名稱，唯美頁面展示;

結構邏輯：通過項目名稱讓用戶知道這是什么產品，高保真唯美界面展示給用戶留下美好的第一印象。

2、產品介紹(雖然我是設計師，但經(jīng)歷了項目，必然了解產品的開發(fā)背景)

作用：展示給面試官我們對產品的了解程度，只有了解了產品才能更好地做設計;

內容：市場分析和產品定位;

結構邏輯：

對于APP項目展示，封面介紹完成，接下來需要展示項目是如何一步一步的由無到有的。

商業(yè)化的產品開發(fā)需要有市場作為前提，所以接下來可以介紹產品行業(yè)的市場，可以介紹行業(yè)背景(PSET分析法)、市場現(xiàn)狀、商業(yè)模式等內容;

有了前景廣闊的市場，那我們就可以對我們的產品進行大方向的定位，例如抖音和快手這兩款短視頻軟件在城市的定位。抖音定位一二線大城市，所以抖音以“內容”的新鮮有趣為主，強調信息的獲取和分享，快手定位三線以下城鎮(zhèn)，所以快手以“人”的屬性為主，強調記錄和社交，門檻低，滿足瑣碎的日常生活需要。

3、產品目標(做交互的UI設計師才是真的UI設計師)

作用：體現(xiàn)設計師的分析分解能力

內容：需求分析和產品架構

結構邏輯：

產品有市場并且定位明確，在這樣的環(huán)境下提出和確定的需求才是有效需求;

設計師在交互設計和視覺設計過程中首要明確內容就是需求(我要做什么);需求分析內容可以根據(jù)“馬斯洛需求”確定自己產品需求層級。

項目需求來源(來自公司業(yè)務戰(zhàn)略的需求)：公司層戰(zhàn)略、業(yè)務層戰(zhàn)略、職能層戰(zhàn)略;來自運營、市場、客戶，以及老板或領導的需求;

需求分析挖掘方法：通過產品本身，通過用戶挖掘，通過競品確定，通過運營數(shù)據(jù)，通過調研...);

需求排序：KANO分析法，將需求分為興奮性需求、期待型需求、基本型需求、無差異需求、反向需求;

需求確定后需要羅列多種功能解決需求，因此需要交互設計師輸出產品框架結構圖。

4、用戶目標(用戶分析對于設計師是必備技能)

作用：通過分析用戶屬性，定義產品風格，針對不同用戶群體設定不同功能;

內容：用戶分析和用戶畫像

結構邏輯：

產品功能確定就需要對這些功能進行層級劃分和模塊劃分，但不同用戶屬性有差異，一個好的產品需要針對不同的用戶群體產生好的體驗，降低用戶操作成本，提升解決用戶需求效率，因此需要進行用戶分析;

用戶分析完成后可以進行用戶分類，進行用戶畫像。

5、競品對標(UI設計師必備技能)

作用：收集靈感，形成設計思路，設計自己產品的內容

內容：競品分析和視覺設計規(guī)范

結構邏輯：

需求、功能、結構都確定好之后，設計師要開始著手定義設計規(guī)范和視覺設計，但一個成熟的符合用戶體驗的規(guī)范需要對標已成功的產品，進行競品分析;

競品分析可使用SWOT分析法對產品用戶、功能、技術等方面進行展示(不同產品分析內容不同)，并為自己項目制定設計規(guī)范提供依據(jù)。

視覺設計規(guī)范主要展示顏色規(guī)范、文字規(guī)范、圖標規(guī)范等內容。

6、原型圖展示(交互設計視覺設計師必備技能)

作用：對產品功能進行模塊劃分，并進行視覺美化

內容：低保真原型和高保真原型

結構邏輯：

低保真原型圖是由交互設計師根據(jù)功能結構圖進行的功能設計雛形，同時添加了相關的說明和交互邏輯;

設計規(guī)范形成之后，設計師需要根據(jù)線框圖(低保真原型圖)進行高保真原型圖設計。

7、項目總結(總結項目內容)

作用：將所有頁面進行展示，總結項目視覺內容

內容：頁面平鋪和致謝

結構邏輯：

封面總體介紹，中間分布說明，最后總體總結

錯位平鋪：

模塊分離平鋪：

組件展示：

三、溝通表達—高薪offer的“殺手”

精確的語言表述，詳細的分析分解，讓人事不忍壓你薪資，高薪就業(yè)。

以下為通過有邏輯結構作品集找到工作的一些例子：

四、內容總結—沒有總結的文章是沒有靈魂的

UI/UE設計師找工作需要準備3大內容，紙質簡歷是投遞給企業(yè)，傳遞個人基本信息的資料;作品集合也是投遞給企業(yè)，傳遞個人技能和項目的資料;溝通表達是在企業(yè)認可你的作品(工作經(jīng)驗)后，邀請你進行面對面溝通交流互相確認的過程。

找工作是建立在有技能的基礎上進行的(切忌投機取巧)。