【PS必備技能】2.5D圖形制作規(guī)范,用ps最簡(jiǎn)單的方法讓你學(xué)會(huì)2.5d圖形設(shè)計(jì)!
轉(zhuǎn)自:站酷
作者:櫻桃教你學(xué)設(shè)計(jì)
藍(lán)藍(lán)設(shè)計(jì)( www.kadanni.com.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
視覺設(shè)計(jì)基礎(chǔ)“四大原則”之《重復(fù)性》
轉(zhuǎn)自:站酷
作者:CB_張大偉
藍(lán)藍(lán)設(shè)計(jì)( www.kadanni.com.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
國(guó)外ui設(shè)計(jì)鑒賞
轉(zhuǎn)自:站酷
作者:是穗啊
藍(lán)藍(lán)設(shè)計(jì)( www.kadanni.com.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
這一期專門為大家講解下在sketch中切圖問題
切圖作為UI設(shè)計(jì)師的必備技能,其實(shí)有許多地方困擾著很多同學(xué)們。比如批量下載切圖、切圖命名、不同切片的類型這些都有同學(xué)或多或少的有些迷茫。這一期專門為大家講解下在sketch中切圖問題。
在本文中我們將sketch中的切片分為兩類:一是內(nèi)置切片,二是獨(dú)立切片。
我們將某元素點(diǎn)擊導(dǎo)出按鈕之后形成的切片稱之為內(nèi)置切片,如下圖:
內(nèi)置切片相對(duì)比較簡(jiǎn)單,他的切圖范圍是跟隨他所依附的元素的大小而改變的。而且只能切出所依附的元素本身。
由切片工具繪制而來的切片我們稱之為獨(dú)立切片
獨(dú)立切片范圍是可以隨意更改的,不依附于想要切的元素。并且可以切出所有在切片范圍中顯示的視覺元素。
如果我們需要用獨(dú)立切片去切出特定的元素,那么我們需要將切片和我們需要切的元素打組,并且在導(dǎo)出選項(xiàng)內(nèi)勾選“Export group contents only”就可以只切組內(nèi)我們需要的內(nèi)容了。
當(dāng)然我們對(duì)于這兩種切片還有更詳盡的講解,大家可以去看之前我們專門關(guān)于切片的視頻教程:https://www.bilibili.com/video/BV1ik4y1k7aU
由于現(xiàn)在越來越多的團(tuán)隊(duì)選擇使用藍(lán)湖切圖,我們講一下切圖中使用到藍(lán)湖時(shí)候的注意事項(xiàng)。
首先我們需要上傳設(shè)計(jì)稿到藍(lán)湖,再上傳的時(shí)候我們要對(duì)照自己的設(shè)計(jì)稿尺寸選擇對(duì)應(yīng)的參數(shù)
是不是覺得上傳之后就大功告成,下載切圖什么的就交給開發(fā)小哥哥去處理了?
No no no!!!
為了讓開(zi)發(fā)(ji)更省心省力,我們還需要和開發(fā)小哥哥溝通一下藍(lán)湖的設(shè)置,方便他們操作。
首先我們需要在設(shè)置中將“切圖置頂”勾選,以防止開發(fā)在點(diǎn)選切圖元素時(shí)誤操作導(dǎo)致下載的切圖不正確。
然后我們還需要勾選“下載切圖有重名時(shí)替換”選項(xiàng)。這里是為了防止出現(xiàn)在不同頁(yè)面上的同一元素被重復(fù)下載,造成混亂。
如果我們遇到安卓的切圖,開發(fā)時(shí)出現(xiàn)了正確的圖標(biāo)開發(fā)出來之后尺寸發(fā)生變化的情況。我們建議將設(shè)置中“Android 文件夾以drawable 命名”選項(xiàng)勾選。
另外還有一個(gè)藍(lán)湖使用的小技巧可以告訴大家,就是在藍(lán)湖中按住鍵盤shift鍵,鼠標(biāo)框選多個(gè)畫板,然后右鍵就可以在選項(xiàng)中選擇“下載選中頁(yè)面全部切圖“,是不是覺得離準(zhǔn)點(diǎn)下班又進(jìn)了一步呀~
最后還有一點(diǎn)要提醒大家,在sketch中我們?yōu)榻M件命名時(shí)所用到的“/”符號(hào)。如果用在了切片上,那么在藍(lán)湖下載切圖的時(shí)候會(huì)根據(jù)“/”形成文件夾。所以這里向大家推薦一款比較實(shí)用的插件——自動(dòng)化。他可以將我們命名中的“/”自動(dòng)修改為“-”或者”_“,這樣我們?cè)谑褂盟{(lán)湖的時(shí)候就不用再手動(dòng)去修改切片中的特殊符號(hào)了啦。
插件下載地址
https://www.yuque.com/tuotadamowang/dhq5di/irybf6#SGtSu
好啦,本期就聊到這里,我們下期再見喲~
轉(zhuǎn)自:站酷
藍(lán)藍(lán)設(shè)計(jì)( www.kadanni.com.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
當(dāng)我們合理的運(yùn)用好文字排版時(shí),它可以增強(qiáng)界面內(nèi)的可用性,可讀性,可訪問性和層次結(jié)構(gòu)
轉(zhuǎn)自:站酷. 作者:絲絨Store
藍(lán)藍(lán)設(shè)計(jì)( www.kadanni.com.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
孫子兵法有云:知己知彼,百戰(zhàn)不殆。知天知地,勝乃不窮。
“知己知彼”說明了解自己和競(jìng)爭(zhēng)對(duì)手的重要性,“知天知地”則強(qiáng)調(diào)了了解行業(yè)競(jìng)爭(zhēng)環(huán)境的重要性。能通過競(jìng)品分析達(dá)到知己知彼、知天知地,是設(shè)計(jì)師的必備技能。
競(jìng)品分析是對(duì)市場(chǎng)上存在直接或間接競(jìng)爭(zhēng)關(guān)系的優(yōu)質(zhì)產(chǎn)品,進(jìn)行分類、組織、對(duì)比、刨析,總結(jié)競(jìng)品、以及自己產(chǎn)品的優(yōu)勢(shì)和不足,為下一步?jīng)Q策提供幫助。競(jìng)品分析維度包含但不限于市場(chǎng)調(diào)研、盈利模式、戰(zhàn)略定位、產(chǎn)品功能、交互流程、頁(yè)面框架、視覺表現(xiàn)、文案內(nèi)容、運(yùn)營(yíng)方式等。
競(jìng)品分析和市場(chǎng)分析、產(chǎn)品分析、產(chǎn)品體驗(yàn)分析的關(guān)系如下:
對(duì)設(shè)計(jì)師來說,競(jìng)品分析在了解行業(yè)現(xiàn)狀、熟悉功能、了解競(jìng)爭(zhēng)對(duì)手、了解用戶習(xí)慣、明確自己產(chǎn)品定位等方面都有幫助,具體如下:
競(jìng)品分析有這么多好處,那么設(shè)計(jì)師該如何做競(jìng)品分析?
“知己”即了解自己產(chǎn)品處在哪一個(gè)階段,有什么問題,接下來打算怎么做或達(dá)成什么目標(biāo)。然后根據(jù)產(chǎn)品當(dāng)前問題確認(rèn)“要通過本次競(jìng)品分析獲得什么?”。競(jìng)品分析一定是為自己的產(chǎn)品服務(wù)的,是通過了解競(jìng)品來達(dá)成自己產(chǎn)品的某種目的。不能盲目地為分析而分析。
大多數(shù)工作流程中,設(shè)計(jì)師進(jìn)行競(jìng)品分析一般有以下幾種場(chǎng)景:
場(chǎng)景一:在產(chǎn)品需求確認(rèn)之前,通過競(jìng)品分析對(duì)某功能進(jìn)行調(diào)研,了解行業(yè)中該功能的具體設(shè)計(jì)。
如設(shè)計(jì)師了解到產(chǎn)品計(jì)劃對(duì)帖子詳情頁(yè)面進(jìn)行改版,產(chǎn)品需求還沒確認(rèn)。此時(shí)進(jìn)行競(jìng)品分析的目的可以是:了解競(jìng)品帖子詳情頁(yè)面的設(shè)計(jì)共有哪幾類表達(dá)方式,每一類表達(dá)方式的優(yōu)缺點(diǎn)各是什么。
場(chǎng)景二:.在產(chǎn)品需求確認(rèn)之后,通過分析產(chǎn)品需求,推導(dǎo)出設(shè)計(jì)目標(biāo)。此時(shí)競(jìng)品分析是為產(chǎn)出能滿足設(shè)計(jì)目標(biāo)的方案服務(wù)的。
如產(chǎn)品的設(shè)計(jì)需求是“提高帖子詳情頁(yè)的點(diǎn)贊數(shù)、留言數(shù)、評(píng)論回復(fù)數(shù)”。此時(shí)推導(dǎo)出的設(shè)計(jì)目標(biāo)可能是“營(yíng)造詳情頁(yè)互動(dòng)氛圍、提高回復(fù)評(píng)論的效率、減少操作步驟”,對(duì)應(yīng)的競(jìng)品分析目的可以是“總結(jié)競(jìng)品營(yíng)造社區(qū)互動(dòng)氛圍、提高活躍度的方式。掌握競(jìng)品回復(fù)評(píng)論功能中操作步驟少、效率高的設(shè)計(jì)方式及總結(jié)背后原因?!?
場(chǎng)景三:產(chǎn)品大改版、重新設(shè)計(jì),或者孵化新產(chǎn)品時(shí),通過競(jìng)品分析對(duì)行業(yè)內(nèi)的產(chǎn)品有一個(gè)整體的了解,從而得出自身產(chǎn)品的差異化定位。此時(shí)競(jìng)品分析的維度會(huì)更多元:可以從用戶體驗(yàn)的5個(gè)要素逐級(jí)進(jìn)行分析,或使用SWOT分析、波士頓矩陣分析等。
場(chǎng)景四:競(jìng)品的動(dòng)態(tài)跟進(jìn),主要是跟進(jìn)競(jìng)品的迭代情況,以保持長(zhǎng)期的“知彼”狀態(tài)??梢远ㄆ冢ㄈ?周或一個(gè)月)對(duì)競(jìng)品迭代信息進(jìn)行一次整理。App Store或七麥數(shù)據(jù)等網(wǎng)站可以查到競(jìng)品每個(gè)版本的迭代內(nèi)容。
競(jìng)品可以選擇直接競(jìng)品或間接競(jìng)品。直接競(jìng)品指市場(chǎng)環(huán)境、商業(yè)模式、目標(biāo)用戶、產(chǎn)品功能都相似的產(chǎn)品。間接競(jìng)品可以是市場(chǎng)環(huán)境和目標(biāo)用戶相似,但商業(yè)模式和產(chǎn)品功能當(dāng)前不同、未來可能相同的產(chǎn)品。如果只對(duì)產(chǎn)品交互流程、頁(yè)面框架、視覺表現(xiàn)等進(jìn)行分析,還可以選取功能相似,或者目標(biāo)用戶相似,用戶體驗(yàn)好的產(chǎn)品進(jìn)行分析。
建議通過易觀千帆、七麥數(shù)據(jù)、App Annie等平臺(tái)了解競(jìng)品的數(shù)據(jù)情況,選取數(shù)據(jù)排名靠前的產(chǎn)品進(jìn)行分析。
了解競(jìng)品的定位、公司戰(zhàn)略、盈利方式和用戶畫像,有利于我們理解競(jìng)品功能的背后的邏輯,利于我們分析競(jìng)品為什么設(shè)計(jì)成這樣。競(jìng)品分析不只是分析表面看到的功能,還要分析更深層次的原因。
1.了解競(jìng)品定位、公司戰(zhàn)略途徑有:競(jìng)品官網(wǎng)、維基百科、拉勾網(wǎng)、天眼查、IT桔子 、Questmobile、App Annie等
2.了解盈利方式的途徑有:36 氪
2.了解競(jìng)品用戶畫像的方式有:競(jìng)品官網(wǎng)、移動(dòng)觀象臺(tái)、百度指數(shù)、艾瑞咨詢等網(wǎng)站。
競(jìng)品分析的目的不同,選用的競(jìng)品分析方法也不同。以下介紹幾種常用的競(jìng)品分析方法:
競(jìng)品畫布是一個(gè)簡(jiǎn)易的競(jìng)品分析模板,用一頁(yè)紙包含了競(jìng)品分析的9大問題,如下圖。
適用條件:
1.競(jìng)品畫布可以用在競(jìng)品分析之初,用來梳理競(jìng)品分析的思路,是競(jìng)品報(bào)告的MVP(最小可用產(chǎn)品)2.競(jìng)品畫布包含競(jìng)品分析的6個(gè)關(guān)鍵步驟,可以讓新手快速上手競(jìng)品分析。
操作步驟:
按照競(jìng)品畫布模板上的問題依次的分析解答。競(jìng)品畫布中包含了SWOT分析,注意優(yōu)勢(shì)、劣勢(shì)是對(duì)產(chǎn)品或公司內(nèi)部的分析,而機(jī)會(huì)和威脅是對(duì)外部環(huán)境的分析。另外,在分析第3點(diǎn)分析維度時(shí),建議結(jié)合分析目標(biāo)說明選擇這些方式的理由。
優(yōu)點(diǎn):競(jìng)品畫布相對(duì)其他方法來說視角更全面,可以結(jié)合其他分析方法一起使用。
缺點(diǎn):對(duì)UI/UE來說,針對(duì)性不夠強(qiáng)。
矩陣分析法又稱知覺圖,主要是通過二維矩陣分析2個(gè)關(guān)鍵要素,以了解自己和產(chǎn)品的定位及競(jìng)爭(zhēng)優(yōu)勢(shì)。
適用條件:
矩陣分析法主要用來幫助產(chǎn)品做2個(gè)關(guān)鍵要素方面的定位決策。如自營(yíng)電商平臺(tái)可用矩陣分析法來決策平臺(tái)定位是售賣高價(jià)格、優(yōu)質(zhì)的商品平臺(tái)(如寺庫(kù)),還是售賣超低價(jià)格、質(zhì)量一般的商品的平臺(tái)(如拼多多)。以及幫助產(chǎn)品評(píng)估自己的競(jìng)爭(zhēng)優(yōu)勢(shì),判斷產(chǎn)品是否需要重新定位。
設(shè)計(jì)師還可以用矩陣分析法分析競(jìng)品的視覺風(fēng)格,以輔助定位自身產(chǎn)品的視覺風(fēng)格。如下圖為視頻app logo風(fēng)格的矩陣分析
操作步驟:
(1)確定兩個(gè)關(guān)鍵競(jìng)爭(zhēng)要素。這兩個(gè)競(jìng)爭(zhēng)要素應(yīng)該是用戶最會(huì)關(guān)注、會(huì)影響用戶決策的關(guān)鍵屬性,如價(jià)格和配置。
如果是設(shè)計(jì)師用矩陣分析法來分析競(jìng)品視覺風(fēng)格,可選取兩對(duì)意思相反,對(duì)視覺風(fēng)格有較大影響的關(guān)鍵詞。如嚴(yán)肅—活潑、扁平—擬物
(2)繪制橫縱坐標(biāo)軸,把兩個(gè)對(duì)關(guān)鍵競(jìng)爭(zhēng)要素作為橫坐標(biāo)和縱坐標(biāo)填入。
(3)針對(duì)競(jìng)品關(guān)鍵競(jìng)爭(zhēng)要素的表現(xiàn),把競(jìng)品放到4個(gè)象限的對(duì)應(yīng)位置。并思考自身產(chǎn)品在4個(gè)象限中的位置。4個(gè)象限的空白區(qū)域可能存在機(jī)會(huì),而4個(gè)象限中競(jìng)品較多的區(qū)域,用戶群可能更廣泛,也意味同類公司更多。
優(yōu)點(diǎn):矩陣分析法的優(yōu)點(diǎn)在于聚焦于關(guān)鍵的兩個(gè)要素,可以直觀的表現(xiàn)出用戶對(duì)自身產(chǎn)品和競(jìng)品在關(guān)鍵要素方面的認(rèn)知。
缺點(diǎn):矩陣分析法的缺點(diǎn)是只能從兩個(gè)要素進(jìn)行分析。如果要分析多個(gè)因素,可以使用雷達(dá)圖分析法。
雷達(dá)圖分析法本身是對(duì)企業(yè)經(jīng)營(yíng)情況進(jìn)行系統(tǒng)分析的一種有效方法。我們可以將它運(yùn)用到互聯(lián)網(wǎng)產(chǎn)品用戶體驗(yàn)分析上,用圖示化的方式對(duì)競(jìng)品多個(gè)維度的優(yōu)勢(shì)、劣勢(shì)作出直觀的展示。下圖為對(duì)母嬰類產(chǎn)品拍大肚照上傳功能進(jìn)行的雷達(dá)圖分析:
適用條件:
分析競(jìng)品多個(gè)維度的優(yōu)勢(shì)、劣勢(shì)(一般選6個(gè)維度分析)。
操作步驟:
(1)定義分析維度
定義分析維度主要是確認(rèn)從哪幾個(gè)角度分析具體功能,如選擇可用性、防錯(cuò)設(shè)計(jì)、易懂、一致性等。分析維度的選取也可以參考尼爾森的十大可用性原則,具體選取什么維度應(yīng)根據(jù)分析的功能來定。
(2)對(duì)競(jìng)品的每個(gè)維度進(jìn)行打分
定義好分析的維度后,我們依次對(duì)競(jìng)品的每個(gè)維度的表現(xiàn)情況進(jìn)行打分評(píng)估,每個(gè)維度滿分為100分。
優(yōu)點(diǎn):雷達(dá)圖分析法的優(yōu)點(diǎn)是相對(duì)直觀、可以分析多個(gè)維度的優(yōu)勢(shì),劣勢(shì)。
缺點(diǎn):雷達(dá)圖包含多個(gè)維度,每個(gè)維度的滿分和量級(jí)指標(biāo)是不一樣的。需要分析者心中對(duì)每一個(gè)維度的滿分有個(gè)大致預(yù)期。如流暢度怎么樣算90分,怎么樣算80分?有可能同一個(gè)產(chǎn)品A同學(xué)認(rèn)為流暢度80分,B同學(xué)認(rèn)為流暢度90分,因此分析可能帶有一定的主觀性。
表格法主要是用表格來統(tǒng)計(jì)競(jìng)品功能元素的有無。
適用條件:
1.當(dāng)我們想較為全面的了解一個(gè)功能的概況,或較為宏觀的把握競(jìng)品的現(xiàn)狀,可使用表格法。2.當(dāng)我們思考某個(gè)功能元素是否需要保留,可使用表格法分析競(jìng)品的做法。
操作步驟:
(1)畫出一個(gè)N行M列的表格,首列填入功能元素的具體名稱,首行填入競(jìng)品的具體名稱。
(2)對(duì)每一個(gè)競(jìng)品的具體功能元素進(jìn)行統(tǒng)計(jì),若某元素存在則在表格上對(duì)應(yīng)位置打勾,不存在則空著。
(3)進(jìn)行分析小結(jié)。
如果某一列功能元素所有競(jìng)品都打了勾,則說明該功能元素競(jìng)品都有,是個(gè)普遍元素,優(yōu)先級(jí)可能較高。如果某個(gè)功能元素是某個(gè)競(jìng)品獨(dú)有的,則可能是該競(jìng)品的差異化功能,可能是競(jìng)品的特色。使用該方法時(shí)要注意:即使是其他競(jìng)品都有的功能,自身產(chǎn)品也不一定要有,最終自身產(chǎn)品功能元素如何定,要根據(jù)需求來分析,不可盲目照搬。
優(yōu)點(diǎn):表格法的優(yōu)點(diǎn)在于可以清晰展示功能細(xì)節(jié)的有無。
缺點(diǎn):如果頁(yè)面元素過多會(huì)顯得雜亂,且表格中沒有顯示元素的優(yōu)先級(jí)。
適用條件:當(dāng)產(chǎn)品功能較復(fù)雜,要統(tǒng)計(jì)競(jìng)品功能元素、全面了解競(jìng)品概括,可用該方法。
操作步驟:在表格法的基礎(chǔ)上,將功能點(diǎn)拆解成一級(jí)功能、二級(jí)功能、三級(jí)功能,再進(jìn)行比較分析和總結(jié)。具體形式如下圖:
優(yōu)點(diǎn):可以清晰的展示一級(jí)功能、二級(jí)功能、以及功能的子級(jí)。
缺點(diǎn):如果層級(jí)太多,或者元素太多表格會(huì)比較龐大雜亂。
用戶路徑分析主要是把自己假想成用戶,體驗(yàn)用戶操作某軟件中某功能流程,并記錄過程。如下圖是對(duì)親寶寶拍攝照片用戶路徑分析:
適用條件:適用于要分析某一個(gè)功能的具體交互流程。
操作步驟:
(1)把自己想成小白用戶,給自己布置一個(gè)小任務(wù),并用競(jìng)品軟件操作,完成這個(gè)任務(wù),如完成上傳照片。
(2)操作時(shí)按照:發(fā)現(xiàn)入口—了解功能—操作上傳—跟進(jìn)操作反饋的步驟進(jìn)行。
(3)記錄自己在體驗(yàn)功能時(shí)的感受,如哪一個(gè)步驟覺得疑惑,哪一個(gè)步驟覺得爽。
(4)梳理一下該功能的用戶路徑,看看產(chǎn)品設(shè)置的路徑中有哪些是自己在體驗(yàn)時(shí)主要操作的,它們是不是該功能的主要路徑?哪些是自己體驗(yàn)過程中忽略的,是競(jìng)品有意弱化或者其他,并總結(jié)結(jié)論。
優(yōu)點(diǎn):專注于操作流程中的細(xì)微體驗(yàn),聚焦于發(fā)現(xiàn)體驗(yàn)問題。
缺點(diǎn):自己的操作習(xí)慣不一定完全代表用戶的操作習(xí)慣,帶有一定主觀性。
產(chǎn)品視覺表達(dá)分析指對(duì)競(jìng)品某個(gè)模塊的頁(yè)面表達(dá)元素進(jìn)行拆解分析,并總結(jié)每種表達(dá)方式體現(xiàn)的內(nèi)容優(yōu)先級(jí)和規(guī)律。
適用條件:適用于設(shè)計(jì)師橫向分析某個(gè)功能模塊的表達(dá)方式,及掌握每種表達(dá)方式的適用場(chǎng)景。
操作步驟:
(1)將選擇競(jìng)品具體模塊功能進(jìn)行截圖并對(duì)比。
(2)提取每個(gè)模塊的表達(dá)元素,并在截圖的下方用色塊表達(dá)提取的元素。
(3)總結(jié)共有幾種表達(dá)方式,每種表達(dá)方式的突出對(duì)象是什么、適用條件如何、視覺優(yōu)先級(jí)如何。下圖為母嬰類產(chǎn)品問答功能視覺表達(dá)分析。
優(yōu)點(diǎn):可以聚焦于單模塊的表達(dá)方式分析。
缺點(diǎn):不適用于流程的縱向?qū)Ρ取?
5Why分析法又稱5問法,即看到一個(gè)現(xiàn)象不斷的去問“為什么”來尋找根本原因,以找出解決某個(gè)問題治本對(duì)策的方法。該方法最初由豐田公司提出并在豐田公司廣泛采用。
適用條件:
適用于深挖某個(gè)功能表現(xiàn)背后的根本原因。也適用于幫助我們?cè)谧龈?jìng)品分析時(shí)養(yǎng)成透過現(xiàn)象看本質(zhì)的思維習(xí)慣。
操作步驟:
(1)把握現(xiàn)狀。主要是為了確認(rèn)問題,調(diào)查基本的表現(xiàn)、數(shù)據(jù)情況等。
(2)原因調(diào)查。針對(duì)明確的問題,探究背后原因。找到淺層次的原因后,再問為什么,找更深層次的原因,問5次為什么。原因調(diào)查過程中要注意:一定要以事實(shí)為依據(jù)去探究背后原因,不可主觀臆想。另外,5why分析法也不一定都要問滿5個(gè)為什么,重要的是通過多次提問探究到根本原因。
(3)實(shí)時(shí)措施,糾正問題
(4)吸取教訓(xùn),從源頭上預(yù)防錯(cuò)誤再發(fā)生
5Why分析法用到競(jìng)品分析上,重點(diǎn)是在前2步,即把握問題和原因調(diào)查。我們不一定要完成5Why分析法的所有步驟,但我們要有問“為什么”的意識(shí),不斷的問自己競(jìng)品這么做的目的和原因。
優(yōu)點(diǎn):聚焦現(xiàn)象背后深層原因,利于我們培養(yǎng)透過現(xiàn)象看本質(zhì)的思維。
用戶體驗(yàn)5要素分析指從戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層5個(gè)層級(jí),逐級(jí)的去分析。
適用條件:適用于要全面系統(tǒng)地了解某個(gè)產(chǎn)品時(shí),對(duì)該產(chǎn)品進(jìn)行全局分析。
操作步驟:
可以按照用戶體驗(yàn)要素的5個(gè)層級(jí)從上到下分析,或從下到上分析。每個(gè)層級(jí)的分析可以使用不同的分析方法,在此不贅述。需要注意的是使用該方法分析時(shí)要避免追求大而全,建議站在競(jìng)品分析目的角度,分析時(shí)有一定傾向性。
優(yōu)點(diǎn):分析較全面,對(duì)產(chǎn)品理解會(huì)比較深入。
缺點(diǎn):要真正執(zhí)行并好不容易,需要對(duì)用戶體驗(yàn)的5個(gè)要素有比較深的理解。
以上就是設(shè)計(jì)師常用的競(jìng)品分析方法的解析說明,我們要根據(jù)分析目的靈活選擇方法。各方法的對(duì)比如下圖:
除了對(duì)競(jìng)品進(jìn)行分析,我們還要關(guān)注競(jìng)品的用戶反饋,了解競(jìng)品用戶在使用產(chǎn)品過程中遇到的問題,了解用戶覺得競(jìng)品好在哪里。要對(duì)競(jìng)品的問題進(jìn)行規(guī)避,對(duì)好的使用體驗(yàn)進(jìn)行分析并學(xué)習(xí)借鑒。
可以通過網(wǎng)站 https://appbot.co/ 查找App store上的用戶反饋。如下圖為親寶寶產(chǎn)品的用戶反饋:
不論使用哪一種分析方法,分析完之后都應(yīng)輸出分析小結(jié)。在所有分析結(jié)束之后,還要輸出整體的分析結(jié)論。結(jié)論可以由定性或者定量分析得出,可以既包含客觀分析的結(jié)論又包含主觀分析的結(jié)論。
客觀分析的結(jié)論如行業(yè)市場(chǎng)布局情況、競(jìng)品數(shù)據(jù)情況、界面操作反饋、產(chǎn)品包含的功能點(diǎn)(普遍功能、特色功能、實(shí)現(xiàn)程度如何)等。主觀分析的結(jié)論如競(jìng)品的可用性、易用性、操作體驗(yàn)等。
競(jìng)品分析是通過分析競(jìng)品,得出要解決的問題的結(jié)論過程。所以,了解自身產(chǎn)品當(dāng)前處在哪個(gè)階段,有什么問題相當(dāng)重要。通過當(dāng)前問題推導(dǎo)競(jìng)品分析目標(biāo),再跟進(jìn)競(jìng)品分析目標(biāo)靈活運(yùn)用分析方法。競(jìng)品分析方法可以有很多,但確認(rèn)好分析目標(biāo)才是關(guān)鍵。
參考文獻(xiàn):
《有效競(jìng)品分析:好產(chǎn)品必備的競(jìng)品分析方法論》——作者:張?jiān)谕?
《步步為贏 交互設(shè)計(jì)全流程解析》——作者:董尚昊
《電商類APP:商品卡片競(jìng)品分析》——作者:白鷺漫談
轉(zhuǎn)自:站酷
藍(lán)藍(lán)設(shè)計(jì)( www.kadanni.com.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
擬物圖標(biāo)臨摹練習(xí)
轉(zhuǎn)自:站酷
藍(lán)藍(lán)設(shè)計(jì)( www.kadanni.com.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
過去與未來,皆是同一片星空
轉(zhuǎn)自:站酷
藍(lán)藍(lán)設(shè)計(jì)( www.kadanni.com.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
2021年如何做好作品集
今天分享的這篇文章非常長(zhǎng),我寫了1個(gè)星期。內(nèi)容比較多,慢慢看。2020年馬上結(jié)束了,今年的環(huán)境真的變化太快了,設(shè)計(jì)師們也習(xí)慣了就業(yè)環(huán)境的殘酷。曾幾何時(shí)UI設(shè)計(jì)師是一個(gè)非常高大上的名詞,但現(xiàn)在UI設(shè)計(jì)師意味著難就業(yè),工作難找。因?yàn)閁I設(shè)計(jì)師是依附于產(chǎn)品設(shè)計(jì)的一個(gè)崗位,當(dāng)經(jīng)濟(jì)上行,大多數(shù)公司急需人員開展項(xiàng)目,所以會(huì)放寬各種要求。盡快完成項(xiàng)目。
所以培訓(xùn)幾個(gè)月,就上崗拿月薪上萬的人大有人在。但是目前經(jīng)濟(jì)情況大家都知道了,所以很多公司開源節(jié)流,招聘需求盡可能的減少。有招聘崗位那也是萬里挑一。所以面試不僅僅是作品,還需要看你的學(xué)歷,看你的工作背景,你曾經(jīng)做過的項(xiàng)目。設(shè)計(jì)師已經(jīng)成為名副其實(shí)的競(jìng)爭(zhēng)最激烈崗位了。你的學(xué)歷,你曾經(jīng)工作過的公司,這些是無法改變的過去式了,唯一還可以去改變的就是作品集了。那么2021年,我們的作品集到底該如何去做了?
作品匹配個(gè)人經(jīng)歷
設(shè)計(jì)師的作品集是個(gè)人能力的體現(xiàn),所以一些想走捷徑的人盜用一些其他人的作品,然后填充進(jìn)自己的作品集,因?yàn)橛X得作品越多越好。一個(gè)有經(jīng)驗(yàn)的面試官可以通過你的作品內(nèi)容的水平是否平均,來判斷你的作品是否真實(shí)。比如我見過很多字體設(shè)計(jì)非常一般的作品,但是到了專題突然標(biāo)題設(shè)計(jì)非常的復(fù)雜,這就明顯會(huì)讓人覺得不真實(shí)。
作品集的作品內(nèi)容盡量去匹配你的個(gè)人工作經(jīng)歷,比如你的上家工作是醫(yī)療行業(yè),但是了你的作品集內(nèi)容完全看不到。這樣別人會(huì)懷疑你的工作經(jīng)歷的真實(shí)性。有時(shí)候我也會(huì)收到一些作品,讓我看看是不是竹筍同學(xué)的作品。我也看到不少次一些作品集里放著京東或者網(wǎng)易的大廠作品,但是簡(jiǎn)歷是完全看不到的。別人會(huì)對(duì)你進(jìn)行背調(diào),設(shè)計(jì)師現(xiàn)在有大量的渠道互通,背景去了解后,如果作假那么就會(huì)被拉黑的。
刪除小練習(xí)
有追求的設(shè)計(jì)師,都會(huì)在工作之外去學(xué)習(xí)一些技能去提高自己的專業(yè)能力。這些能力可能不會(huì)馬上去應(yīng)用在工作里。比如一些插畫,一些字體設(shè)計(jì),或者C4D。但學(xué)習(xí)肯定是從基礎(chǔ)簡(jiǎn)單開始,然后到技法復(fù)雜的作品。一些設(shè)計(jì)師舍不得小練習(xí),覺得這也是我的作品,我要放到作品集里,但這些零散的基礎(chǔ)的小練習(xí),并不能給你的作品明顯加分,反而會(huì)減分。對(duì)于這些練習(xí)的作品,如果技法難度不足,就不要放了。如果需要放也要考慮放在哪里,如何去用。比如一張插畫,單獨(dú)放在作品集里,會(huì)覺得非常的零散。如果做系列插畫,做為APP設(shè)計(jì)的啟動(dòng)頁(yè)去展示,就會(huì)豐富飽滿許多。
應(yīng)屆生的作品
設(shè)計(jì)競(jìng)爭(zhēng)非常激烈,很多大三大四的學(xué)生就有意識(shí)很早的開始學(xué)習(xí)了,為了尋求一份好的實(shí)習(xí)工作。首先弄明白為什么一些公司招收實(shí)習(xí)生,因?yàn)槟闶菨摿?。更看中的是你的設(shè)計(jì)潛力。所以你學(xué)校的作品?;蛘吣阃ㄟ^插畫字體設(shè)計(jì),這些基本功判斷你是否具備相應(yīng)的潛力。但是現(xiàn)在有一個(gè)非常不好的現(xiàn)象,就是在作品集大量充斥著各種高深的產(chǎn)品分析和理論講述。這個(gè)現(xiàn)象集中在UI 設(shè)計(jì)中最普遍。
學(xué)生是沒有任何真實(shí)項(xiàng)目經(jīng)驗(yàn)的,有也是在項(xiàng)目中擔(dān)任輔助角色,所以各種用戶畫像,產(chǎn)品背景分析其實(shí)是非常懸浮在空中的,沒有真實(shí)參與過任何商業(yè)設(shè)計(jì),或者一天生意也沒有做過,卻模仿社招工作多年的設(shè)計(jì)師,去講述各種理論數(shù)據(jù)分析。其實(shí)在面試官看來是非??尚Φ?。當(dāng)然純交互或者用戶體驗(yàn)的應(yīng)屆生。確實(shí)應(yīng)該多做這方面練習(xí)。但畢竟這樣的崗位稀少。而且不符合大量實(shí)習(xí)招聘職位的需求。
大廠作品集
現(xiàn)在互聯(lián)網(wǎng)的共享資源是如此豐富,也有很多樂于分享的設(shè)計(jì)師分享自己的作品集,我們能找到各種作品集的參考。我們都能看到各種吸睛的標(biāo)題,例如常見的標(biāo)題就是大廠的設(shè)計(jì)師如何做作品集的,每個(gè)設(shè)計(jì)師都有一個(gè)大廠夢(mèng),我們希望通過模仿大廠設(shè)計(jì)師的作品集,去入職大廠,這樣愿望是美好的,但現(xiàn)實(shí)很殘酷。全國(guó)有幾千萬設(shè)計(jì)師,大多數(shù)設(shè)計(jì)師所在的城市決定了,并沒有這樣的大廠存在。由于大廠的分工非常細(xì)致,每個(gè)設(shè)計(jì)師所分擔(dān)的職責(zé)非常垂直,做UI界面的基本上不會(huì)去做運(yùn)營(yíng)設(shè)計(jì)相關(guān)。而做界面中,又會(huì)花大量時(shí)間研究項(xiàng)目所在的模塊的每個(gè)細(xì)節(jié)點(diǎn)。所以可以每個(gè)小細(xì)節(jié)點(diǎn)去做非常多的理論分析。
大廠作品集里面面最值得看的其實(shí)是項(xiàng)目經(jīng)驗(yàn)的總結(jié),這些偏理論分析的內(nèi)容,其實(shí)對(duì)于很多在二三線城市的設(shè)計(jì)師并沒有很直接的參考意義。試想下做為一個(gè)二三線的城市的老板,他招設(shè)計(jì)師的目的是什么,是不是去解決日常公司里美學(xué)問題,或者去做界面,或者去做專題,或者有時(shí)候公司日常有個(gè)易拉寶海報(bào)啥的也要你去幫忙做下,可能有的設(shè)計(jì)師覺得這不就是美工,多廉價(jià)。但是確實(shí)大多數(shù)公司設(shè)計(jì)師生存狀態(tài)就是如此。所以對(duì)于大多數(shù)設(shè)計(jì)師來說。你的作品集里如果充斥大量純虛擬UI的界面,不管你理論分析寫的多好,可能對(duì)于面試官來看,就是千篇一律,直接翻翻就PASS了。
清晰的結(jié)構(gòu)
作品集是你個(gè)人能力的體現(xiàn),也是你過完項(xiàng)目經(jīng)驗(yàn)的總結(jié)。不管是哪種。都需要細(xì)細(xì)的整理。而不是作品堆砌。常見的作品類型就是APP設(shè)計(jì),專題設(shè)計(jì),Banner設(shè)計(jì),字體設(shè)計(jì)。我們常見的分類是方法是根據(jù)求職崗位進(jìn)行區(qū)分,比如偏UI設(shè)計(jì)的可以整理2到3個(gè)APP設(shè)計(jì)。如果求職方向是純視覺設(shè)計(jì),那么需要整理專題設(shè)計(jì),banner設(shè)計(jì)和一些字體品牌設(shè)計(jì)相關(guān)內(nèi)容。如果是在二三線城市。我建議作品集的內(nèi)容類型還是豐富一些,單一的類型的作品雖然聚焦,但是可能并不適合大多數(shù)人。
文件夾作品
五年前,如果你出去面試找工作,帶一堆文件夾出去,別人會(huì)覺得你這個(gè)設(shè)計(jì)師水平比較差,連總結(jié)都不做。所以我們必須做一份漂亮經(jīng)過整理的作品集。有一次有個(gè)學(xué)生問我UI面試有沒有什么技巧,我說技巧都是輔助,重要還是作品。我建議學(xué)生整理好作品集的同時(shí),另外把作品以文件夾形式一個(gè)個(gè)項(xiàng)目整理好,因?yàn)檫@樣別人會(huì)通過查看你的作品明細(xì),可以對(duì)你的個(gè)人水平有更深入的認(rèn)識(shí)。
為什么會(huì)這樣了?因?yàn)槿ψ永镉幸恍┎缓玫默F(xiàn)象。就是有很多抄襲搬運(yùn)現(xiàn)象。甚至某寶上還有賣作品集的。這些現(xiàn)象尤其以插畫和APP作品為甚。十幾個(gè)拼湊的界面,五六頁(yè)的展示一個(gè)APP的項(xiàng)目。所以很多面試官對(duì)面試者水平產(chǎn)生各種懷疑?,F(xiàn)在出去面試必然會(huì)做測(cè)試題。因?yàn)槊嬖嚬儆袝r(shí)候也無從判斷,只能通過這種最簡(jiǎn)單粗暴但不友好的方式去看面試者水平。
設(shè)計(jì)思維的展示
作品集內(nèi)的內(nèi)容一定要想辦法走差異化路線。不管是UI類型的作品集,還是視覺類型的作品集,都不要千篇一律。比如一張插畫的展示,不要只放置一個(gè)作品圖片,,可以多展示一些設(shè)計(jì)思維,從頭腦風(fēng)暴的國(guó)潮,靈感的來源,價(jià)值的呈現(xiàn)多維度的去展示作品。
UI作品集的內(nèi)容
作品集內(nèi)放什么作品,這是設(shè)計(jì)師第一個(gè)需要明確的,我的下一份工作是做什么。如果是純UI界面崗位,作品集呈現(xiàn)以純Ui界面為主。并不需要加入太多純視覺設(shè)計(jì)的內(nèi)容。當(dāng)然這樣的的做法,面試機(jī)會(huì)非常少,有一定賭的成分。首先作品集里呈現(xiàn)的UI項(xiàng)目需要和你的工作經(jīng)歷匹配,這些項(xiàng)目的展示是你真實(shí)經(jīng)歷過的,如果你想靠純虛擬的項(xiàng)目在大廠去某得一份純UI工作,基本上的概率和中彩票差不多。
因?yàn)槭袌?chǎng)上太多存量的大廠設(shè)計(jì)師也等著去跳槽,他們有著豐富的項(xiàng)目經(jīng)驗(yàn)和表達(dá)話術(shù),這點(diǎn)你是無法比擬的。純UI界面的作品集,如果有幸進(jìn)入面試環(huán)節(jié),在實(shí)際面試時(shí)候,對(duì)于項(xiàng)目的具體細(xì)節(jié),你并不能講的非常明白透徹,可能就沒有機(jī)會(huì)了。因?yàn)榇髲S設(shè)計(jì)師每天專注具體的項(xiàng)目具體的模塊,可以每個(gè)小細(xì)節(jié)講的很清楚,再加上出名的項(xiàng)目支撐,面試官也會(huì)高看一眼不是嘛?所以純UI界面的作品集在實(shí)際的找工作中,非常吃虧。大廠的面試官看不上,覺得你寫的那套理論非常的空洞模板化。中小廠覺得你作品缺乏綜合視覺能力,能力太單一。
運(yùn)營(yíng)作品集的內(nèi)容
如果是純運(yùn)營(yíng)視覺的作品集,以運(yùn)營(yíng)專題設(shè)計(jì)為主,這類設(shè)計(jì)師可能也具備做UI的能力,那么很多運(yùn)營(yíng)設(shè)計(jì)師最糾結(jié)的是,我要不要去放界面的內(nèi)容。那就根據(jù)你找工作的方向來定,如果你找純視覺運(yùn)營(yíng)的方向,可以不放界面作品集,因?yàn)槟愕墓ぷ鲀?nèi)容并沒有這個(gè),放上去顯得并不專業(yè),或者有點(diǎn)畫蛇添足。
也有人糾結(jié)我是不是應(yīng)該找一些各種數(shù)據(jù)理論來支撐一下,不要讓人覺得我是一個(gè)純畫圖的。我的建議是,如果去大廠,當(dāng)然要。你需要多在作品集里體現(xiàn)運(yùn)營(yíng)的體系思維。比如各種運(yùn)營(yíng)組件的整理,各種品牌營(yíng)銷的視覺設(shè)定。這些才是大廠設(shè)計(jì)師具備的素質(zhì),如果你只是滿足作品集里加入各種漂亮的專題和Banner設(shè)計(jì),你會(huì)發(fā)現(xiàn)你好像在找一個(gè)類似美工的工作。因?yàn)槟愕淖髌芳矬w現(xiàn)的只是一個(gè)執(zhí)行思維,并沒有營(yíng)銷驅(qū)動(dòng)的體系思維。
UI+視覺作品集的內(nèi)容
這個(gè)方向,其實(shí)我建議大多數(shù)人的方向,因?yàn)?0%以上的設(shè)計(jì)師,其實(shí)就業(yè)都在中小型公司,日常需要解決公司里各種美學(xué)問題,不管你是做UI,還是日常的運(yùn)營(yíng)視覺,甚至一些線下的平面設(shè)計(jì)。所以公司需要的是你的作品集呈現(xiàn)你具有綜合視覺能力。我的建議是是各種類型作品都要放的,當(dāng)然這類作品集最大的問題是雜而不精,數(shù)量很多,單個(gè)作品沒有出彩的。所以如果你走這個(gè)綜合性路線。必須讓你的作品集看到出彩點(diǎn)。
下面我們來具體講講UI作品集應(yīng)該怎么做?
作品集的內(nèi)容
UI設(shè)計(jì)師的主要工作以界面為主,大型互聯(lián)網(wǎng)公司的UI設(shè)計(jì)師專注于界面設(shè)計(jì),而中小型公司更加偏綜合,界面和視覺設(shè)計(jì)都要兼顧。到底在作品集里放多少APP?首先不是你放置APP數(shù)量越多越好,如果你的公司只專注一個(gè)APP,那么你可以就放一個(gè),但是你需要通過大量篇幅去把這個(gè)APP的每個(gè)細(xì)節(jié)介紹清楚。不用五到六頁(yè)蜻蜓點(diǎn)水的介紹。這樣對(duì)你的作品集篩選沒有任何的幫助。
模板化的話術(shù)
曾經(jīng)UI界面設(shè)計(jì)很純粹就是考慮如何設(shè)計(jì)一個(gè)舒服的界面,讓用戶用的舒服,所以用戶體驗(yàn)為中心這個(gè)詞提出的頻率非常高,但現(xiàn)在發(fā)現(xiàn)好像沒人提這個(gè)詞了,設(shè)計(jì)并賦予了更多的職能。必須談商業(yè),必須談轉(zhuǎn)化率,有人說這是UI設(shè)計(jì)是商業(yè)設(shè)計(jì)一環(huán),所以必須更多的談商業(yè),所以你會(huì)發(fā)現(xiàn)現(xiàn)在周圍的UI設(shè)計(jì)更多的談設(shè)計(jì)賦能,用戶增長(zhǎng),營(yíng)銷架構(gòu),商業(yè)戰(zhàn)略,宏觀視野這些詞匯。感覺設(shè)計(jì)師背負(fù)了這么重的使命,快成CEO了。
這些話術(shù)是不是很熟悉,你好像在每個(gè)作品集里都可以看到。你要是很純粹的談一些微觀的界面流程優(yōu)化,感覺你的格局太小了。大廠設(shè)計(jì)師特別喜歡引導(dǎo)這樣的潮流,因?yàn)槲覀儾⒉磺宄@里面很具體是怎么樣的。比如你會(huì)在每個(gè)作品集里都看到千篇一律的KANO模型話術(shù)。這是一個(gè)產(chǎn)品經(jīng)理應(yīng)該去考慮的事情,設(shè)計(jì)師應(yīng)該有產(chǎn)品思維也非常對(duì)的。但是當(dāng)一個(gè)作品集每個(gè)人都寫一樣的KANO模型和用戶體驗(yàn)地圖話術(shù)的時(shí)候,這個(gè)事情就不正常了。因?yàn)椴]有仔細(xì)深究,只是粘貼復(fù)制而已。
所以我們更多的是邯鄲學(xué)步,明明你是一個(gè)剛畢業(yè)的學(xué)生,也學(xué)著務(wù)虛的商業(yè)格局,這樣是非常不嚴(yán)肅的,所以目前大量的UI作品集里充斥著這些模板化的話術(shù),是非常耽誤人的。我的建議作品集里少去談這些非常宏觀空洞的話術(shù),作為普通設(shè)計(jì)師,多去關(guān)注一些UI設(shè)計(jì)交互體驗(yàn)細(xì)節(jié)。
數(shù)據(jù)分析
現(xiàn)在APP的界面講究數(shù)據(jù),你的APP下載量是多少,用戶多少,月活日活是多少。如果是改版的項(xiàng)目,通過你的改版取得了什么數(shù)據(jù)的增長(zhǎng)。其實(shí)這些確實(shí)是商業(yè)設(shè)計(jì)關(guān)注的點(diǎn)。一些設(shè)計(jì)師如果如果不關(guān)注這些,去描述自己的項(xiàng)目的時(shí)候就容易底氣不足,如果是虛擬項(xiàng)目,那更是啞口無言。其實(shí)這些并不是衡量你UI設(shè)計(jì)的唯一標(biāo)準(zhǔn)。對(duì)于大廠設(shè)計(jì)師提供的各種數(shù)據(jù),也不要迷信。其實(shí)UI設(shè)計(jì)只是整個(gè)研發(fā)流程的一環(huán),一個(gè)改版的數(shù)據(jù),可能是多種因素促成的。有很多已知未知的數(shù)據(jù),設(shè)計(jì)師并不能完整的看到。所以了如果你是一個(gè)在職設(shè)計(jì)師,請(qǐng)多種渠道去關(guān)注你的設(shè)計(jì)數(shù)據(jù)。所以你是一個(gè)初學(xué)者或者只是參與某個(gè)模塊的設(shè)計(jì),可以坦誠(chéng)的面對(duì)。不要試圖編造一些無法驗(yàn)證的數(shù)據(jù)蒙混過關(guān)。
樣機(jī)使用
UI作品集里我是不建議使用任何樣機(jī)的。在五六年前如果用還是可以的,可以作為一個(gè)視覺展示的亮點(diǎn),現(xiàn)在作品集里還放這些,基本上作品集會(huì)被扔,因?yàn)閯e人覺得這是初學(xué)者。當(dāng)然還有一種情況,就是本身界面細(xì)節(jié)不足,想通過樣機(jī),把界面圖縮小,通過這樣取巧的辦法去蒙混過關(guān)。這樣在面試官那里也是很難通過的。我更建議UI界面用大圖展示,配以平實(shí)的排版,文字描述清楚你要講的點(diǎn)。UI的界面展示,能讓面試官看清楚你表達(dá)的內(nèi)容。而不是用眼花繚亂的視覺手段去掩飾界面思考的不足。比如下面的某設(shè)計(jì)師設(shè)計(jì)的排版,沒有任何花哨排版,就是樸實(shí)的展示界面細(xì)節(jié)。我覺得這樣看似沒有設(shè)計(jì)的排版其實(shí)是最佳的展現(xiàn)形式。
品牌設(shè)計(jì)
不同公司對(duì)于品牌設(shè)計(jì)的定義不一樣。比如一些大型公司品牌設(shè)計(jì)是平面設(shè)計(jì)范疇下的,負(fù)責(zé)各種線上線下的各種品牌視覺,具體的比如我要做一次活動(dòng),我需要輸出一整套設(shè)計(jì)方案,這個(gè)方案供各種印刷或者線上界面使用。這是一些大型互聯(lián)網(wǎng)公司品牌設(shè)計(jì)需要做的
那么對(duì)于很多普通中小型公司的UI設(shè)計(jì)師,顯然沒有這么高的品牌要求,不會(huì)單獨(dú)招聘一個(gè)品牌設(shè)計(jì)師,所以這部分工作你可能也要承擔(dān)起來。同時(shí)作品集中UI部分顯然也需要去考慮一些品牌視覺的輸出。比如繪制一些IP形象在界面中貫穿。
并對(duì)這些形象進(jìn)行視覺延伸,比如界面中的圖標(biāo),界面中的彈窗,界面中的缺省數(shù)據(jù)頁(yè),都可以運(yùn)用IP形象進(jìn)行穿插。在IP形象冗余界面中,做的比較好的是閑魚APP
運(yùn)營(yíng)設(shè)計(jì)
很多UI設(shè)計(jì)師有這樣一個(gè)鄙視鏈,沉迷于各種產(chǎn)品分析,覺得做運(yùn)營(yíng)設(shè)計(jì)是非常廉價(jià)的,這樣的想法有歷史原因,當(dāng)然最直接的原因是運(yùn)營(yíng)設(shè)計(jì)的薪資天花板比UI設(shè)計(jì)要低。在大廠里UI設(shè)計(jì)專注于界面設(shè)計(jì)的某個(gè)模塊,一個(gè)APP其實(shí)由一組人完成,每個(gè)人負(fù)責(zé)具體的模塊,所以研究的非常精細(xì)。但同時(shí)局限性其實(shí)也非常大。對(duì)于很多設(shè)計(jì)師來說。不要完全把自己的專業(yè)局限在純界面上,日常工作也會(huì)涉及到非常多的視覺運(yùn)營(yíng)設(shè)計(jì)。比如一張漂亮的啟動(dòng)頁(yè),一個(gè)充滿營(yíng)銷味道的彈窗,這些都應(yīng)該是設(shè)計(jì)師不可以丟下的基本功。
插畫設(shè)計(jì)
這幾年插畫設(shè)計(jì)非常的流行,很多UI設(shè)計(jì)師也覺得這是一個(gè)必備的技能去學(xué)習(xí),那么作品集放一些插畫作品會(huì)不會(huì)給你加分了?首先我們招聘設(shè)計(jì)師是來解決工作中的各種問題,那么一個(gè)做界面設(shè)計(jì)師需要的實(shí)際應(yīng)用能力。插畫也有非常多的風(fēng)格,常見的兒插風(fēng)格,厚重的手繪CG風(fēng)格,漫畫涂鴉風(fēng)格,扁平線性風(fēng)格等等,并不是所有的風(fēng)格都可以應(yīng)用在界面設(shè)計(jì)中的。如果你只是做為業(yè)余愛好來學(xué)習(xí)。你可以任意選擇風(fēng)格去學(xué)習(xí)。而作品集里放置一些零散的小插畫,除了讓面試官知道你會(huì)繪畫外,并不能有明顯的加分,反而這些小練習(xí)給人感覺非常零散,不專業(yè)的感覺。所以如果你想去學(xué)習(xí)插畫,請(qǐng)?jiān)诮缑嬷谐尸F(xiàn)插畫與設(shè)計(jì)結(jié)合的應(yīng)用。比如啟動(dòng)頁(yè),banner設(shè)計(jì),專題的頭圖等等。
C4D設(shè)計(jì)
C4D也是一個(gè)熱門的方向,這個(gè)可以運(yùn)用在非常多的運(yùn)營(yíng)設(shè)計(jì)中,但是首先明確C4D不是那么容易學(xué)好的,入門非常容易,但是想精深需要花太多太多時(shí)間精進(jìn)學(xué)習(xí)的。我看過非常的設(shè)計(jì)師作品集里放置了非常初級(jí)的燈管字之類的小練習(xí),這些都是學(xué)習(xí)了幾個(gè)月的成果,然后發(fā)現(xiàn)工作中用不到,然后也沒有再去深入去研究了。就半途而廢了。那么你會(huì)發(fā)現(xiàn)作品集里放這些小練習(xí),還不如不放,這樣會(huì)更加暴露你的專業(yè)不足的缺陷。下面是我一個(gè)設(shè)計(jì)師
今天就講到這里,我們將繼續(xù)更新下一篇《如何設(shè)計(jì)運(yùn)營(yíng)作品集》,
我已經(jīng)寫好了,讓我再精加工下,當(dāng)然也可以關(guān)注我的
設(shè)計(jì)公眾號(hào)《聊設(shè)計(jì)》liaosheji2010,第一時(shí)間觀看到我的更新。
轉(zhuǎn)自:站酷
藍(lán)藍(lán)設(shè)計(jì)( www.kadanni.com.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
2020新冠疫情大爆發(fā),生命在病毒面前不堪一擊;一份保險(xiǎn)不是為了愉悅而是安心;今年為健康服務(wù)。
轉(zhuǎn)自:站酷
藍(lán)藍(lán)設(shè)計(jì)( www.kadanni.com.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.kadanni.com.cn