景區(qū)小程序圖標(biāo)設(shè)計(jì)的七大要點(diǎn)

對(duì)于景區(qū)小程序界面來(lái)說(shuō)，除了banner吸引眼球意外，更重要的是要有一套適用好看的圖標(biāo)（icon），那如何來(lái)設(shè)計(jì)呢，本文通過(guò)七大要點(diǎn)來(lái)讓你了解圖標(biāo)的共性，讓你迅速明白一個(gè)圖標(biāo)的好壞如何判斷，如何制作出優(yōu)秀的圖標(biāo)。

一、清楚

圖標(biāo)的主要目的是快速清晰的傳達(dá)概念。

如上圖所示，你知道他們所傳達(dá)的意思嗎？駕駛員由于長(zhǎng)期開(kāi)車而了解到他們的意思，但是其中一些圖標(biāo)并不直觀，甚至需要一本說(shuō)明手冊(cè)來(lái)解釋其圖標(biāo)的含義。

當(dāng)圖標(biāo)不符合用戶的認(rèn)知時(shí)，是很難被理解的，安全帶“提示燈”（左邊第3個(gè)）非常直觀，我們可以快速的了解他的意思。“電動(dòng)助力轉(zhuǎn)向系統(tǒng)警告燈”（最右邊）的意思要模糊的多。

通常，不清晰的圖標(biāo)只會(huì)令人沮喪，對(duì)于駕駛員而言，誤解警告提示可能會(huì)造成很嚴(yán)重的后果。

以下是一些較為熟悉的圖標(biāo)：愛(ài)心、警告、音樂(lè)、方向：

最成功的圖標(biāo)不僅在一定的用戶群里中易于理解，且能在不同的文化、年齡、背景下都是通用易于理解的。分析我們的目標(biāo)用戶，并使用與之能產(chǎn)生共鳴的比喻和色彩。

切記，如果所表示的想法過(guò)于的抽象，則獨(dú)立圖標(biāo)可能不是最清晰的設(shè)計(jì)方案。在這種情況下，可以使用圖標(biāo)+文本組合的形式設(shè)計(jì)，或者找到其他的替代方法。

二、簡(jiǎn)潔

一個(gè)用幾句話就能很好地表達(dá)出來(lái)的想法，讓人感覺(jué)高效而優(yōu)雅。比如下方的這個(gè)聲明：教別人你所知道的東西能增強(qiáng)你對(duì)這門學(xué)科的理解。

我們可以更簡(jiǎn)潔的說(shuō)：一人教，兩個(gè)人學(xué)。

簡(jiǎn)約很適合圖標(biāo)設(shè)計(jì)，因?yàn)槲覀兘?jīng)常在小尺寸上進(jìn)行設(shè)計(jì)，注意圖標(biāo)要使用適當(dāng)?shù)募?xì)節(jié)量，不要使用過(guò)多的內(nèi)容

在用戶界面中，還原性風(fēng)格可以理解并為內(nèi)容騰出空間。電報(bào)的圖標(biāo)簡(jiǎn)短有趣：

三、一致性

為了保持一套圖標(biāo)的和諧性，請(qǐng)始終保持相同的樣式規(guī)則設(shè)計(jì)。

在iOS 13之前，Apple的圖標(biāo)具有各種線性圖標(biāo)、填充圖標(biāo)、不同的大小等：

每一個(gè)圖標(biāo)都具有一定的視覺(jué)權(quán)重，該視覺(jué)權(quán)重由諸如線條的粗細(xì)、大小和形狀之類的參數(shù)決定的。在一個(gè)集合中保持這些參數(shù)相同有利于保持圖標(biāo)的一致性。

四、對(duì)齊

要確保每個(gè)圖標(biāo)的平衡，請(qǐng)以光學(xué)方式對(duì)齊其元素

五、可閱讀性

由于圖標(biāo)的細(xì)節(jié)太多，很難在上方（第一行）注意到Station的圖標(biāo)。

一旦有了可理解的符號(hào)，請(qǐng)確保其可閱讀性。

由于圖標(biāo)的細(xì)節(jié)太多，很難在上方（第一行）注意到Station的圖標(biāo)。

對(duì)于組合圖形設(shè)計(jì)，請(qǐng)確保他們之間留出足夠的空間。復(fù)雜的線條將使圖標(biāo)變得更加的難以理解，可讀性就越差。

六、易用性

一套圖標(biāo)在經(jīng)過(guò)精致的設(shè)計(jì)后，是還沒(méi)有結(jié)束的。它需要進(jìn)一步的測(cè)試和準(zhǔn)備，以確保其他設(shè)計(jì)師更容易使用或補(bǔ)充其他圖標(biāo)的設(shè)計(jì)。需要跨設(shè)計(jì)師進(jìn)行使用，開(kāi)發(fā)需要將他們編碼到代碼中。

七、個(gè)性

每一個(gè)圖標(biāo)都很有特色，是什么讓它與眾不同？它對(duì)品牌有何評(píng)價(jià)？它會(huì)讓用戶產(chǎn)生什么樣的心情？

以上就是分享的關(guān)于景區(qū)小程序圖標(biāo)設(shè)計(jì)的七大要點(diǎn)，在繪制過(guò)程中注意這幾點(diǎn)你的小程序界面將會(huì)更加整潔和統(tǒng)一，風(fēng)格也會(huì)很明顯。如果需要設(shè)計(jì)小程序頁(yè)面歡迎致電4006566135,也可以訪問(wèn)網(wǎng)站m.635867.com查看更多跟景區(qū)小程序有關(guān)的信息。

閱讀量:14270