国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

編輯導(dǎo)語(yǔ)：圖標(biāo)是 UI?設(shè)計(jì)中極為重要的一個(gè)環(huán)節(jié)，設(shè)計(jì)師們?cè)谧雒總€(gè)界面的設(shè)計(jì)幾乎都會(huì)涉及到圖標(biāo)的表達(dá)，一個(gè)優(yōu)秀的圖標(biāo)可以傳遞更多的信息，讓用戶明確；本文作者分享了關(guān)于設(shè)計(jì)過(guò)程中圖標(biāo)的使用規(guī)范，我們一起來(lái)看一下。

?圖標(biāo)是設(shè)計(jì)中不可或缺的元素之一，圖標(biāo)與文字一樣其核心目的是為了傳遞信息，事實(shí)上圖標(biāo)和文字之間是可以互相取代的；這篇文章主要研究圖標(biāo)與文字同樣作為信息傳遞的符號(hào)，在用戶體驗(yàn)設(shè)計(jì)中各自的應(yīng)用場(chǎng)景是哪些？

一、圖標(biāo)的特性

圖標(biāo)相較于文字優(yōu)點(diǎn)：識(shí)別速度更快；單位面積的信息容量大；容易吸引注意力；國(guó)際化；模塊化。

圖標(biāo)相較于文字的缺點(diǎn)：準(zhǔn)確性低。

二、何時(shí)使用

基于它們各自的優(yōu)缺點(diǎn)，我總結(jié)成7個(gè)維度進(jìn)行了場(chǎng)景化分析，以方便指導(dǎo)我們?nèi)粘５捏w驗(yàn)設(shè)計(jì)。

1. 視覺(jué)體驗(yàn)

空間有限，冗長(zhǎng)的文字會(huì)讓界面變得即不簡(jiǎn)潔也不優(yōu)雅，使用圖標(biāo)可以大大降低占用的空間，減輕壓迫感。

2. 空間

當(dāng)空間有限，冗長(zhǎng)的文字會(huì)讓界面變得即不簡(jiǎn)潔也不優(yōu)雅，使用圖標(biāo)可以大大降低占用的空間，減輕壓迫感。

3. 權(quán)重

圖標(biāo)和文字對(duì)于用戶的注意力有不同程度的影響，通常來(lái)說(shuō)圖標(biāo)更容易被用戶關(guān)注，所以我們需要了解它們之間的層級(jí)關(guān)系，根據(jù)傳遞給用戶的視覺(jué)權(quán)重，我們可以進(jìn)行這樣的層級(jí)劃分：大尺寸圖標(biāo) > 標(biāo)題 > 小尺寸圖標(biāo) > 正文 。

而圖標(biāo)自身也會(huì)因?yàn)轱L(fēng)格的不同也會(huì)不同程度地影響用戶的注意力，它們根據(jù)視覺(jué)權(quán)重可以進(jìn)行這樣的層級(jí)劃分，插畫(huà)圖標(biāo) > 帶背景的圖標(biāo) > 面形圖標(biāo) > 線形圖標(biāo)。

基于權(quán)重層級(jí)，我們進(jìn)行一些泛用場(chǎng)景的用例分析：

當(dāng)需要引導(dǎo)用戶關(guān)注某個(gè)功能或業(yè)務(wù)時(shí)，使用更大或者有更明顯的顏色的圖標(biāo)以突出它的重要性。

當(dāng)用戶的注意力應(yīng)該集中在正文或數(shù)據(jù)時(shí)，不需要刻意使用圖標(biāo)去強(qiáng)調(diào)某些基本的功能和操作，而應(yīng)該使用文字可以降低它的重要性。

當(dāng)場(chǎng)景中出現(xiàn)多組業(yè)務(wù)圖標(biāo)，面形圖標(biāo)所代表的業(yè)務(wù)比線形圖標(biāo)更重要：

一般來(lái)說(shuō)，業(yè)務(wù)的重要性要大于功能。當(dāng)某個(gè)場(chǎng)景或者流程中，同時(shí)出現(xiàn)業(yè)務(wù)列表和功能列表時(shí)，在每個(gè)業(yè)務(wù)使用圖標(biāo)加文字表現(xiàn)示能可以提高它的重要性層級(jí)，每項(xiàng)功能使用純文字表現(xiàn)示能可以降低它的重要性層級(jí)。

4. 規(guī)范性

有多個(gè)功能和業(yè)務(wù)需要并列展示給用戶時(shí)，使用有序的圖標(biāo)更利于界面的整潔，而不是長(zhǎng)短不齊的文字。

5. 效率

當(dāng)一個(gè)操作使用圖形表現(xiàn)意符可以更直觀地讓用戶理解時(shí)，使用圖標(biāo)效率更高。

當(dāng)一個(gè)圖標(biāo)人們所熟知，使用圖標(biāo)作為示能更快速被用戶識(shí)別。

當(dāng)一項(xiàng)功能或業(yè)務(wù)需要被快速識(shí)別，但圖標(biāo)不能準(zhǔn)確描述時(shí)，使用圖標(biāo)加文字，可以同時(shí)提高其重要性和準(zhǔn)確性。

6. 有風(fēng)險(xiǎn)的操作

圖標(biāo)傳遞的信息準(zhǔn)確性比文字更低，當(dāng)一個(gè)操作可能會(huì)導(dǎo)致嚴(yán)重的后果時(shí)，不建議使用圖標(biāo)，而應(yīng)該使用文字進(jìn)行準(zhǔn)確描述。

圖標(biāo)的娛樂(lè)性會(huì)降低用戶的警戒，需要體驗(yàn)界面嚴(yán)肅性時(shí)，使用文字進(jìn)行示能更加合理。

7. 品牌

一些產(chǎn)品定義了符合自身品牌的設(shè)計(jì)系統(tǒng)，在圖標(biāo)的使用上進(jìn)行了規(guī)范。如airbnb，絕大部分圖標(biāo)均使用線形圖標(biāo)進(jìn)行示能，以呼應(yīng)品牌。

三、后言

在進(jìn)行UI/UX設(shè)計(jì)時(shí)，我們經(jīng)常會(huì)糾結(jié)，何時(shí)需要使用圖標(biāo)進(jìn)行示能，何時(shí)使用文字進(jìn)行示能，抑或是文字圖標(biāo)組合。

我通過(guò)實(shí)踐和對(duì)成熟產(chǎn)品的觀察總結(jié)出了以上的一些理論和經(jīng)驗(yàn)，雖然不能對(duì)設(shè)計(jì)進(jìn)行完全準(zhǔn)確的指導(dǎo)，但是應(yīng)該能為大家提供一些設(shè)計(jì)思考。

1. 關(guān)于示能、意符和映射

示能、意符、映射是《設(shè)計(jì)心理學(xué)》中提出的概念，我對(duì)它們的理解進(jìn)行了一些簡(jiǎn)化。

• 示能：用來(lái)說(shuō)明對(duì)象具有的功能。
• 意符：用來(lái)告訴用戶對(duì)象正確的操作方式。
• 映射：表示兩組事物要素之間的關(guān)系。

2. 關(guān)于圖標(biāo)設(shè)計(jì)方法

圖標(biāo)的設(shè)計(jì)規(guī)范也是產(chǎn)品設(shè)計(jì)需要遵守的重要指導(dǎo)方法，計(jì)劃在今后的文章中進(jìn)行詳細(xì)研究。

本文由 @晚秋咸魚(yú) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自 Unsplash，基于 CC0 協(xié)議