六月伊人,国产精品制服丝袜欧美,亚洲va在线∨a天堂va欧美va,精品亚洲一区二区三区在线观看国产老熟女色视频,国产熟女九色,国产又粗又大,久久人人网国产精品

設(shè)計(jì)師拿到開(kāi)發(fā)剛寫(xiě)好的頁(yè)面時(shí)，往往會(huì)眉頭一皺，這跟自己的設(shè)計(jì)稿差別有點(diǎn)大啊。在設(shè)計(jì)走查的時(shí)候才發(fā)現(xiàn)，幾乎每個(gè)頁(yè)面都有大大小小的問(wèn)題。從顏色樣式到按鈕組件、從元素尺寸到界面布局，都多多少少存在偏差。開(kāi)發(fā)一般情況都是在完成功能開(kāi)發(fā)后，才對(duì)頁(yè)面視覺(jué)進(jìn)行統(tǒng)一優(yōu)化，但是無(wú)奈需要優(yōu)化的地方太多太分散，成倍地增加了工作量。

那么能否制定一套協(xié)作方案，把固定的、通用的和可復(fù)用的元素或組件封裝起來(lái)，運(yùn)用在項(xiàng)目初期設(shè)計(jì)和開(kāi)發(fā)的工作流程中。從而統(tǒng)一地把控設(shè)計(jì)項(xiàng)目中的所有可變?cè)兀奖阍O(shè)計(jì)師和開(kāi)發(fā)在項(xiàng)目中后期做各種改動(dòng)，同時(shí)也利于項(xiàng)目的迭代升級(jí)呢？

這里我做了以下思考，歡迎大家一起來(lái)交流探討。

/目錄

一、寫(xiě)在前面

二、控件封裝

三、布局規(guī)范

四、標(biāo)注語(yǔ)言

五、總結(jié)

一、寫(xiě)在前面

UI設(shè)計(jì)要有組件化、模塊化、結(jié)構(gòu)化的思維。以各平臺(tái)設(shè)計(jì)規(guī)范為基礎(chǔ)，從控件封裝、布局規(guī)范和標(biāo)注語(yǔ)言三個(gè)方面，構(gòu)建一套設(shè)計(jì)師和開(kāi)發(fā)之間的共同語(yǔ)言。

/文字&文本

在封裝前我們先定義一下設(shè)計(jì)中最常用到的元素——文字。文字在UI界面中幾乎撐起了絕大部分內(nèi)容，它的功能包括但不限于標(biāo)題導(dǎo)航、內(nèi)容構(gòu)建、說(shuō)明解釋、標(biāo)簽示意等等。把文字跟圖標(biāo)、背景等元素組合起來(lái)的時(shí)候，在界面中形成了更明確的意符。

（一）換行規(guī)則

文字在界面中的顯示方式可分為標(biāo)簽、短文本、長(zhǎng)文本三種。標(biāo)簽和短文本一般情況下不換行顯示、如在特殊情況下會(huì)超過(guò)一行，則使用省略號(hào)顯示。長(zhǎng)文本特指會(huì)換行顯示的文本。

（二）行高設(shè)定

各系統(tǒng)平臺(tái)都有自己默認(rèn)的字體行高規(guī)則，但是這些行高規(guī)則并不統(tǒng)一，比如iOS的字體行高對(duì)照表如下：

來(lái)源見(jiàn)水印

而且默認(rèn)的行高在展示長(zhǎng)文本（多行顯示）時(shí)，效果并不一定理想，甚至可能會(huì)很丑陋。所以我們需要制定統(tǒng)一的標(biāo)準(zhǔn)來(lái)規(guī)范各平臺(tái)的字體設(shè)計(jì)和開(kāi)發(fā)規(guī)則。

解決方案：對(duì)于標(biāo)簽和短文本默認(rèn)設(shè)定1倍行高，長(zhǎng)文本根據(jù)文本內(nèi)容和字號(hào)大小來(lái)設(shè)定行高，以達(dá)到最佳閱讀效果。

行高設(shè)定

（三）視覺(jué)間距

規(guī)范短文本行高，確保視覺(jué)間距等于實(shí)際標(biāo)注間距，才能保證開(kāi)發(fā)準(zhǔn)確還原界面布局。

視覺(jué)間距示意圖

/特殊情況

有些控件的文本長(zhǎng)度在少數(shù)特殊情況下會(huì)換行顯示，為了簡(jiǎn)化適配過(guò)程，我們可以直接使用長(zhǎng)文本來(lái)設(shè)計(jì)。

（一）Toast

（二）橫幅

/圖標(biāo)&切圖

圖標(biāo)在某些場(chǎng)景下可以無(wú)需文字說(shuō)明，更直觀簡(jiǎn)潔地表達(dá)含義。設(shè)計(jì)同一類(lèi)圖標(biāo)時(shí)應(yīng)該保持視覺(jué)效果統(tǒng)一，視覺(jué)尺寸可以通過(guò)使用模板來(lái)進(jìn)行規(guī)范。

圖標(biāo)設(shè)計(jì)模版

為了保證同一組圖標(biāo)的影響范圍相同，我們?cè)谠O(shè)計(jì)圖標(biāo)時(shí)首先設(shè)定視覺(jué)安全區(qū)域，然后加入透明度為1%的背景作為影響范圍圖層。切圖時(shí)需把影響范圍圖層包含進(jìn)去，不僅便于設(shè)計(jì)師規(guī)范所有圖標(biāo)的尺寸大小，也方便開(kāi)發(fā)直觀獲取到圖標(biāo)的實(shí)際切圖大小。

圖標(biāo)設(shè)計(jì)示例

二、控件封裝

利用組件化的思維，將可重復(fù)利用的元素或者控件打包成固定的模版，稱之為封裝。

這里設(shè)計(jì)師可以使用Sketch的文字、圖層、組件封裝功能，構(gòu)建可協(xié)作、方便維護(hù)、完整的控件庫(kù)。程序員在構(gòu)建項(xiàng)目框架時(shí)，也應(yīng)對(duì)每一個(gè)元素進(jìn)行可復(fù)用性封裝。

（一）封裝基礎(chǔ)顏色

基礎(chǔ)顏色有主色、輔色、強(qiáng)調(diào)色、中性色（灰色）、功能色（成功、失敗、警告、不可點(diǎn)）等。

在sketch中，新建一個(gè)圖層，設(shè)定好圖層樣式，點(diǎn)擊新建圖層樣式完成封裝。封裝樣式按固定格式“類(lèi)別/編號(hào)+顏色”來(lái)命名，其中“/”可以自動(dòng)識(shí)別為列表層級(jí)。

顏色封裝

（二）封裝常用字體

每個(gè)項(xiàng)目都應(yīng)該設(shè)定常用字體庫(kù)，例：導(dǎo)航標(biāo)題、文章標(biāo)題、正文、說(shuō)明、鏈接等等。

在sketch中，新建一個(gè)文本，設(shè)定好文本樣式，點(diǎn)擊新建文本樣式完成封裝。封裝樣式按固定格式“主類(lèi)別/二級(jí)類(lèi)別/顏色”來(lái)命名，其中“/”可以自動(dòng)識(shí)別為列表層級(jí)。

字體封裝

（三）封裝圖標(biāo)

APP項(xiàng)目中的圖標(biāo)大小一般設(shè)定為20px、24px、28px、32px、44px等。

在sketch中，新建圖標(biāo)影響范圍圖層，設(shè)定安全區(qū)域，畫(huà)好圖標(biāo)后點(diǎn)擊新建symbol按鈕。封裝的圖標(biāo)按固定格式“范圍/具體位置/名稱”來(lái)命名，其中“/”可以自動(dòng)識(shí)別為列表層級(jí)。

圖標(biāo)封裝

（四）封裝按鈕

按鈕一般情況下有兩種適配方案，第一種固定邊距，第二種固定尺寸。封裝時(shí)結(jié)合Dynamic Button 3.5插件，可以動(dòng)態(tài)制作同類(lèi)型按鈕。

在sketch中，利用已封裝好的字體和顏色來(lái)組合成按鈕的文本和背景，文本命名格式為“上邊距：右邊距：下邊距：左邊距”，如果上下和左右邊距并分別相同，則只需要給出上邊距和右邊距的數(shù)值。如“10:20”。按鈕背景命名為BG，設(shè)定為已封裝的顏色。執(zhí)行一次“?+J”的操作，關(guān)聯(lián)文字和背景，然后將兩者用symbol封裝。

封裝后取消Dynamic group編組

由于按鈕大小會(huì)根據(jù)內(nèi)容文字長(zhǎng)度而改變，因此需設(shè)定合理的適配規(guī)則。

固定文本左上邊距和高度

固定背景的高度

（五）統(tǒng)一維護(hù)

基礎(chǔ)元素樣式可以放在一個(gè)畫(huà)布上進(jìn)行統(tǒng)一管理。

顏色和字體可以統(tǒng)一管理

三、布局規(guī)范

利用模塊化思維進(jìn)行布局，將由已封裝的組件構(gòu)成的功能區(qū)編組成一個(gè)模塊，模塊可以自由排列組合，增加或刪除。

（一）基本框架

界面布局應(yīng)遵循各平臺(tái)基礎(chǔ)設(shè)計(jì)規(guī)范，iOS和安卓的基本框架不能混用。

安卓&iOS對(duì)比圖

/開(kāi)發(fā)規(guī)范

制作高保真設(shè)計(jì)稿時(shí)我們統(tǒng)一使用iOS設(shè)備的750*1334分辨率，對(duì)應(yīng)Android的720*1280分辨率。無(wú)需新出一套設(shè)計(jì)稿。

iOS和Android設(shè)備在設(shè)計(jì)和開(kāi)發(fā)時(shí)應(yīng)該注意的差異，基于1倍標(biāo)注

/視覺(jué)上

a. iOS狀態(tài)欄20pt，Android狀態(tài)欄25pd

b. iOS導(dǎo)航欄44pt，Android導(dǎo)航欄48pd

c. iOS菜單欄49pt，Android菜單欄48pd

/交互上

a.  Andriod有物理返回按鈕，點(diǎn)擊控制返回上一步操作，而不僅僅返回上一個(gè)頁(yè)面；iOS沒(méi)有實(shí)體返回按鈕，導(dǎo)航欄的back按鈕控制返回應(yīng)用內(nèi)的上一層頁(yè)面。因此在設(shè)計(jì)時(shí)每個(gè)頁(yè)面都應(yīng)該有明確的返回或關(guān)閉按鈕

b. 導(dǎo)航標(biāo)題的位置iOS居中顯示，Android靠左

c. 安卓對(duì)列表操作欄的處理為長(zhǎng)按，iOS為左滑。實(shí)際處理的時(shí)候可以分開(kāi)設(shè)計(jì)，也可以設(shè)計(jì)成統(tǒng)一的操作方式

（三）模塊化布局

模塊化布局對(duì)于設(shè)計(jì)師來(lái)說(shuō)可以使頁(yè)面功能和信息分布清晰明了，對(duì)于開(kāi)發(fā)來(lái)說(shuō)也更利于進(jìn)行頁(yè)面布局。

例一：主界面

例二：內(nèi)容頁(yè)

四、標(biāo)注語(yǔ)言

利用sketch插件導(dǎo)出可自助查看標(biāo)注的html文件，標(biāo)注文件無(wú)需手動(dòng)生成，也不會(huì)對(duì)設(shè)計(jì)稿造成遮擋。但是開(kāi)發(fā)要花更多精力去對(duì)每一個(gè)元素的樣式、間距進(jìn)行點(diǎn)擊查看，相比之前直觀的標(biāo)注，增加了閱讀成本。

為此我們?cè)O(shè)計(jì)一套標(biāo)注方案，可以通過(guò)少量標(biāo)注，提供準(zhǔn)確的多界面適配信息。標(biāo)注規(guī)則是對(duì)由適配不同屏幕造成歧義的地方做針對(duì)性地標(biāo)注說(shuō)明。

（一）固定框架

在設(shè)計(jì)界面時(shí)，首先設(shè)定界面的固定框架結(jié)構(gòu)，如頁(yè)面內(nèi)容區(qū)的安全邊距。

全局界面安全邊距設(shè)定

/模塊外間距設(shè)定

多個(gè)模塊之間的間距設(shè)定

模塊間距設(shè)定，一般情況下可以不做標(biāo)注

/模塊內(nèi)安全區(qū)域

模塊內(nèi)部組件和元素的影響范圍

模塊內(nèi)安全區(qū)域標(biāo)注

（二）基本標(biāo)注類(lèi)型

規(guī)范好界面的布局和模塊的構(gòu)建方式后，針對(duì)模塊或者組件在適配過(guò)程中會(huì)變動(dòng)的部分，或者固定不變的部分，特別標(biāo)注說(shuō)明。其余沒(méi)特別標(biāo)注的部分按照默認(rèn)標(biāo)注尺寸來(lái)布局。

/固定高

固定區(qū)域高度

/固定寬

固定彈出框?qū)挾?/span>

/固定百分比

固定圖形所占頁(yè)面的百分比

/固定邊距

固定邊距

/固定比例（Fixed Ratio）

固定模塊寬高比

/等分分布

等分分布

/范圍內(nèi)居中

在標(biāo)識(shí)的范圍內(nèi)居中分布

（三）標(biāo)注實(shí)例

因此方案尚未落實(shí)到實(shí)際項(xiàng)目中，因此在這里以網(wǎng)易云音樂(lè)為例，按新的標(biāo)注方案進(jìn)行剖析說(shuō)明。

例一

例二

例三

例四

五、總結(jié)

文章內(nèi)容更多偏向指導(dǎo)設(shè)計(jì)師如何規(guī)范設(shè)計(jì)方法，同時(shí)創(chuàng)造了幾種標(biāo)注語(yǔ)言（FR、ED、AC等）。后期組織設(shè)計(jì)和開(kāi)發(fā)同學(xué)一起就此方案進(jìn)行交流討論，給大家普及這種設(shè)計(jì)和標(biāo)注方法，讓設(shè)計(jì)師和開(kāi)發(fā)能夠就組件封裝和標(biāo)注語(yǔ)言的方案達(dá)成共識(shí)，方便后期協(xié)作，提高工作效率。同時(shí)聽(tīng)取多方觀點(diǎn)，對(duì)此文檔進(jìn)行不斷優(yōu)化完善。

一、用戶體驗(yàn)初定義

我們先了解下UX，UX的全稱是 User Experience，翻譯過(guò)來(lái)就是「用戶體驗(yàn)」，從全稱來(lái)看會(huì)發(fā)現(xiàn)其實(shí)也有UE的叫法，但是UX的叫法更加常用。

在國(guó)際標(biāo)準(zhǔn)ISO 9241-210中隊(duì)UX的定義是：

a person's perceptions and responses that result from the use or anticipated use of a product, system or service.

一個(gè)人對(duì)某個(gè)產(chǎn)品或系統(tǒng)或服務(wù)在使用前、使用時(shí)、使用后產(chǎn)生的感受和反響。

這里可以做以下定義，用戶體驗(yàn)即用戶的產(chǎn)品使用『主觀感受』，用戶體驗(yàn)好即用戶感受愉悅。

二、用戶體驗(yàn)專業(yè)設(shè)計(jì)方法論構(gòu)建

需要明確用戶體驗(yàn)設(shè)計(jì)師的專業(yè)技能，就需要先了解用戶體驗(yàn)五要素，其中包括戰(zhàn)略、范圍、結(jié)構(gòu)、框架、表現(xiàn)五個(gè)層面。

用戶體驗(yàn)五要素之能力層解讀 ——將此進(jìn)行拓展說(shuō)明，相應(yīng)的就出現(xiàn)了用戶體驗(yàn)設(shè)計(jì)師需要掌握的一些具體技能。

以上五要素拓展出來(lái)的專業(yè)技能需要設(shè)計(jì)師去進(jìn)行延展和探索，構(gòu)建實(shí)際業(yè)務(wù)工作中的技能體系，培養(yǎng)專業(yè)技能是用戶體驗(yàn)設(shè)計(jì)師進(jìn)階的第一步。

那么除去以上的基礎(chǔ)技能，設(shè)計(jì)師還需要搭建針對(duì)相關(guān)領(lǐng)域的設(shè)計(jì)方法論，以下列舉幾個(gè)B端設(shè)計(jì)的方法論進(jìn)行逐一闡述。

設(shè)計(jì)方法論 | 管理客戶訴求與用戶需求

客戶訴求有很多種，沒(méi)有固定的形式，即可以是單個(gè)人或者幾個(gè)人的特殊意志體現(xiàn)，也可以是一批人的特殊需求。用戶需求是站在用戶的場(chǎng)景中去思考，找出最典型用戶的需求，以此來(lái)支持產(chǎn)品設(shè)計(jì)等。

（1）如果是第一種情況，即少數(shù)人的特殊意志體現(xiàn)，此時(shí)的客戶訴求與用戶需求的關(guān)系很好理解，結(jié)合上面對(duì)于用戶體驗(yàn)五要素的能力層解讀，客戶訴求即產(chǎn)品目標(biāo)，包括『商業(yè)盈利目標(biāo)』與『品牌傳達(dá)』，具體可以提現(xiàn)在廣告運(yùn)營(yíng)設(shè)計(jì)、品牌置入、打單銷(xiāo)售界面展示等。而用戶需求則是上述圖中的用戶研究與人物角色下的場(chǎng)景化普遍需求。

下圖示意：

（2）如果是第二種情況，即此時(shí)的客戶訴求也是一批用戶的需求，這個(gè)時(shí)候用戶需求包括客戶訴求，這種情況下最好的例子就是客戶訴求是產(chǎn)品管理、分析模塊，用戶需求是產(chǎn)品常規(guī)使用模塊。只需求找準(zhǔn)相應(yīng)的場(chǎng)景即可以兩邊都很好的滿足。

下圖示意：

設(shè)計(jì)方法論 | 向?qū)w系的搭建

有一個(gè)很形象的比喻，C端軟件如果是7-11的話，B端軟件就是大型購(gòu)物中心。

每一個(gè)大型的購(gòu)物中心都有自己的『導(dǎo)視系統(tǒng)』，導(dǎo)視系統(tǒng)再關(guān)鍵的時(shí)候指引用戶下一步該怎么走，防止用戶在復(fù)雜的樓層中反復(fù)需找商店，浪費(fèi)時(shí)間或者干脆找不到。

作為復(fù)雜B端系統(tǒng)，也需要有自己的向?qū)w系來(lái)支持用戶使用，其中：

• 『新手向?qū)А?/strong>主要是針對(duì)小白用戶的功能層、內(nèi)容層的初步介紹；

• 『業(yè)務(wù)流程引導(dǎo)』主要是針對(duì)復(fù)雜流程的分步引導(dǎo)，降低使用難度；

• 『異常情況引導(dǎo)』是針對(duì)異常操作的容錯(cuò)機(jī)制，這一步往往需要用反常規(guī)的方式思考用戶習(xí)慣；

• 『復(fù)雜信息說(shuō)明/提示』是對(duì)低頻/專業(yè)元素的穿透解釋；

• 『幫助中心』或者叫問(wèn)答機(jī)器人，就是針對(duì)用戶的問(wèn)題庫(kù)。

在使用以上內(nèi)容時(shí)，需要切記一個(gè)原則：需要的場(chǎng)景，合理的出現(xiàn)

設(shè)計(jì)方法論 | 制定復(fù)雜界面的響應(yīng)規(guī)范

Web設(shè)計(jì)布局中存在靜態(tài)布局、流式布局、自適應(yīng)布局、響應(yīng)式布局、彈性布局；其中響應(yīng)式布局可以保證在任何終端上都能顯示出讓人滿意的效果，所以在復(fù)雜界面的設(shè)計(jì)下普遍采用『響應(yīng)式設(shè)計(jì)』。

響應(yīng)式設(shè)計(jì)一般糅合了靜態(tài)布局+彈性布局+流式布局，再搭載媒體查詢技術(shù)使用（分別為不同的分辨率定義布局）。

在該體系下，使用響應(yīng)的布局規(guī)則需要依據(jù)頁(yè)面元素的屬性與業(yè)務(wù)要求結(jié)合判斷，例如：列數(shù)較多的表格，場(chǎng)景要求每列都需要顯示全，且預(yù)估用戶可接受適當(dāng)范圍的橫向滾動(dòng)，再設(shè)定好部分重要的固定列后，采取靜態(tài)局部的方式來(lái)展示該長(zhǎng)表格。

設(shè)計(jì)方法論 | 卡片式設(shè)計(jì)

在B端場(chǎng)景中，為了增加信息展示的形式，在列表識(shí)設(shè)計(jì)的基礎(chǔ)上，引入了卡片式設(shè)計(jì)。相應(yīng)的，我們需要知道卡片式設(shè)計(jì)有哪些優(yōu)點(diǎn)，才能在合適的場(chǎng)景使用。

卡片式設(shè)計(jì)的創(chuàng)新點(diǎn)主要體現(xiàn)在空間利用上、內(nèi)容突出上、跨終端能力以及視覺(jué)傳達(dá)上，謹(jǐn)記以上點(diǎn)可以指導(dǎo)關(guān)鍵運(yùn)用場(chǎng)景的判斷。

相關(guān)閱讀：從列表式UI中升華探討：卡片式UI有哪些創(chuàng)新點(diǎn)

設(shè)計(jì)方法論 | 用戶意圖管理

通過(guò)『用戶意圖理解』來(lái)完成『產(chǎn)品易用性』的提升，可以最大化機(jī)器能力在人機(jī)交互中的效益。具體操作即在『機(jī)器能力』與『用戶分險(xiǎn)』之間尋求平衡點(diǎn)，設(shè)定體驗(yàn)?zāi)繕?biāo)，以打造產(chǎn)品的智能體驗(yàn)。

相關(guān)閱讀：設(shè)計(jì)方法論 | 如何構(gòu)建產(chǎn)品的智能體驗(yàn)

此外還有『有意義的動(dòng)效設(shè)計(jì)』『頁(yè)面布局方法論』『灰度測(cè)試』『多語(yǔ)言下的字體規(guī)范』等設(shè)計(jì)方法論需要去掌握和了解。

三、全鏈?zhǔn)皆O(shè)計(jì)師能力模型

評(píng)定一個(gè)設(shè)計(jì)師的能力是否優(yōu)秀，除了需要掌握必備的專業(yè)技能外，還需要包括各項(xiàng)達(dá)標(biāo)的通用技能。

專業(yè)技能決定設(shè)計(jì)師可以站的多高，通用技能決定設(shè)計(jì)師可以走的多遠(yuǎn)。

通用技能主要包括溝通能力、協(xié)作能力、項(xiàng)目把控能力、設(shè)計(jì)落地能力、總結(jié)能力、創(chuàng)新能力等。

• 溝通：確定溝通目標(biāo)，提取雙方溝通重點(diǎn)，反推需要收集的信息；

• 協(xié)作：了解對(duì)方工作規(guī)劃側(cè)重點(diǎn)與KPI目標(biāo)，找到規(guī)劃交集；

• 項(xiàng)目把控：時(shí)刻謹(jǐn)記四象限工作法，重要的事情有規(guī)劃分階段輸出；緊急的事情快輸輸出保證進(jìn)度，可后期迭代；

• 設(shè)計(jì)落地：明確設(shè)計(jì)方案帶來(lái)的效益，還需要考慮『用戶需求/場(chǎng)景』與『開(kāi)發(fā)資源』，在業(yè)務(wù)側(cè)得到認(rèn)可，獲得支持，達(dá)成共贏。傳送門(mén)：設(shè)計(jì)師如何更好的展示創(chuàng)新設(shè)計(jì)方案。

• 總結(jié)歸納：對(duì)于項(xiàng)目，學(xué)會(huì)提取核心業(yè)務(wù)邏輯+關(guān)鍵交互細(xì)節(jié)。有一個(gè)小竅門(mén)是，階段性的給自己做的項(xiàng)目提取關(guān)鍵詞，關(guān)鍵詞的提取即是項(xiàng)目的最小單元的總結(jié)。

• 創(chuàng)新：養(yǎng)成跨界研究學(xué)習(xí)的能力，除了多去體驗(yàn)同行業(yè)的產(chǎn)品外，跨界的其他行業(yè)的體驗(yàn)往往會(huì)帶來(lái)新的靈感，因?yàn)轶w驗(yàn)的本質(zhì)是一致的。

通用能力的培養(yǎng)往往是慢慢磨練和積累，循序漸進(jìn)，需要結(jié)合自身性格打造符合自己的能力風(fēng)格。

四、設(shè)計(jì)師工具集

工欲善其事必先利器，稱手的工具可以讓設(shè)計(jì)事半功倍。

1. 戰(zhàn)略層、范圍層

產(chǎn)品前期的階段，更加注重創(chuàng)意的提出或者核心的理念，需要制定設(shè)計(jì)方向。這個(gè)時(shí)候的關(guān)鍵點(diǎn)在于洞察問(wèn)題，包括：目標(biāo)人群、用戶需求、應(yīng)用場(chǎng)景、場(chǎng)景痛點(diǎn)動(dòng)機(jī)、商業(yè)目標(biāo)、機(jī)會(huì)分險(xiǎn)成本等。

該階段的行動(dòng)項(xiàng)需要執(zhí)行頭腦風(fēng)暴、問(wèn)卷調(diào)查、用戶訪談、焦點(diǎn)小組、任務(wù)角色共情圖、故事板等，其中大部分都可以通過(guò)手繪快速推進(jìn)，其中可以結(jié)合便利貼、工具尺等等。

在范圍層還設(shè)計(jì)到的知識(shí)點(diǎn)：心智模型、卡片分類(lèi)、KANO模型、品牌層次理論等。

2. 結(jié)構(gòu)層、框架層、表現(xiàn)層

產(chǎn)品中期的階段，涉及到較多的產(chǎn)出物與知識(shí)點(diǎn)，其中：

1. 思維導(dǎo)圖的工具可以選擇XMind、Mindmanager；OS X系統(tǒng)推薦使用MindNode，希望線上協(xié)作的話可使用Process On。

2. 低保真原型最常使用的即Axure，強(qiáng)烈建議配合典型頁(yè)面庫(kù)、組件庫(kù)、控件庫(kù)使用，快速調(diào)出各項(xiàng)需要的元素可以極大提高原型制作效率。

3. 高保真視覺(jué)設(shè)計(jì)稿里最常規(guī)的就是萬(wàn)能的PS，條件允許的話推薦使用Sketch，這款軟件只能在OS X系統(tǒng)下運(yùn)行，但是確實(shí)越來(lái)越多設(shè)計(jì)的選擇和標(biāo)配。

4. 高還原交互展示可以運(yùn)用的軟件比較多，其中墨刀最常見(jiàn)，希望更精細(xì)化的展示可選擇Principle或者Protopie。

動(dòng)效設(shè)計(jì)主要使用Adobe After Effects，F(xiàn)ramer和Adobe Animate也可以考慮。

設(shè)計(jì)工具多種多樣，選擇合適且大眾的，即又好協(xié)作。

3. 其他：項(xiàng)目管理、歸納、總結(jié)

團(tuán)隊(duì)協(xié)作推薦藍(lán)湖，該軟件下設(shè)計(jì)師可以交付設(shè)計(jì)稿，產(chǎn)品經(jīng)理清晰表達(dá)需求和邏輯，工程師查看標(biāo)注與自動(dòng)生成代碼，輕松上手，協(xié)作。其他可選擇Teambition、Worktile等。

結(jié)語(yǔ)

本章主要介紹了用戶體驗(yàn)設(shè)計(jì)師的整體能力框架，旨在幫助大家更加系統(tǒng)和分階段地學(xué)習(xí)用戶體驗(yàn)。

在體系化的能力框架指導(dǎo)下，新人設(shè)計(jì)師需要快速找到自己的優(yōu)勢(shì)方面加以強(qiáng)化，弱勢(shì)方面加以補(bǔ)充，時(shí)刻明白下一步目標(biāo)。

藍(lán)設(shè)計(jì)( www.wnxcall.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)