亚洲中文字幕永久在线全国-美女张开腿让男生桶进来-久久中文字幕资 ,亚洲乱亚洲乱妇小说网_精品久久综合1区2区3区激情_狼色精品人妻

首頁

【PS必備技能】2.5D圖形制作規(guī)范

前端達人

【PS必備技能】2.5D圖形制作規(guī)范,用ps最簡單的方法讓你學會2.5d圖形設(shè)計!

 

轉(zhuǎn)自:站酷

作者:櫻桃教你學設(shè)計


藍藍設(shè)計www.lmkl.com.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

視覺設(shè)計基礎(chǔ)“四大原則”之《重復性》

前端達人

視覺設(shè)計基礎(chǔ)“四大原則”之《重復性》


轉(zhuǎn)自:站酷

作者:CB_張大偉


藍藍設(shè)計www.lmkl.com.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

國外ui設(shè)計賞析

前端達人

國外ui設(shè)計鑒賞



轉(zhuǎn)自:站酷

作者:是穗啊


藍藍設(shè)計www.lmkl.com.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

Sketch 中切圖的專項教學

前端達人

這一期專門為大家講解下在sketch中切圖問題


切圖作為UI設(shè)計師的必備技能,其實有許多地方困擾著很多同學們。比如批量下載切圖、切圖命名、不同切片的類型這些都有同學或多或少的有些迷茫。這一期專門為大家講解下在sketch中切圖問題。


切片的分類

在本文中我們將sketch中的切片分為兩類:一是內(nèi)置切片,二是獨立切片。


內(nèi)置切片

我們將某元素點擊導出按鈕之后形成的切片稱之為內(nèi)置切片,如下圖:

內(nèi)置切片相對比較簡單,他的切圖范圍是跟隨他所依附的元素的大小而改變的。而且只能切出所依附的元素本身。

獨立切片

由切片工具繪制而來的切片我們稱之為獨立切片

獨立切片范圍是可以隨意更改的,不依附于想要切的元素。并且可以切出所有在切片范圍中顯示的視覺元素。

如果我們需要用獨立切片去切出特定的元素,那么我們需要將切片和我們需要切的元素打組,并且在導出選項內(nèi)勾選“Export group contents only”就可以只切組內(nèi)我們需要的內(nèi)容了。


當然我們對于這兩種切片還有更詳盡的講解,大家可以去看之前我們專門關(guān)于切片的視頻教程:https://www.bilibili.com/video/BV1ik4y1k7aU


藍湖的使用

由于現(xiàn)在越來越多的團隊選擇使用藍湖切圖,我們講一下切圖中使用到藍湖時候的注意事項。


首先我們需要上傳設(shè)計稿到藍湖,再上傳的時候我們要對照自己的設(shè)計稿尺寸選擇對應(yīng)的參數(shù)

是不是覺得上傳之后就大功告成,下載切圖什么的就交給開發(fā)小哥哥去處理了?

No no no!!!


為了讓開(zi)發(fā)(ji)更省心省力,我們還需要和開發(fā)小哥哥溝通一下藍湖的設(shè)置,方便他們操作。


重要設(shè)置

首先我們需要在設(shè)置中將“切圖置頂”勾選,以防止開發(fā)在點選切圖元素時誤操作導致下載的切圖不正確。

然后我們還需要勾選“下載切圖有重名時替換”選項。這里是為了防止出現(xiàn)在不同頁面上的同一元素被重復下載,造成混亂。

如果我們遇到安卓的切圖,開發(fā)時出現(xiàn)了正確的圖標開發(fā)出來之后尺寸發(fā)生變化的情況。我們建議將設(shè)置中“Android 文件夾以drawable 命名”選項勾選。

批量下載

另外還有一個藍湖使用的小技巧可以告訴大家,就是在藍湖中按住鍵盤shift鍵,鼠標框選多個畫板,然后右鍵就可以在選項中選擇“下載選中頁面全部切圖“,是不是覺得離準點下班又進了一步呀~


最后還有一點要提醒大家,在sketch中我們?yōu)榻M件命名時所用到的“/”符號。如果用在了切片上,那么在藍湖下載切圖的時候會根據(jù)“/”形成文件夾。所以這里向大家推薦一款比較實用的插件——自動化。他可以將我們命名中的“/”自動修改為“-”或者”_“,這樣我們在使用藍湖的時候就不用再手動去修改切片中的特殊符號了啦。


插件下載地址

https://www.yuque.com/tuotadamowang/dhq5di/irybf6#SGtSu


好啦,本期就聊到這里,我們下期再見喲~


轉(zhuǎn)自:站酷

藍藍設(shè)計www.lmkl.com.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

UI設(shè)計師必須要掌握的十項排版原則

前端達人

當我們合理的運用好文字排版時,它可以增強界面內(nèi)的可用性,可讀性,可訪問性和層次結(jié)構(gòu)



轉(zhuǎn)自:站酷.         作者:絲絨Store

藍藍設(shè)計www.lmkl.com.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)




設(shè)計師如何做競品分析

前端達人

孫子兵法有云:知己知彼,百戰(zhàn)不殆。知天知地,勝乃不窮。

“知己知彼”說明了解自己和競爭對手的重要性,“知天知地”則強調(diào)了了解行業(yè)競爭環(huán)境的重要性。能通過競品分析達到知己知彼、知天知地,是設(shè)計師的必備技能。


什么是競品分析

競品分析是對市場上存在直接或間接競爭關(guān)系的優(yōu)質(zhì)產(chǎn)品,進行分類、組織、對比、刨析,總結(jié)競品、以及自己產(chǎn)品的優(yōu)勢和不足,為下一步?jīng)Q策提供幫助。競品分析維度包含但不限于市場調(diào)研、盈利模式、戰(zhàn)略定位、產(chǎn)品功能、交互流程、頁面框架、視覺表現(xiàn)、文案內(nèi)容、運營方式等。

競品分析和市場分析、產(chǎn)品分析、產(chǎn)品體驗分析的關(guān)系如下:


競品分析的作用

對設(shè)計師來說,競品分析在了解行業(yè)現(xiàn)狀、熟悉功能、了解競爭對手、了解用戶習慣、明確自己產(chǎn)品定位等方面都有幫助,具體如下:

競品分析有這么多好處,那么設(shè)計師該如何做競品分析?


設(shè)計師如何做競品分析


1.明確競品分析的目標

做競品分析前最重要的是要明確競品分析的目標。明確競品分析目標的前提是要“知己”。

“知己”即了解自己產(chǎn)品處在哪一個階段,有什么問題,接下來打算怎么做或達成什么目標。然后根據(jù)產(chǎn)品當前問題確認“要通過本次競品分析獲得什么?”。競品分析一定是為自己的產(chǎn)品服務(wù)的,是通過了解競品來達成自己產(chǎn)品的某種目的。不能盲目地為分析而分析。


大多數(shù)工作流程中,設(shè)計師進行競品分析一般有以下幾種場景:

場景一:在產(chǎn)品需求確認之前,通過競品分析對某功能進行調(diào)研,了解行業(yè)中該功能的具體設(shè)計。

如設(shè)計師了解到產(chǎn)品計劃對帖子詳情頁面進行改版,產(chǎn)品需求還沒確認。此時進行競品分析的目的可以是:了解競品帖子詳情頁面的設(shè)計共有哪幾類表達方式,每一類表達方式的優(yōu)缺點各是什么。


場景二:.在產(chǎn)品需求確認之后,通過分析產(chǎn)品需求,推導出設(shè)計目標。此時競品分析是為產(chǎn)出能滿足設(shè)計目標的方案服務(wù)的。

如產(chǎn)品的設(shè)計需求是“提高帖子詳情頁的點贊數(shù)、留言數(shù)、評論回復數(shù)”。此時推導出的設(shè)計目標可能是“營造詳情頁互動氛圍、提高回復評論的效率、減少操作步驟”,對應(yīng)的競品分析目的可以是“總結(jié)競品營造社區(qū)互動氛圍、提高活躍度的方式。掌握競品回復評論功能中操作步驟少、效率高的設(shè)計方式及總結(jié)背后原因?!?


場景三:產(chǎn)品大改版、重新設(shè)計,或者孵化新產(chǎn)品時,通過競品分析對行業(yè)內(nèi)的產(chǎn)品有一個整體的了解,從而得出自身產(chǎn)品的差異化定位。此時競品分析的維度會更多元:可以從用戶體驗的5個要素逐級進行分析,或使用SWOT分析、波士頓矩陣分析等。


場景四:競品的動態(tài)跟進,主要是跟進競品的迭代情況,以保持長期的“知彼”狀態(tài)。可以定期(如2周或一個月)對競品迭代信息進行一次整理。App Store或七麥數(shù)據(jù)等網(wǎng)站可以查到競品每個版本的迭代內(nèi)容。


2.選擇合適的競品

競品可以選擇直接競品或間接競品。直接競品指市場環(huán)境、商業(yè)模式、目標用戶、產(chǎn)品功能都相似的產(chǎn)品。間接競品可以是市場環(huán)境和目標用戶相似,但商業(yè)模式和產(chǎn)品功能當前不同、未來可能相同的產(chǎn)品。如果只對產(chǎn)品交互流程、頁面框架、視覺表現(xiàn)等進行分析,還可以選取功能相似,或者目標用戶相似,用戶體驗好的產(chǎn)品進行分析。

建議通過易觀千帆、七麥數(shù)據(jù)、App Annie等平臺了解競品的數(shù)據(jù)情況,選取數(shù)據(jù)排名靠前的產(chǎn)品進行分析。


3.了解競品定位、盈利方式、用戶畫像

了解競品的定位、公司戰(zhàn)略、盈利方式和用戶畫像,有利于我們理解競品功能的背后的邏輯,利于我們分析競品為什么設(shè)計成這樣。競品分析不只是分析表面看到的功能,還要分析更深層次的原因。

1.了解競品定位、公司戰(zhàn)略途徑有:競品官網(wǎng)、維基百科、拉勾網(wǎng)、天眼查、IT桔子 、Questmobile、App Annie等

2.了解盈利方式的途徑有:36 氪

2.了解競品用戶畫像的方式有:競品官網(wǎng)、移動觀象臺、百度指數(shù)、艾瑞咨詢等網(wǎng)站。


4.選擇合適的競品分析方法

競品分析的目的不同,選用的競品分析方法也不同。以下介紹幾種常用的競品分析方法:


競品畫布

競品畫布是一個簡易的競品分析模板,用一頁紙包含了競品分析的9大問題,如下圖。

適用條件:

1.競品畫布可以用在競品分析之初,用來梳理競品分析的思路,是競品報告的MVP(最小可用產(chǎn)品)2.競品畫布包含競品分析的6個關(guān)鍵步驟,可以讓新手快速上手競品分析。

操作步驟

按照競品畫布模板上的問題依次的分析解答。競品畫布中包含了SWOT分析,注意優(yōu)勢、劣勢是對產(chǎn)品或公司內(nèi)部的分析,而機會和威脅是對外部環(huán)境的分析。另外,在分析第3點分析維度時,建議結(jié)合分析目標說明選擇這些方式的理由。

優(yōu)點:競品畫布相對其他方法來說視角更全面,可以結(jié)合其他分析方法一起使用。

缺點:對UI/UE來說,針對性不夠強。


矩陣分析法

矩陣分析法又稱知覺圖,主要是通過二維矩陣分析2個關(guān)鍵要素,以了解自己和產(chǎn)品的定位及競爭優(yōu)勢。

適用條件:

  1. 矩陣分析法主要用來幫助產(chǎn)品做2個關(guān)鍵要素方面的定位決策。如自營電商平臺可用矩陣分析法來決策平臺定位是售賣高價格、優(yōu)質(zhì)的商品平臺(如寺庫),還是售賣超低價格、質(zhì)量一般的商品的平臺(如拼多多)。以及幫助產(chǎn)品評估自己的競爭優(yōu)勢,判斷產(chǎn)品是否需要重新定位。

  2. 設(shè)計師還可以用矩陣分析法分析競品的視覺風格,以輔助定位自身產(chǎn)品的視覺風格。如下圖為視頻app logo風格的矩陣分析

操作步驟:

(1)確定兩個關(guān)鍵競爭要素。這兩個競爭要素應(yīng)該是用戶最會關(guān)注、會影響用戶決策的關(guān)鍵屬性,如價格和配置。

如果是設(shè)計師用矩陣分析法來分析競品視覺風格,可選取兩對意思相反,對視覺風格有較大影響的關(guān)鍵詞。如嚴肅—活潑、扁平—擬物

(2)繪制橫縱坐標軸,把兩個對關(guān)鍵競爭要素作為橫坐標和縱坐標填入。

(3)針對競品關(guān)鍵競爭要素的表現(xiàn),把競品放到4個象限的對應(yīng)位置。并思考自身產(chǎn)品在4個象限中的位置。4個象限的空白區(qū)域可能存在機會,而4個象限中競品較多的區(qū)域,用戶群可能更廣泛,也意味同類公司更多。

優(yōu)點:矩陣分析法的優(yōu)點在于聚焦于關(guān)鍵的兩個要素,可以直觀的表現(xiàn)出用戶對自身產(chǎn)品和競品在關(guān)鍵要素方面的認知。

缺點:矩陣分析法的缺點是只能從兩個要素進行分析。如果要分析多個因素,可以使用雷達圖分析法。


雷達圖分析法

雷達圖分析法本身是對企業(yè)經(jīng)營情況進行系統(tǒng)分析的一種有效方法。我們可以將它運用到互聯(lián)網(wǎng)產(chǎn)品用戶體驗分析上,用圖示化的方式對競品多個維度的優(yōu)勢、劣勢作出直觀的展示。下圖為對母嬰類產(chǎn)品拍大肚照上傳功能進行的雷達圖分析:

適用條件:

分析競品多個維度的優(yōu)勢、劣勢(一般選6個維度分析)。

操作步驟:

(1)定義分析維度

定義分析維度主要是確認從哪幾個角度分析具體功能,如選擇可用性、防錯設(shè)計、易懂、一致性等。分析維度的選取也可以參考尼爾森的十大可用性原則,具體選取什么維度應(yīng)根據(jù)分析的功能來定。

(2)對競品的每個維度進行打分

定義好分析的維度后,我們依次對競品的每個維度的表現(xiàn)情況進行打分評估,每個維度滿分為100分。

優(yōu)點:雷達圖分析法的優(yōu)點是相對直觀、可以分析多個維度的優(yōu)勢,劣勢。

缺點:雷達圖包含多個維度,每個維度的滿分和量級指標是不一樣的。需要分析者心中對每一個維度的滿分有個大致預期。如流暢度怎么樣算90分,怎么樣算80分?有可能同一個產(chǎn)品A同學認為流暢度80分,B同學認為流暢度90分,因此分析可能帶有一定的主觀性。


表格法

表格法主要是用表格來統(tǒng)計競品功能元素的有無。

適用條件:

1.當我們想較為全面的了解一個功能的概況,或較為宏觀的把握競品的現(xiàn)狀,可使用表格法。2.當我們思考某個功能元素是否需要保留,可使用表格法分析競品的做法。

操作步驟:

(1)畫出一個N行M列的表格,首列填入功能元素的具體名稱,首行填入競品的具體名稱。

(2)對每一個競品的具體功能元素進行統(tǒng)計,若某元素存在則在表格上對應(yīng)位置打勾,不存在則空著。

(3)進行分析小結(jié)。

如果某一列功能元素所有競品都打了勾,則說明該功能元素競品都有,是個普遍元素,優(yōu)先級可能較高。如果某個功能元素是某個競品獨有的,則可能是該競品的差異化功能,可能是競品的特色。使用該方法時要注意:即使是其他競品都有的功能,自身產(chǎn)品也不一定要有,最終自身產(chǎn)品功能元素如何定,要根據(jù)需求來分析,不可盲目照搬。

優(yōu)點:表格法的優(yōu)點在于可以清晰展示功能細節(jié)的有無。

缺點:如果頁面元素過多會顯得雜亂,且表格中沒有顯示元素的優(yōu)先級。


多級功能表格比較法

適用條件:當產(chǎn)品功能較復雜,要統(tǒng)計競品功能元素、全面了解競品概括,可用該方法。

操作步驟:在表格法的基礎(chǔ)上,將功能點拆解成一級功能、二級功能、三級功能,再進行比較分析和總結(jié)。具體形式如下圖:

優(yōu)點:可以清晰的展示一級功能、二級功能、以及功能的子級。

缺點:如果層級太多,或者元素太多表格會比較龐大雜亂。


用戶路徑分析法

用戶路徑分析主要是把自己假想成用戶,體驗用戶操作某軟件中某功能流程,并記錄過程。如下圖是對親寶寶拍攝照片用戶路徑分析:


適用條件:適用于要分析某一個功能的具體交互流程。

操作步驟:

(1)把自己想成小白用戶,給自己布置一個小任務(wù),并用競品軟件操作,完成這個任務(wù),如完成上傳照片。

(2)操作時按照:發(fā)現(xiàn)入口—了解功能—操作上傳—跟進操作反饋的步驟進行。

(3)記錄自己在體驗功能時的感受,如哪一個步驟覺得疑惑,哪一個步驟覺得爽。

(4)梳理一下該功能的用戶路徑,看看產(chǎn)品設(shè)置的路徑中有哪些是自己在體驗時主要操作的,它們是不是該功能的主要路徑?哪些是自己體驗過程中忽略的,是競品有意弱化或者其他,并總結(jié)結(jié)論。

優(yōu)點:專注于操作流程中的細微體驗,聚焦于發(fā)現(xiàn)體驗問題。

缺點:自己的操作習慣不一定完全代表用戶的操作習慣,帶有一定主觀性。


產(chǎn)品視覺表達分析法

產(chǎn)品視覺表達分析指對競品某個模塊的頁面表達元素進行拆解分析,并總結(jié)每種表達方式體現(xiàn)的內(nèi)容優(yōu)先級和規(guī)律。

適用條件:適用于設(shè)計師橫向分析某個功能模塊的表達方式,及掌握每種表達方式的適用場景。

操作步驟

(1)將選擇競品具體模塊功能進行截圖并對比。

(2)提取每個模塊的表達元素,并在截圖的下方用色塊表達提取的元素。

(3)總結(jié)共有幾種表達方式,每種表達方式的突出對象是什么、適用條件如何、視覺優(yōu)先級如何。下圖為母嬰類產(chǎn)品問答功能視覺表達分析。

優(yōu)點:可以聚焦于單模塊的表達方式分析。

缺點:不適用于流程的縱向?qū)Ρ取?


5Why分析法

5Why分析法又稱5問法,即看到一個現(xiàn)象不斷的去問“為什么”來尋找根本原因,以找出解決某個問題治本對策的方法。該方法最初由豐田公司提出并在豐田公司廣泛采用。

適用條件:

適用于深挖某個功能表現(xiàn)背后的根本原因。也適用于幫助我們在做競品分析時養(yǎng)成透過現(xiàn)象看本質(zhì)的思維習慣。

操作步驟:

(1)把握現(xiàn)狀。主要是為了確認問題,調(diào)查基本的表現(xiàn)、數(shù)據(jù)情況等。

(2)原因調(diào)查。針對明確的問題,探究背后原因。找到淺層次的原因后,再問為什么,找更深層次的原因,問5次為什么。原因調(diào)查過程中要注意:一定要以事實為依據(jù)去探究背后原因,不可主觀臆想。另外,5why分析法也不一定都要問滿5個為什么,重要的是通過多次提問探究到根本原因。

(3)實時措施,糾正問題

(4)吸取教訓,從源頭上預防錯誤再發(fā)生

5Why分析法用到競品分析上,重點是在前2步,即把握問題和原因調(diào)查。我們不一定要完成5Why分析法的所有步驟,但我們要有問“為什么”的意識,不斷的問自己競品這么做的目的和原因。

優(yōu)點:聚焦現(xiàn)象背后深層原因,利于我們培養(yǎng)透過現(xiàn)象看本質(zhì)的思維。



用戶體驗5要素分析法

用戶體驗5要素分析指從戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層5個層級,逐級的去分析。

適用條件:適用于要全面系統(tǒng)地了解某個產(chǎn)品時,對該產(chǎn)品進行全局分析。

操作步驟:

可以按照用戶體驗要素的5個層級從上到下分析,或從下到上分析。每個層級的分析可以使用不同的分析方法,在此不贅述。需要注意的是使用該方法分析時要避免追求大而全,建議站在競品分析目的角度,分析時有一定傾向性。

優(yōu)點:分析較全面,對產(chǎn)品理解會比較深入。

缺點:要真正執(zhí)行并好不容易,需要對用戶體驗的5個要素有比較深的理解。


以上就是設(shè)計師常用的競品分析方法的解析說明,我們要根據(jù)分析目的靈活選擇方法。各方法的對比如下圖:


5.了解競品的用戶反饋

除了對競品進行分析,我們還要關(guān)注競品的用戶反饋,了解競品用戶在使用產(chǎn)品過程中遇到的問題,了解用戶覺得競品好在哪里。要對競品的問題進行規(guī)避,對好的使用體驗進行分析并學習借鑒。

可以通過網(wǎng)站 https://appbot.co/ 查找App store上的用戶反饋。如下圖為親寶寶產(chǎn)品的用戶反饋:


6.總結(jié)競品分析結(jié)論

不論使用哪一種分析方法,分析完之后都應(yīng)輸出分析小結(jié)。在所有分析結(jié)束之后,還要輸出整體的分析結(jié)論。結(jié)論可以由定性或者定量分析得出,可以既包含客觀分析的結(jié)論又包含主觀分析的結(jié)論。

客觀分析的結(jié)論如行業(yè)市場布局情況、競品數(shù)據(jù)情況、界面操作反饋、產(chǎn)品包含的功能點(普遍功能、特色功能、實現(xiàn)程度如何)等。主觀分析的結(jié)論如競品的可用性、易用性、操作體驗等。



總結(jié)

競品分析是通過分析競品,得出要解決的問題的結(jié)論過程。所以,了解自身產(chǎn)品當前處在哪個階段,有什么問題相當重要。通過當前問題推導競品分析目標,再跟進競品分析目標靈活運用分析方法。競品分析方法可以有很多,但確認好分析目標才是關(guān)鍵。


參考文獻:

《有效競品分析:好產(chǎn)品必備的競品分析方法論》——作者:張在旺

《步步為贏 交互設(shè)計全流程解析》——作者:董尚昊

《電商類APP:商品卡片競品分析》——作者:白鷺漫談




轉(zhuǎn)自:站酷

藍藍設(shè)計www.lmkl.com.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

一組有質(zhì)感的擬物圖標

前端達人

擬物圖標臨摹練習



轉(zhuǎn)自:站酷

藍藍設(shè)計www.lmkl.com.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)


星空 The Starry Night

前端達人


過去與未來,皆是同一片星空


轉(zhuǎn)自:站酷

藍藍設(shè)計www.lmkl.com.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

2021年如何做好作品集

前端達人

2021年如何做好作品集

今天分享的這篇文章非常長,我寫了1個星期。內(nèi)容比較多,慢慢看。2020年馬上結(jié)束了,今年的環(huán)境真的變化太快了,設(shè)計師們也習慣了就業(yè)環(huán)境的殘酷。曾幾何時UI設(shè)計師是一個非常高大上的名詞,但現(xiàn)在UI設(shè)計師意味著難就業(yè),工作難找。因為UI設(shè)計師是依附于產(chǎn)品設(shè)計的一個崗位,當經(jīng)濟上行,大多數(shù)公司急需人員開展項目,所以會放寬各種要求。盡快完成項目。


所以培訓幾個月,就上崗拿月薪上萬的人大有人在。但是目前經(jīng)濟情況大家都知道了,所以很多公司開源節(jié)流,招聘需求盡可能的減少。有招聘崗位那也是萬里挑一。所以面試不僅僅是作品,還需要看你的學歷,看你的工作背景,你曾經(jīng)做過的項目。設(shè)計師已經(jīng)成為名副其實的競爭最激烈崗位了。你的學歷,你曾經(jīng)工作過的公司,這些是無法改變的過去式了,唯一還可以去改變的就是作品集了。那么2021年,我們的作品集到底該如何去做了?


作品匹配個人經(jīng)歷

設(shè)計師的作品集是個人能力的體現(xiàn),所以一些想走捷徑的人盜用一些其他人的作品,然后填充進自己的作品集,因為覺得作品越多越好。一個有經(jīng)驗的面試官可以通過你的作品內(nèi)容的水平是否平均,來判斷你的作品是否真實。比如我見過很多字體設(shè)計非常一般的作品,但是到了專題突然標題設(shè)計非常的復雜,這就明顯會讓人覺得不真實。


作品集的作品內(nèi)容盡量去匹配你的個人工作經(jīng)歷,比如你的上家工作是醫(yī)療行業(yè),但是了你的作品集內(nèi)容完全看不到。這樣別人會懷疑你的工作經(jīng)歷的真實性。有時候我也會收到一些作品,讓我看看是不是竹筍同學的作品。我也看到不少次一些作品集里放著京東或者網(wǎng)易的大廠作品,但是簡歷是完全看不到的。別人會對你進行背調(diào),設(shè)計師現(xiàn)在有大量的渠道互通,背景去了解后,如果作假那么就會被拉黑的。



刪除小練習

有追求的設(shè)計師,都會在工作之外去學習一些技能去提高自己的專業(yè)能力。這些能力可能不會馬上去應(yīng)用在工作里。比如一些插畫,一些字體設(shè)計,或者C4D。但學習肯定是從基礎(chǔ)簡單開始,然后到技法復雜的作品。一些設(shè)計師舍不得小練習,覺得這也是我的作品,我要放到作品集里,但這些零散的基礎(chǔ)的小練習,并不能給你的作品明顯加分,反而會減分。對于這些練習的作品,如果技法難度不足,就不要放了。如果需要放也要考慮放在哪里,如何去用。比如一張插畫,單獨放在作品集里,會覺得非常的零散。如果做系列插畫,做為APP設(shè)計的啟動頁去展示,就會豐富飽滿許多。


應(yīng)屆生的作品

設(shè)計競爭非常激烈,很多大三大四的學生就有意識很早的開始學習了,為了尋求一份好的實習工作。首先弄明白為什么一些公司招收實習生,因為你是潛力股。更看中的是你的設(shè)計潛力。所以你學校的作品?;蛘吣阃ㄟ^插畫字體設(shè)計,這些基本功判斷你是否具備相應(yīng)的潛力。但是現(xiàn)在有一個非常不好的現(xiàn)象,就是在作品集大量充斥著各種高深的產(chǎn)品分析和理論講述。這個現(xiàn)象集中在UI  設(shè)計中最普遍。


學生是沒有任何真實項目經(jīng)驗的,有也是在項目中擔任輔助角色,所以各種用戶畫像,產(chǎn)品背景分析其實是非常懸浮在空中的,沒有真實參與過任何商業(yè)設(shè)計,或者一天生意也沒有做過,卻模仿社招工作多年的設(shè)計師,去講述各種理論數(shù)據(jù)分析。其實在面試官看來是非??尚Φ摹.斎患兘换セ蛘哂脩趔w驗的應(yīng)屆生。確實應(yīng)該多做這方面練習。但畢竟這樣的崗位稀少。而且不符合大量實習招聘職位的需求。


大廠作品集

現(xiàn)在互聯(lián)網(wǎng)的共享資源是如此豐富,也有很多樂于分享的設(shè)計師分享自己的作品集,我們能找到各種作品集的參考。我們都能看到各種吸睛的標題,例如常見的標題就是大廠的設(shè)計師如何做作品集的,每個設(shè)計師都有一個大廠夢,我們希望通過模仿大廠設(shè)計師的作品集,去入職大廠,這樣愿望是美好的,但現(xiàn)實很殘酷。全國有幾千萬設(shè)計師,大多數(shù)設(shè)計師所在的城市決定了,并沒有這樣的大廠存在。由于大廠的分工非常細致,每個設(shè)計師所分擔的職責非常垂直,做UI界面的基本上不會去做運營設(shè)計相關(guān)。而做界面中,又會花大量時間研究項目所在的模塊的每個細節(jié)點。所以可以每個小細節(jié)點去做非常多的理論分析。


大廠作品集里面面最值得看的其實是項目經(jīng)驗的總結(jié),這些偏理論分析的內(nèi)容,其實對于很多在二三線城市的設(shè)計師并沒有很直接的參考意義。試想下做為一個二三線的城市的老板,他招設(shè)計師的目的是什么,是不是去解決日常公司里美學問題,或者去做界面,或者去做專題,或者有時候公司日常有個易拉寶海報啥的也要你去幫忙做下,可能有的設(shè)計師覺得這不就是美工,多廉價。但是確實大多數(shù)公司設(shè)計師生存狀態(tài)就是如此。所以對于大多數(shù)設(shè)計師來說。你的作品集里如果充斥大量純虛擬UI的界面,不管你理論分析寫的多好,可能對于面試官來看,就是千篇一律,直接翻翻就PASS了。


清晰的結(jié)構(gòu)

作品集是你個人能力的體現(xiàn),也是你過完項目經(jīng)驗的總結(jié)。不管是哪種。都需要細細的整理。而不是作品堆砌。常見的作品類型就是APP設(shè)計,專題設(shè)計,Banner設(shè)計,字體設(shè)計。我們常見的分類是方法是根據(jù)求職崗位進行區(qū)分,比如偏UI設(shè)計的可以整理2到3個APP設(shè)計。如果求職方向是純視覺設(shè)計,那么需要整理專題設(shè)計,banner設(shè)計和一些字體品牌設(shè)計相關(guān)內(nèi)容。如果是在二三線城市。我建議作品集的內(nèi)容類型還是豐富一些,單一的類型的作品雖然聚焦,但是可能并不適合大多數(shù)人。


文件夾作品

五年前,如果你出去面試找工作,帶一堆文件夾出去,別人會覺得你這個設(shè)計師水平比較差,連總結(jié)都不做。所以我們必須做一份漂亮經(jīng)過整理的作品集。有一次有個學生問我UI面試有沒有什么技巧,我說技巧都是輔助,重要還是作品。我建議學生整理好作品集的同時,另外把作品以文件夾形式一個個項目整理好,因為這樣別人會通過查看你的作品明細,可以對你的個人水平有更深入的認識。


為什么會這樣了?因為圈子里有一些不好的現(xiàn)象。就是有很多抄襲搬運現(xiàn)象。甚至某寶上還有賣作品集的。這些現(xiàn)象尤其以插畫和APP作品為甚。十幾個拼湊的界面,五六頁的展示一個APP的項目。所以很多面試官對面試者水平產(chǎn)生各種懷疑。現(xiàn)在出去面試必然會做測試題。因為面試官有時候也無從判斷,只能通過這種最簡單粗暴但不友好的方式去看面試者水平。


設(shè)計思維的展示

作品集內(nèi)的內(nèi)容一定要想辦法走差異化路線。不管是UI類型的作品集,還是視覺類型的作品集,都不要千篇一律。比如一張插畫的展示,不要只放置一個作品圖片,,可以多展示一些設(shè)計思維,從頭腦風暴的國潮,靈感的來源,價值的呈現(xiàn)多維度的去展示作品。


UI作品集的內(nèi)容

作品集內(nèi)放什么作品,這是設(shè)計師第一個需要明確的,我的下一份工作是做什么。如果是純UI界面崗位,作品集呈現(xiàn)以純Ui界面為主。并不需要加入太多純視覺設(shè)計的內(nèi)容。當然這樣的的做法,面試機會非常少,有一定賭的成分。首先作品集里呈現(xiàn)的UI項目需要和你的工作經(jīng)歷匹配,這些項目的展示是你真實經(jīng)歷過的,如果你想靠純虛擬的項目在大廠去某得一份純UI工作,基本上的概率和中彩票差不多。


因為市場上太多存量的大廠設(shè)計師也等著去跳槽,他們有著豐富的項目經(jīng)驗和表達話術(shù),這點你是無法比擬的。純UI界面的作品集,如果有幸進入面試環(huán)節(jié),在實際面試時候,對于項目的具體細節(jié),你并不能講的非常明白透徹,可能就沒有機會了。因為大廠設(shè)計師每天專注具體的項目具體的模塊,可以每個小細節(jié)講的很清楚,再加上出名的項目支撐,面試官也會高看一眼不是嘛?所以純UI界面的作品集在實際的找工作中,非常吃虧。大廠的面試官看不上,覺得你寫的那套理論非常的空洞模板化。中小廠覺得你作品缺乏綜合視覺能力,能力太單一。



運營作品集的內(nèi)容

如果是純運營視覺的作品集,以運營專題設(shè)計為主,這類設(shè)計師可能也具備做UI的能力,那么很多運營設(shè)計師最糾結(jié)的是,我要不要去放界面的內(nèi)容。那就根據(jù)你找工作的方向來定,如果你找純視覺運營的方向,可以不放界面作品集,因為你的工作內(nèi)容并沒有這個,放上去顯得并不專業(yè),或者有點畫蛇添足。


也有人糾結(jié)我是不是應(yīng)該找一些各種數(shù)據(jù)理論來支撐一下,不要讓人覺得我是一個純畫圖的。我的建議是,如果去大廠,當然要。你需要多在作品集里體現(xiàn)運營的體系思維。比如各種運營組件的整理,各種品牌營銷的視覺設(shè)定。這些才是大廠設(shè)計師具備的素質(zhì),如果你只是滿足作品集里加入各種漂亮的專題和Banner設(shè)計,你會發(fā)現(xiàn)你好像在找一個類似美工的工作。因為你的作品集里體現(xiàn)的只是一個執(zhí)行思維,并沒有營銷驅(qū)動的體系思維。


UI+視覺作品集的內(nèi)容

這個方向,其實我建議大多數(shù)人的方向,因為90%以上的設(shè)計師,其實就業(yè)都在中小型公司,日常需要解決公司里各種美學問題,不管你是做UI,還是日常的運營視覺,甚至一些線下的平面設(shè)計。所以公司需要的是你的作品集呈現(xiàn)你具有綜合視覺能力。我的建議是是各種類型作品都要放的,當然這類作品集最大的問題是雜而不精,數(shù)量很多,單個作品沒有出彩的。所以如果你走這個綜合性路線。必須讓你的作品集看到出彩點。



下面我們來具體講講UI作品集應(yīng)該怎么做?



作品集的內(nèi)容

UI設(shè)計師的主要工作以界面為主,大型互聯(lián)網(wǎng)公司的UI設(shè)計師專注于界面設(shè)計,而中小型公司更加偏綜合,界面和視覺設(shè)計都要兼顧。到底在作品集里放多少APP?首先不是你放置APP數(shù)量越多越好,如果你的公司只專注一個APP,那么你可以就放一個,但是你需要通過大量篇幅去把這個APP的每個細節(jié)介紹清楚。不用五到六頁蜻蜓點水的介紹。這樣對你的作品集篩選沒有任何的幫助。



模板化的話術(shù)

曾經(jīng)UI界面設(shè)計很純粹就是考慮如何設(shè)計一個舒服的界面,讓用戶用的舒服,所以用戶體驗為中心這個詞提出的頻率非常高,但現(xiàn)在發(fā)現(xiàn)好像沒人提這個詞了,設(shè)計并賦予了更多的職能。必須談商業(yè),必須談轉(zhuǎn)化率,有人說這是UI設(shè)計是商業(yè)設(shè)計一環(huán),所以必須更多的談商業(yè),所以你會發(fā)現(xiàn)現(xiàn)在周圍的UI設(shè)計更多的談設(shè)計賦能,用戶增長,營銷架構(gòu),商業(yè)戰(zhàn)略,宏觀視野這些詞匯。感覺設(shè)計師背負了這么重的使命,快成CEO了。


這些話術(shù)是不是很熟悉,你好像在每個作品集里都可以看到。你要是很純粹的談一些微觀的界面流程優(yōu)化,感覺你的格局太小了。大廠設(shè)計師特別喜歡引導這樣的潮流,因為我們并不清楚這里面很具體是怎么樣的。比如你會在每個作品集里都看到千篇一律的KANO模型話術(shù)。這是一個產(chǎn)品經(jīng)理應(yīng)該去考慮的事情,設(shè)計師應(yīng)該有產(chǎn)品思維也非常對的。但是當一個作品集每個人都寫一樣的KANO模型和用戶體驗地圖話術(shù)的時候,這個事情就不正常了。因為并沒有仔細深究,只是粘貼復制而已。


所以我們更多的是邯鄲學步,明明你是一個剛畢業(yè)的學生,也學著務(wù)虛的商業(yè)格局,這樣是非常不嚴肅的,所以目前大量的UI作品集里充斥著這些模板化的話術(shù),是非常耽誤人的。我的建議作品集里少去談這些非常宏觀空洞的話術(shù),作為普通設(shè)計師,多去關(guān)注一些UI設(shè)計交互體驗細節(jié)。


數(shù)據(jù)分析

現(xiàn)在APP的界面講究數(shù)據(jù),你的APP下載量是多少,用戶多少,月活日活是多少。如果是改版的項目,通過你的改版取得了什么數(shù)據(jù)的增長。其實這些確實是商業(yè)設(shè)計關(guān)注的點。一些設(shè)計師如果如果不關(guān)注這些,去描述自己的項目的時候就容易底氣不足,如果是虛擬項目,那更是啞口無言。其實這些并不是衡量你UI設(shè)計的唯一標準。對于大廠設(shè)計師提供的各種數(shù)據(jù),也不要迷信。其實UI設(shè)計只是整個研發(fā)流程的一環(huán),一個改版的數(shù)據(jù),可能是多種因素促成的。有很多已知未知的數(shù)據(jù),設(shè)計師并不能完整的看到。所以了如果你是一個在職設(shè)計師,請多種渠道去關(guān)注你的設(shè)計數(shù)據(jù)。所以你是一個初學者或者只是參與某個模塊的設(shè)計,可以坦誠的面對。不要試圖編造一些無法驗證的數(shù)據(jù)蒙混過關(guān)。


樣機使用

UI作品集里我是不建議使用任何樣機的。在五六年前如果用還是可以的,可以作為一個視覺展示的亮點,現(xiàn)在作品集里還放這些,基本上作品集會被扔,因為別人覺得這是初學者。當然還有一種情況,就是本身界面細節(jié)不足,想通過樣機,把界面圖縮小,通過這樣取巧的辦法去蒙混過關(guān)。這樣在面試官那里也是很難通過的。我更建議UI界面用大圖展示,配以平實的排版,文字描述清楚你要講的點。UI的界面展示,能讓面試官看清楚你表達的內(nèi)容。而不是用眼花繚亂的視覺手段去掩飾界面思考的不足。比如下面的某設(shè)計師設(shè)計的排版,沒有任何花哨排版,就是樸實的展示界面細節(jié)。我覺得這樣看似沒有設(shè)計的排版其實是最佳的展現(xiàn)形式。


品牌設(shè)計

不同公司對于品牌設(shè)計的定義不一樣。比如一些大型公司品牌設(shè)計是平面設(shè)計范疇下的,負責各種線上線下的各種品牌視覺,具體的比如我要做一次活動,我需要輸出一整套設(shè)計方案,這個方案供各種印刷或者線上界面使用。這是一些大型互聯(lián)網(wǎng)公司品牌設(shè)計需要做的


那么對于很多普通中小型公司的UI設(shè)計師,顯然沒有這么高的品牌要求,不會單獨招聘一個品牌設(shè)計師,所以這部分工作你可能也要承擔起來。同時作品集中UI部分顯然也需要去考慮一些品牌視覺的輸出。比如繪制一些IP形象在界面中貫穿。

并對這些形象進行視覺延伸,比如界面中的圖標,界面中的彈窗,界面中的缺省數(shù)據(jù)頁,都可以運用IP形象進行穿插。在IP形象冗余界面中,做的比較好的是閑魚APP




運營設(shè)計

很多UI設(shè)計師有這樣一個鄙視鏈,沉迷于各種產(chǎn)品分析,覺得做運營設(shè)計是非常廉價的,這樣的想法有歷史原因,當然最直接的原因是運營設(shè)計的薪資天花板比UI設(shè)計要低。在大廠里UI設(shè)計專注于界面設(shè)計的某個模塊,一個APP其實由一組人完成,每個人負責具體的模塊,所以研究的非常精細。但同時局限性其實也非常大。對于很多設(shè)計師來說。不要完全把自己的專業(yè)局限在純界面上,日常工作也會涉及到非常多的視覺運營設(shè)計。比如一張漂亮的啟動頁,一個充滿營銷味道的彈窗,這些都應(yīng)該是設(shè)計師不可以丟下的基本功。

 


插畫設(shè)計

這幾年插畫設(shè)計非常的流行,很多UI設(shè)計師也覺得這是一個必備的技能去學習,那么作品集放一些插畫作品會不會給你加分了?首先我們招聘設(shè)計師是來解決工作中的各種問題,那么一個做界面設(shè)計師需要的實際應(yīng)用能力。插畫也有非常多的風格,常見的兒插風格,厚重的手繪CG風格,漫畫涂鴉風格,扁平線性風格等等,并不是所有的風格都可以應(yīng)用在界面設(shè)計中的。如果你只是做為業(yè)余愛好來學習。你可以任意選擇風格去學習。而作品集里放置一些零散的小插畫,除了讓面試官知道你會繪畫外,并不能有明顯的加分,反而這些小練習給人感覺非常零散,不專業(yè)的感覺。所以如果你想去學習插畫,請在界面中呈現(xiàn)插畫與設(shè)計結(jié)合的應(yīng)用。比如啟動頁,banner設(shè)計,專題的頭圖等等。


C4D設(shè)計

C4D也是一個熱門的方向,這個可以運用在非常多的運營設(shè)計中,但是首先明確C4D不是那么容易學好的,入門非常容易,但是想精深需要花太多太多時間精進學習的。我看過非常的設(shè)計師作品集里放置了非常初級的燈管字之類的小練習,這些都是學習了幾個月的成果,然后發(fā)現(xiàn)工作中用不到,然后也沒有再去深入去研究了。就半途而廢了。那么你會發(fā)現(xiàn)作品集里放這些小練習,還不如不放,這樣會更加暴露你的專業(yè)不足的缺陷。下面是我一個設(shè)計師



今天就講到這里,我們將繼續(xù)更新下一篇《如何設(shè)計運營作品集》, 

我已經(jīng)寫好了,讓我再精加工下,當然也可以關(guān)注我的

設(shè)計公眾號《聊設(shè)計》liaosheji2010,第一時間觀看到我的更新。



轉(zhuǎn)自:站酷

藍藍設(shè)計www.lmkl.com.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

2020·營銷員工具·大病互助

前端達人

2020新冠疫情大爆發(fā),生命在病毒面前不堪一擊;一份保險不是為了愉悅而是安心;今年為健康服務(wù)。




轉(zhuǎn)自:站酷

藍藍設(shè)計www.lmkl.com.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.lmkl.com.cn

存檔