網站上設計和使用圖標的提示

網站上設計和使用圖標的提示

本文提出了主要的網站圖標趨勢以及設計好的圖標的提示，以及在網站上使用它們的原則。

每個人都喜歡圖標的事實是不可否認的。但是，它們可以創(chuàng)建或破壞接口–這完全取決于它們的設計和使用方式。了解他們在網站上的關鍵角色只會使準備過程更加清晰。

為什么網站需要圖標？

一般來講，圖標的發(fā)明是為了簡化一切：界面可用性，概念感知和設計過程。用戶無需閱讀大量的網站內容，而只需簡單地瀏覽帶有附加優(yōu)雅圖標的文本框即可。或者，他們也可以借助知名度高的微型圖標瀏覽網站。實際上，現(xiàn)代網站設計趨勢離不開圖標，但是圖標也有自己的趨勢。而且，如果您要尋找一個有吸引力且引人入勝的網站，那么遲早您將不得不承認這種趨勢很重要（即使其中一些趨勢對您來說很奇怪）。

這是2018年以來的幾大趨勢，預計2020年仍將占主導地位

平面圖標??–它們有時看起來是如此簡單，以至于您開始懷疑為什么每個人都喜歡它們。但是，當今現(xiàn)實表明，簡單性是創(chuàng)造力的最大來源。設計平面圖標的原理很簡單–您僅從對象中提取最重要的元素，沒有不必要的細節(jié)，沒有復雜的圖形，最后沒有漸變。對于社區(qū)（設計師和客戶）來說，讓漸變逐漸消失是很困難的，但最終還是發(fā)生了。平面設計的另一件事是它使用自己的平面顏色。稀薄的圖標??-這是一個相當年輕的趨勢，不斷引起人們的關注和欽佩。一切始于蘋果公司，當時他們在圖標方面做得很好。因此，當您看到它們稱為Apple風格的圖標時，請不要感到震驚。實物圖標??–實際上與平面圖標并沒有什么不同，因為它們使用相同的簡潔簡約方法。但是，材料設計允許層的更多三維排列。換句話說，由于圖形和顏色選擇的復雜性，圖標看起來更加逼真。

即使您創(chuàng)建外觀現(xiàn)代且時尚的圖標，也仍然可以將其弄亂。結果–可用性差，樣式不兼容，內容不一致。在為網站創(chuàng)建圖標時，實際上還有更多因素需要考慮：

將網站設計與圖標風格相結合如果您將帶有扁平圖標或實物圖標的舊式網站元素（例如帶有漸變的按鈕，過多的文本）用于網站，則只會破壞您的網站界面。確保所有元素具有相同的樣式，并使用正確的顏色組合。很多時候，企業(yè)只是決定在其中添加一些圖標，然后稍微重新排列文本。但這只會破壞您的重新設計項目。?確保圖標清楚地表示文本中的想法當您使用圖標以提高內容可讀性時，將始終在其旁邊使用文本。理想情況下，文本和圖標都應由一個人完成，該人將借助圖標清楚地顯示書面思想。或者，廣告撰稿人和設計師之間應該緊密合作，以確保思想重疊。?設計具有相同樣式的每組圖標假設，當您有5個描述產品的5種不同功能的內容框時，使用相同樣式至關重要–相同細度的圖標（完整的圖標或輪廓，平面的或輪廓的）物質風格。然而，對于網站上的另一組圖標使用不同的樣式仍然是可以接受的（并且通常是可取的），比如說描述開發(fā)過程。

對于UI＆UX網站設計者而言，另一個決定性的因素是導航圖標旁邊的文本的使用。考慮到響應式設計和更簡潔的界面，用小圖標替換文本按鈕已變得很流行。為了簡化界面，請不要擔心文本，尤其是旁邊的圖標可能會引起歧義或混淆。

但是，即使您決定使用不帶文字的圖標，也要嘗試測試它們的可識別性-詢問一些人是否理解了它們的含義而沒有任何上下文和提示。此外，還要考慮到地區(qū)的特殊性-一個圖標和相同的圖標在兩個不同的國家中可能具有不同的含義。

在您的網站上設計和使用圖標的最大技巧是確保它們清楚地傳達信息。圖標主題仍然有很多方面需要深入研究。隨時提出任何不確定的問題，并加入我們的評論。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實的內容，請聯(lián)系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實的內容，請聯(lián)系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。