在線咨詢 9:00-18:00
對于景區小程序界面來說,除了banner吸引眼球意外,更重要的是要有一套適用好看的圖標(icon),那如何來設計呢,本文通過七大要點來讓你了解圖標的共性,讓你迅速明白一個圖標的好壞如何判斷,如何制作出優秀的圖標。
一、清楚
圖標的主要目的是快速清晰的傳達概念。
如上圖所示,你知道他們所傳達的意思嗎?駕駛員由于長期開車而了解到他們的意思,但是其中一些圖標并不直觀,甚至需要一本說明手冊來解釋其圖標的含義。
當圖標不符合用戶的認知時,是很難被理解的,安全帶“提示燈”(左邊第3個)非常直觀,我們可以快速的了解他的意思?!半妱又D向系統警告燈”(最右邊)的意思要模糊的多。
通常,不清晰的圖標只會令人沮喪,對于駕駛員而言,誤解警告提示可能會造成很嚴重的后果。
以下是一些較為熟悉的圖標:愛心、警告、音樂、方向:
最成功的圖標不僅在一定的用戶群里中易于理解,且能在不同的文化、年齡、背景下都是通用易于理解的。分析我們的目標用戶,并使用與之能產生共鳴的比喻和色彩。
切記,如果所表示的想法過于的抽象,則獨立圖標可能不是最清晰的設計方案。在這種情況下,可以使用圖標+文本組合的形式設計,或者找到其他的替代方法。
二、簡潔
一個用幾句話就能很好地表達出來的想法,讓人感覺高效而優雅。比如下方的這個聲明:教別人你所知道的東西能增強你對這門學科的理解。
我們可以更簡潔的說:一人教,兩個人學。
簡約很適合圖標設計,因為我們經常在小尺寸上進行設計,注意圖標要使用適當的細節量,不要使用過多的內容
在用戶界面中,還原性風格可以理解并為內容騰出空間。電報的圖標簡短有趣:
三、一致性
為了保持一套圖標的和諧性,請始終保持相同的樣式規則設計。
在iOS 13之前,Apple的圖標具有各種線性圖標、填充圖標、不同的大小等:
每一個圖標都具有一定的視覺權重,該視覺權重由諸如線條的粗細、大小和形狀之類的參數決定的。在一個集合中保持這些參數相同有利于保持圖標的一致性。
四、對齊
要確保每個圖標的平衡,請以光學方式對齊其元素
五、可閱讀性
由于圖標的細節太多,很難在上方(第一行)注意到Station的圖標。
一旦有了可理解的符號,請確保其可閱讀性。
由于圖標的細節太多,很難在上方(第一行)注意到Station的圖標。
對于組合圖形設計,請確保他們之間留出足夠的空間。復雜的線條將使圖標變得更加的難以理解,可讀性就越差。
六、易用性
一套圖標在經過精致的設計后,是還沒有結束的。它需要進一步的測試和準備,以確保其他設計師更容易使用或補充其他圖標的設計。需要跨設計師進行使用,開發需要將他們編碼到代碼中。
七、個性
每一個圖標都很有特色,是什么讓它與眾不同?它對品牌有何評價?它會讓用戶產生什么樣的心情?
以上就是分享的關于景區小程序圖標設計的七大要點,在繪制過程中注意這幾點你的小程序界面將會更加整潔和統一,風格也會很明顯。如果需要設計小程序頁面歡迎致電4006566135,也可以訪問網站www.635867.com查看更多跟景區小程序有關的信息。
閱讀量:14068