一.生活中的反面案例

故事要從我搬到新出租屋開(kāi)始講起。半年前搬到新的出租屋后，房間里配置的洗衣機(jī)也比之前的大了一倍，而且操作區(qū)上分布著的密密麻麻的文字和按鈕讓洗衣機(jī)看起來(lái)更高級(jí)了，然而這種對(duì)它的好感并沒(méi)有持續(xù)多久。在我第一次使用它時(shí)，我將衣物放進(jìn)洗衣機(jī)后，選擇好時(shí)間和洗滌方式，按下了啟動(dòng)按鈕（如下圖右側(cè)白色按鈕）。

按下后洗衣機(jī)發(fā)出了“滴”的一聲，在我的認(rèn)知里它應(yīng)該是開(kāi)始工作了，但是10秒過(guò)后沒(méi)有任何抽水聲和洗衣服的聲音。我疑惑地想：“是不是剛才并沒(méi)有成功啟動(dòng)？”，于是再次按下了啟動(dòng)按鈕，又是“滴”的一聲，但是這次我等了 1 分鐘沒(méi)有任何反應(yīng)。之后的十分鐘里，我與這臺(tái)匪夷所思的機(jī)器“交涉”多次才理解了它的運(yùn)行方式。這臺(tái)洗衣機(jī)啟動(dòng)后需要等待大概十幾秒才開(kāi)始運(yùn)行，但是在我按下啟動(dòng)按鈕后我得不到任何反饋或者提示來(lái)告訴我洗衣機(jī)已經(jīng)開(kāi)始工作了，所以疑惑的我又按下了一次啟動(dòng)按鈕，然而令人崩潰的是這臺(tái)洗衣機(jī)的啟動(dòng)和暫停按鈕是一體的，我第二次按下實(shí)際是進(jìn)行了暫停操作，從而導(dǎo)致我第二次的困惑。

如果你是這臺(tái)洗衣機(jī)的設(shè)計(jì)師，你會(huì)怎么解決上述的問(wèn)題呢？

可能你的心中已經(jīng)有了答案，在回答之前我們先試著探究問(wèn)題的本質(zhì)。

人們不管是使用日常物品還是與機(jī)器進(jìn)行交互，都會(huì)面對(duì)兩個(gè)階段的問(wèn)題。一個(gè)是「執(zhí)行」，一個(gè)是「評(píng)估」。執(zhí)行時(shí)用戶需要理解如何操作，操作后可能會(huì)有什么結(jié)果。評(píng)估時(shí)用戶需要知道具體發(fā)生了什么。作為設(shè)計(jì)師我們要通過(guò)合理的手段幫助用戶解決這些問(wèn)題，保證交互的可用性和流暢性。

通常我們會(huì)使用「意符」在用戶執(zhí)行前告知用戶如何理解、如何操作、操作后會(huì)有什么結(jié)果。在評(píng)估前通過(guò)「反饋」告知用戶結(jié)果是什么。

對(duì)于意符的定義，在《設(shè)計(jì)心理學(xué) 1-日常的設(shè)計(jì)》一書(shū)中，作者唐納德·諾曼做出了這樣的解釋：

人們需要某種方式了解他們將要使用的產(chǎn)品或服務(wù)，某些標(biāo)識(shí)表明的用途，會(huì)發(fā)生什么，有什么樣的替代方案。人們尋找蛛絲馬跡，尋找任何可以幫助他們應(yīng)對(duì)和理解的符號(hào)。任何可能標(biāo)識(shí)出有意義的信息的符號(hào)非常重要。設(shè)計(jì)師需要提供這些線索。人們所需要的和設(shè)計(jì)師必須提供的，就是意符。除此之外，優(yōu)良的設(shè)計(jì)要求對(duì)產(chǎn)品的目的、結(jié)構(gòu)和設(shè)備的操作與使用者進(jìn)行良好的交代。那就是意符的作用。

簡(jiǎn)而言之，意符就是在用戶使用前，機(jī)器為了讓用戶更好地理解和使用它而做出的提示。而反饋就更好理解了，機(jī)器在我們操作后做出的反應(yīng)就是反饋，沒(méi)有反應(yīng)同樣也是一種反饋。

下圖展示了機(jī)器與用戶如何進(jìn)行交互。一個(gè)合理的設(shè)計(jì)可以讓用戶快速順暢地進(jìn)行 1234 四個(gè)步驟進(jìn)而完成任務(wù)，而糟糕的設(shè)計(jì)會(huì)讓用戶不斷重復(fù)這個(gè)流程。之所以會(huì)出現(xiàn)糟糕的設(shè)計(jì)，就是因?yàn)樵诓襟E 1 和 3 沒(méi)有進(jìn)行合理的意符提示和反饋提示讓用戶摸不著頭腦，進(jìn)而導(dǎo)致用戶根據(jù)自己的猜測(cè)和過(guò)往經(jīng)驗(yàn)來(lái)進(jìn)行操作，最后得到非預(yù)期的結(jié)果。

回到文章開(kāi)始時(shí)的洗衣機(jī)開(kāi)關(guān)問(wèn)題，因?yàn)殚_(kāi)始和暫停按鈕是一體的，在沒(méi)有任何意符和反饋的情況下我按下這個(gè)按鈕時(shí)我并不知道我啟動(dòng)的是開(kāi)始操作還是暫停操作。

我們可以就這個(gè)問(wèn)題列出以下解決方案：

    1.增加文字提示，如啟動(dòng)時(shí)在顯示屏上顯示“已啟動(dòng)”，暫停時(shí)顯示“已暫?！?；

    2.增加語(yǔ)音提示，啟動(dòng)開(kāi)關(guān)后使用語(yǔ)音告知用戶“已啟動(dòng)”或“已暫?！薄?/span>

當(dāng)然解決方案有很多，每個(gè)人都可以根據(jù)場(chǎng)景想出不同的解決方案。

與現(xiàn)實(shí)機(jī)器的開(kāi)關(guān)類似，在 UI 設(shè)計(jì)中我們?nèi)绻M(jìn)行開(kāi)關(guān)設(shè)計(jì)也需要遵循相應(yīng)的設(shè)計(jì)原則。

一個(gè)合理的開(kāi)關(guān)設(shè)計(jì)主體包含的意符分別有兩種：

    1.表示當(dāng)前狀態(tài)；

    2.表示操作后的狀態(tài)。

主體之外我們還可以添加輔助提示更加清晰地傳達(dá)意符和反饋。

接下來(lái)將介紹一些常見(jiàn)的開(kāi)關(guān)類型和輔助提示類型，最后總結(jié)出體驗(yàn)優(yōu)質(zhì)的開(kāi)關(guān)設(shè)計(jì)方法。

二.開(kāi)關(guān)類型

1.icon

在 UI 設(shè)計(jì)中最常見(jiàn)的開(kāi)關(guān)可能就是 icon 了，即由單一的 icon 通過(guò)顏色或圖形的變化來(lái)表示開(kāi)或關(guān)的狀態(tài)。因?yàn)榻换ピO(shè)計(jì)從古到今并沒(méi)有統(tǒng)一的嚴(yán)格標(biāo)準(zhǔn)，所以到底是將開(kāi)關(guān) icon 的樣式設(shè)計(jì)為「當(dāng)前狀態(tài)樣式」還是設(shè)計(jì)為「按下之后的狀態(tài)樣式」并沒(méi)有一個(gè)約定俗成的規(guī)則。然而，對(duì)比而言如今各類 App 設(shè)計(jì)中常見(jiàn)的且體驗(yàn)比較好的方案還是將開(kāi)關(guān)樣式設(shè)計(jì)為當(dāng)前狀態(tài)樣式。如下圖iPhone自帶相機(jī)的實(shí)況照片開(kāi)關(guān)icon就是顯示當(dāng)前狀態(tài)。

然而，并不是說(shuō)將開(kāi)關(guān)樣式設(shè)計(jì)為當(dāng)前狀態(tài)樣式做法普遍且體驗(yàn)更好就可以這樣做了，有些開(kāi)關(guān)的設(shè)計(jì)因?yàn)槭褂脧V泛，已經(jīng)在用戶的心智中扎根，我們?nèi)绻麖?qiáng)行改變反而適得其反導(dǎo)致體驗(yàn)變差。最典型的就是視頻和音樂(lè)的播放暫停開(kāi)關(guān)，他們表示的就是操作后的狀態(tài)而不是當(dāng)前狀態(tài)，如下圖。

因此，大部分應(yīng)用的開(kāi)關(guān)類 icon 都是混用當(dāng)前狀態(tài)和操作后狀態(tài)的，如下圖嗶哩嗶哩的視頻播放界面，播放暫停開(kāi)關(guān) icon 表示的是操作后狀態(tài)，彈幕開(kāi)關(guān)表示的是當(dāng)前狀態(tài)，而視頻鎖開(kāi)關(guān) icon 又變成了表示操作后狀態(tài)了。

是否統(tǒng)一倒不是關(guān)鍵，關(guān)鍵是我們是否能夠讓用戶理解相應(yīng)的意符和反饋，目標(biāo)是讓用戶在操作開(kāi)關(guān)前能夠知道當(dāng)前狀態(tài)是什么，操作開(kāi)關(guān)后當(dāng)前狀態(tài)是什么。

舉一個(gè)反例，下圖中的美顏相機(jī)的夜拍模式開(kāi)關(guān)就沒(méi)有直觀表現(xiàn)出當(dāng)前是開(kāi)還是關(guān)，這種有歧義的設(shè)計(jì)可能讓新手用戶手足無(wú)措，可能本來(lái)未開(kāi)啟的功能讓用戶誤以為已開(kāi)啟，導(dǎo)致拍出來(lái)的照片不符合用戶預(yù)期。

由此我們可以看出，單一的 icon 開(kāi)關(guān)如果沒(méi)有其他的輔助提示會(huì)造成意符和反饋的缺失，進(jìn)而形成較大的歧義性，用戶會(huì)在疑惑中按照自己固有的心理模型和過(guò)往經(jīng)驗(yàn)進(jìn)行判斷，體驗(yàn)因此降低。

2.主體與開(kāi)關(guān)分離（分離式）

上一部分舉了美顏相機(jī)的反例，其意符和反饋不明產(chǎn)生的歧義問(wèn)題導(dǎo)致了用戶的困惑，但使用「主體與開(kāi)關(guān)分離」（后文一致簡(jiǎn)稱為“分離式”）的開(kāi)關(guān)設(shè)計(jì)可以解決這個(gè)問(wèn)題，它在意符和反饋層面都給予了用戶提示，可視性很強(qiáng)，完全解決了開(kāi)關(guān)狀態(tài)無(wú)法被用戶感知的問(wèn)題。分離式開(kāi)關(guān)指的是，主體不再充當(dāng)開(kāi)關(guān)，只當(dāng)做開(kāi)關(guān)的名稱或icon，另外制作一個(gè)開(kāi)關(guān)傳達(dá)意符和反饋，解決了當(dāng)前狀態(tài)與操作后狀態(tài)混淆的問(wèn)題，其通常的樣式如下圖。

如下圖，F(xiàn)aceu激萌不同于美顏相機(jī)設(shè)計(jì)方式就是將主體與開(kāi)關(guān)分離，很清晰地傳達(dá)了當(dāng)前開(kāi)關(guān)狀態(tài)。

大部分App的設(shè)置頁(yè)面使用的開(kāi)關(guān)都是主體與開(kāi)關(guān)分離的方式，如下圖。

顯而易見(jiàn)，分離式開(kāi)關(guān)直觀展示了當(dāng)前狀態(tài)，在消除歧義方面優(yōu)于 icon 開(kāi)關(guān)，但同時(shí)缺點(diǎn)也很明顯，它占用了過(guò)多頁(yè)面空間并美感欠佳。

3.名稱變化

名稱變化指的是開(kāi)關(guān)依賴于其名稱的變化告知用戶開(kāi)關(guān)的當(dāng)前狀態(tài)和操作，常見(jiàn)的類型如下：

部分 App 會(huì)將開(kāi)關(guān)的名稱變化的方式統(tǒng)一，但也有部分 App 會(huì)將這兩類進(jìn)行混用，即一個(gè)是表示當(dāng)前狀態(tài)，一個(gè)是表示操作。

下圖為部分 App 的名稱開(kāi)關(guān)，我們可以將上圖的開(kāi)關(guān)名稱類型的序號(hào)對(duì)號(hào)入座。

表示操作的按鈕文字具有一定引導(dǎo)性，用戶容易感知和觸發(fā)，反之，表示狀態(tài)的按鈕文字由于不具有引導(dǎo)性，如果用戶沒(méi)有對(duì)這類按鈕形成使用習(xí)慣甚至難以意識(shí)到它是可點(diǎn)擊的，因此我們可以利用其特性進(jìn)行逆向應(yīng)用引導(dǎo)用戶的行為。比如在直播App中，我們希望引導(dǎo)用戶關(guān)注主播，又試圖避免用戶關(guān)注后又取關(guān)主播。我們就可以將“關(guān)注”制作為表示操作，文案寫(xiě)為“關(guān)注主播”（屬于1.開(kāi)啟...）。將“取消關(guān)注”制作為表示當(dāng)前狀態(tài)，文案寫(xiě)為“已關(guān)注”（屬于7.已開(kāi)啟...）。前后的顏色進(jìn)行區(qū)分，“關(guān)注主播”的按鈕制作得對(duì)比度強(qiáng)，吸引力大，“已關(guān)注”做得弱一些，讓用戶誤以為不可點(diǎn)擊，如下圖的斗魚(yú)直播。

然而，名稱變化的開(kāi)關(guān)由于語(yǔ)言的模糊性，仍然造成了部分歧義。我們可以發(fā)現(xiàn)很多App的名稱變化開(kāi)關(guān)設(shè)計(jì)中，都會(huì)在操作后加入其它提示來(lái)消除歧義（如：toast 提示），有些App則并未加入，因此在后文中會(huì)著重介紹輔助提示的優(yōu)點(diǎn)和使用方法。

小結(jié)

icon、分離式、名稱變化，如果按照消除歧義的優(yōu)劣排列的話，大概是 分離式>名稱變化>icon。

那這樣的話是不是應(yīng)該把開(kāi)關(guān)都換成分離式呢？當(dāng)然不是，分離式雖然在意符和反饋的層面很充分地消除了歧義，但是其也有明顯的缺點(diǎn)，分離出的開(kāi)關(guān)會(huì)占用部分空間，可能會(huì)影響美觀，因此我們需要根據(jù)需求和頁(yè)面結(jié)構(gòu)選擇最適合的開(kāi)關(guān)類型。

那名稱變化和 icon 類的開(kāi)關(guān)如何消除歧義呢，我們可以通過(guò)添加下面介紹的輔助提示來(lái)解決。

三.輔助提示

1.環(huán)境暗示

環(huán)境暗示指的是用戶在操作開(kāi)關(guān)前，開(kāi)關(guān)以外的區(qū)域給予用戶的提示，這些提示本身存在于交互流程中并不是我們刻意加入的，用戶根據(jù)這些提示可以判斷當(dāng)前狀態(tài)以及按下開(kāi)關(guān)后的狀態(tài)。

例如在觀看視頻時(shí)，當(dāng)用戶去按下視頻播放按鈕前，用戶會(huì)通過(guò)當(dāng)前圖像靜止與無(wú)聲音這個(gè)環(huán)境暗示明白當(dāng)前狀態(tài)是可能是視頻未播放，所以應(yīng)該按下播放按鈕讓視頻播放。

再比如得到 App 的夜間模式，用戶可以通過(guò)當(dāng)前界面的樣式判斷當(dāng)前是否已經(jīng)開(kāi)啟了夜間模式，如下圖。

看下圖，如果沒(méi)有環(huán)境暗示，你能分清得到的夜間模式的開(kāi)關(guān)哪個(gè)當(dāng)前狀態(tài)是夜間哪個(gè)當(dāng)前狀態(tài)是日間嗎？

因此，環(huán)境暗示的優(yōu)勢(shì)是我們不需要進(jìn)行另外設(shè)計(jì)其他的意符和反饋告知用戶當(dāng)前狀態(tài)，環(huán)境給予的暗示已經(jīng)足夠直觀。

2.模態(tài)/非模態(tài)提示

當(dāng)用戶按下開(kāi)關(guān)后模態(tài)和非模態(tài)提示可以在反饋層面告知用戶，讓用戶知道自己是觸發(fā)了開(kāi)啟還是關(guān)閉。

常見(jiàn)的模態(tài)提示控件是「警告框（Alerts）」，非模態(tài)提示控件是「提示框（Toast）」，前者提示強(qiáng)度大，使用在一些危險(xiǎn)、重要的反饋中，后者則使用在一些輕量的提示中。

介紹 icon 開(kāi)關(guān)的部分我們提到了美顏相機(jī)的夜拍模式的 icon 開(kāi)關(guān)狀態(tài)難以區(qū)分，但美圖秀秀在這里使用了頂部的非模態(tài)提示在反饋層面告知用戶當(dāng)前狀態(tài)，很好地解決了這個(gè)問(wèn)題，如下圖。

拉勾網(wǎng)的設(shè)置中，隱藏簡(jiǎn)歷為危險(xiǎn)操作，用戶極有可能由于開(kāi)關(guān)名稱的歧義或由于疏忽觸發(fā)開(kāi)關(guān)導(dǎo)致簡(jiǎn)歷被隱藏從而錯(cuò)過(guò)工作機(jī)會(huì)，因此此處設(shè)計(jì)了一個(gè)形式為警告框的模態(tài)提示來(lái)告知用戶當(dāng)前狀態(tài)以及潛在風(fēng)險(xiǎn)。

3.輔助文案

輔助文案指的是在主體（主體可能是開(kāi)關(guān)名稱、icon 或二者皆有之）之外另外放置一些文案信息來(lái)充當(dāng)意符和反饋。下圖案例就是高德地圖的下車(chē)提示的開(kāi)關(guān)，開(kāi)關(guān)的主體是名稱，但是下面的一行輔助文案很清晰地傳達(dá)了當(dāng)前的開(kāi)關(guān)是什么狀態(tài)。

4.其他輔助提示

并不是所有提示都需要讓用戶看見(jiàn)，我們可以給予用戶其他感官的信號(hào)告知用戶當(dāng)前開(kāi)關(guān)的狀態(tài)。

在現(xiàn)實(shí)生活中，我們會(huì)通過(guò)鑰匙在鎖中扭動(dòng)發(fā)出的聲音判斷鎖是否被打開(kāi)，通過(guò)觸摸感受摩托車(chē)是否繼續(xù)震動(dòng)判斷其是否已經(jīng)熄火。

同樣，在 UI 設(shè)計(jì)中，我們也仍然可以使用聽(tīng)覺(jué)和觸覺(jué)來(lái)消除開(kāi)關(guān)的歧義。一個(gè)比較優(yōu)秀的案例是高德地圖，當(dāng)用戶打開(kāi)下車(chē)提示之后，會(huì)出現(xiàn)語(yǔ)音提示“已開(kāi)啟下車(chē)提醒”，它充分考慮到身處戶外的用戶可能并不能很方便地獲取屏幕上的視覺(jué)信息，因此使用語(yǔ)音的形式提示用戶。

小結(jié)

輔助提示很好地補(bǔ)充了開(kāi)關(guān)在消除歧義上的不足，但我們需要合理使用否則就會(huì)產(chǎn)生不必要的視覺(jué)噪聲。如下圖，試想音樂(lè)的暫停播放開(kāi)關(guān)如果加入的 toast 提示會(huì)怎么樣呢？由于我們已經(jīng)可以通過(guò)“手機(jī)是否發(fā)出聲音”這個(gè)環(huán)境暗示獲知當(dāng)前的開(kāi)關(guān)狀態(tài)，如果再加入 toast 提示必然會(huì)出現(xiàn)不必要的視覺(jué)噪聲。

4.總結(jié)

介紹完開(kāi)關(guān)類型和輔助提示后，我們?nèi)绾螌⑵鋺?yīng)用到我們的產(chǎn)品中，設(shè)計(jì)出無(wú)歧義或低歧義的開(kāi)關(guān)呢？

如果我們選擇的開(kāi)關(guān)類型已經(jīng)足夠的消除歧義，如分離式，我們就不太需要額外地增加輔助提示了。但是如果使用容易造成歧義的開(kāi)關(guān)，我們可以按照（開(kāi)關(guān)類型+輔助提示 1 +輔助提示 2 +......）的公式進(jìn)行設(shè)計(jì)，即一種輔助提示不足夠消除歧義，可以使用多種一起。

舉個(gè)上文的例子，高德地圖的下車(chē)提醒開(kāi)關(guān)的設(shè)計(jì)就是「名稱變化開(kāi)關(guān)+輔助文案+語(yǔ)音提示」 的組合。

然而，任何設(shè)計(jì)都不是完美的，很多地方都需要我們做出妥協(xié)，雖然我們可以選擇合適的開(kāi)關(guān)類型和輔助提示解決歧義問(wèn)題，但隨之而來(lái)就可能出現(xiàn)其他問(wèn)題。如分離式開(kāi)關(guān)消除歧義效果很好，但是占用空間且不美觀，模態(tài)和非模態(tài)提示給予用戶的反饋比較強(qiáng)，但是可能打擾到用戶。

綜合上文提到的三款相機(jī)軟件作為案例，如下圖，我們可以發(fā)現(xiàn)在消除歧義的過(guò)程中避免不了對(duì)用戶造成的干擾或頁(yè)面美觀度的降低。我們很難去評(píng)判Faceu激萌、美顏相機(jī)和美圖秀秀哪個(gè)設(shè)計(jì)得更好，它們只是在易用性和美觀性之間找到了它們所認(rèn)為的平衡點(diǎn)。具體如何設(shè)計(jì)，還是要具體問(wèn)題具體分析。

那么我們應(yīng)該如何進(jìn)行取舍呢，在這里我們要考慮另外的因素。我們可以從以下角度分析，使用頻率、用戶人群、潛在風(fēng)險(xiǎn)等。

使用頻率：使用頻率越高，用戶對(duì)操作的熟悉度越高，歧義對(duì)用戶造成的理解與記憶成本就降低了，設(shè)計(jì)可以偏向低干擾和美觀度，反之使用頻率越低，歧義對(duì)用戶造成的理解與記憶成本升高，設(shè)計(jì)就應(yīng)該偏向于易理解。

用戶人群：不同的用戶人群的風(fēng)格偏好、認(rèn)知能力是不一樣的。例如，我們要設(shè)計(jì)一款目標(biāo)用戶為年輕人的相機(jī)產(chǎn)品，設(shè)計(jì)風(fēng)格簡(jiǎn)約，此時(shí)我們比較偏向的設(shè)計(jì)方案可能就類似美顏相機(jī)。反之，如果我們的目標(biāo)用戶是中老年人，就要偏向于易用而犧牲美觀度，方案轉(zhuǎn)而偏向美圖秀秀或 Faceu 激萌。

潛在風(fēng)險(xiǎn)：開(kāi)關(guān)的切換如果會(huì)導(dǎo)致潛在風(fēng)險(xiǎn)，設(shè)計(jì)就應(yīng)該偏向于易理解，且需要使用模態(tài)提示告知用戶風(fēng)險(xiǎn)。例如用戶如果關(guān)閉了推送通知開(kāi)關(guān)，會(huì)導(dǎo)致接收不到實(shí)時(shí)重要的信息通知，此時(shí)不僅要使用易識(shí)別的開(kāi)關(guān)類型，還需要添加模態(tài)提示告知用戶風(fēng)險(xiǎn)。

我們可以將這些考慮角度放到雷達(dá)圖，如下圖所示，最終形成的面積越大我們?cè)綉?yīng)該將按鈕制作得易理解、易使用，反之我們可以偏向于將開(kāi)關(guān)制作得更美觀犧牲一些易用性?？紤]到一些特殊產(chǎn)品的特殊用戶屬性，我們可以在下圖中增加其他考慮角度，其并不是一成不變的。

以上是本次對(duì)開(kāi)關(guān)設(shè)計(jì)的思考，看似小小的一個(gè)開(kāi)關(guān)，包含的學(xué)問(wèn)卻不勝枚舉。作為一個(gè)互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)從業(yè)者，一定要善于感受生活，用設(shè)計(jì)師細(xì)膩的內(nèi)心去打量、洞察身邊的一切事物，發(fā)現(xiàn)美與不足，思考改進(jìn)方法，并在這個(gè)過(guò)程中逐漸提升自我的價(jià)值。

轉(zhuǎn)自：站酷-Ballen貝林 

藍(lán)藍(lán)設(shè)計(jì)( www.cqzjtgb.com )是一家專注而深入的界面設(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ù)。