Godzilla. 2016-12-09
網(wǎng)站建設
上海網(wǎng)站制作公司談怎樣設計網(wǎng)站圖標？
隨著全球小屏幕移動計算的爆炸式增長，在您的UI中，圖像通常是最節(jié)省空間的技術。圖標是對象，動作或想法的視覺表示，而不是單詞，按鈕，標簽或超鏈接，通常為您提供一個更寬敞，更干凈的界面。下面由上海網(wǎng)站制作公司人員說是怎樣設計網(wǎng)站圖標？
圖標還允許您通過使用“視覺隱喻”簡化您的消息后傳遞給用戶。 常見示例包括：
·鉛筆圖標，編輯字段的鉛筆圖標;
·拍照的相機圖標;
·保存工作的軟盤圖標。
圖標很簡單，實用，你可能每天使用它們。 他們有完全的意義，如果你的用戶覺得沒有連接到那些圖標，或者更糟，根本不理解它們怎么辦呢？摩恩網(wǎng)絡，專業(yè)網(wǎng)站建設、網(wǎng)站優(yōu)化、logo設計、品牌設計、印刷、APP/微信開發(fā)等產(chǎn)品服務，新上線企業(yè)VI設計套餐和網(wǎng)站營銷推廣系統(tǒng)（強），歡迎新老顧客前來咨詢！
大多數(shù)圖標具有對大多數(shù)用戶可清楚識別的功能。但有一些常見的圖標不太清楚。事實上，只有一個可以定義為“通用”的少數(shù)圖標 - 在我們看到它們的每個上下文中具有相同的含義。尼爾森諾曼集團（https://www.nngroup.com）測試了這個理論，他們定義了唯一可以被認為通用的圖標：
讓我給你一些簡單的例子。
1.保存圖標
保存圖標隱喻誕生與圖形用戶界面（GUI）的早期與軟盤的繪圖。 一般來說，它是一個符合其目的的圖標。事實上，在全球范圍內(nèi)，20歲以下的人不太可能使用軟盤。 蘋果有爭議地從1998年的G3桌面刪除了軟盤驅(qū)動器。那么，我們?nèi)绾纹谕@些用戶理解并感覺與“保存”功能的這種可視化表示相關聯(lián)？
就個人而言，我已經(jīng)在專業(yè)級別面對這個問題，在非常類似的環(huán)境中，“保存”操作是完成任務的關鍵步驟。最終用戶比我們預期的更困難，因為軟盤圖標沒有與之相關的標簽。
2.喜歡圖標
為了收集項目并保存它們以便稍后查看，許多用戶界面允許您將它們標記為收藏夾。這通常由三個符號之一表示 - 星形，心形或書簽圖標。書簽概念可追溯到Netscape Navigator瀏覽器的最早版本。Microsoft Internet Explorer改為稱為其書簽系統(tǒng)的“收藏夾”，并使用了“加星標的文件夾”圖標Twitter使用五角星喜歡推文10年，直到去年，當他們切換到心臟圖標。所有這些圖標自然地相互競爭。星形圖標通常應用于評分系統(tǒng)和功能項目，心愿圖標為心愿單和分享按鈕。
3.漢堡圖標
漢堡圖標最初設計用于表示Xerox“Star”界面的列表。最近，它通常用于表示導航菜單。
它是一個被認為幾乎是通用的圖標。在一些接口中，對于完全不同的動作，通?？吹椒浅Ｏ嗨频膱D標，如果不是相同的話。讓我們看一些例子。
示例01 - 在電子商務應用和天氣預報應用中使用的漢堡圖標
在第一個例子中，電子商務應用程序，你可以在頂部看到一個漢堡包圖標，在另一邊另一個真正相似的圖標。如果你認為漢堡包圖標是打開菜單的上下文按鈕，你會錯了。相反，漢堡包圖標用于過濾產(chǎn)品類別。
對于良好的體驗和UI交互，當你使用圖標給它，沒有任何懷疑，混亂或沮喪，在某種程度上，一個標簽。這是非常重要的，特別是對于想要完成任務的圖標。圖標使用的秘密要素是深入了解你的角色，做UI用戶測試和A / B測試。只有這樣，你才能給你的用戶一個非常好的體驗。
設計圖標要點：較少的美學，更多的設計
一個漂亮的圖標可以使界面更豐富，更優(yōu)雅，但要“保持簡單”。不要看你的圖標作為一個機會把所有的插圖技能測試。畢竟，它應該是要識別的符號。一般來說，一個好的UI設計，不是那個具有最藝術創(chuàng)新或最神奇的動畫，它就是一個最具有功能性的工具。
文章標簽：
網(wǎng)站圖標
文章評論：