圖標是任何網站設計不可或缺的一部分。從在信息和導航元素中使用到引人注目的大型設計部分,圖標和基于圖標的元素都是吸引用戶的有吸引力且有趣的方式。
盡管圖標在一段時間以來使用了驚人的扁平美學,但更多項目正在轉向等距圖標使用。這種趨勢正出現在許多不同行業的網站和印刷項目中。
之所以越來越受歡迎,是因為等距圖標在使用扁平圖層的同時具有更逼真的外觀。它幾乎是平面和深度的完美結合。這里是對這種設計趨勢以及如何充分利用它的更深入的研究。
等距設計非常簡單,是一種在二維中繪制/創建三維對象的方法。等距圖標是這種設計技術的延伸,也是這種趨勢似乎受到最大關注的地方。
之所以起作用,是因為等距圖標具有形狀,簡單性和深度。它們喚起了平面設計的美感,但增加了深度和尺寸,使每個元素在視覺上都更具吸引力,并且更易于用戶理解。
大多數設計師還選擇創建和使用等距圖標集,這些圖標集的形狀和元素與明亮的配色方案結合起來看起來很真實。對于用戶而言,這可能是一個引人注目的組合,其顏色可以將人們吸引到設計中。
在創建每個圖標時使用陰影和不同的透視圖可以幫助為設計添加流程和視覺層次。環境的此等距版本應為實際對象的微型副本。
信息圖表的圖標元素是這種設計趨勢的另一個流行應用。在較大的信息圖中包含較小的等距圖標,這種樣式是增加視覺興趣和項目可用性的簡便方法。得益于更逼真的樣式,等距圖標可以幫助用戶增加對概念或想法的理解。
平面圖標的自然演變
等距圖標是平面設計趨勢,平面2.0和材料設計的演變。3D到2D設計仍使用簡潔明了的線條和樣式,但深度更大。
調色板通常也來自平面和材料。
等距樣式是簡單性和信息的完美融合,其圖標設計易于用戶理解,并具有許多設計師喜歡使用的扁平樣式。
如何使用等距圖標
等距圖標可以以多種方式使用,并具有變化的視覺屬性。
這種圖標樣式的優點之一是,由于等軸測圖形的簡單性質(靜態或動畫),文件可以保存為較小的文件格式,從而可以快速加載網站。(您可以獲得圖像的某些深度而不會產生雜音?。?/span>
雖然您可以在要使用另一個圖標的地方使用等距圖標,但是該應用程序的使用范圍卻要大得多??梢詫⒁唤M良好的等距圖標組合為超大元素,以用作按鈕,直接導航或創建焦點。
注意事項
等距圖標雖然很流行,但并非適用于每個項目。
有人認為,這種樣式對某些應用來說太“卡通化”了。其他人擔心明亮的配色方案可能會干擾消息傳遞或使用戶看起來不高興。您必須謹慎使用這種設計趨勢。
在沒有計劃的情況下使用過多的等距圖標可能會令人不知所措。
與設計平面圖標相比,構建等距圖標集可能要花費更多時間。有一定程度的細節和必須考慮的三維效果。而且,如果視圖或方向錯誤,則結果可能是震撼或迷失方向。(對于快速入門項目,您可能會發現最好下載一個工具包,并希望它包含您需要的一切。)
等軸測圖標的樣式變化如此之大,某些元素可能看起來幾乎“過度繪制”或“過度設計”。這些要素應避免。如果您發現自己正在考慮并思考如何將元素組合在一起,則可能有點過多。涉及用戶的最佳設計幾乎是看不見的。該元素應該是顯而易見的并且可以很好地工作,但是不能達到您認為該元素實際外觀的程度。
在沒有計劃的情況下使用過多的等距圖標可能會令人不知所措。請記住,這些圖標比傳統的平面元素具有更多的深度和細節。除非您有計劃將它們分組使用,否則您應該注意不要使用戶負擔過多的精美圖標插圖。
等距圖標資源
等距圖標設計趨勢的最佳起點是圖標套件。使用可以下載的工具包,將向您展示元素的構建方式,并為您提供使使用等距圖標快速便捷的工具(直到您準備繪制自己的圖標為止)。
尋找可以下載的工具包,其中包括Adobe Illustrator,EPS或其他矢量格式的形狀,以便您可以根據需要縮放和自定義圖標。
您準備好參加等距圖標設計潮流了嗎?這些圖標可能很有趣,盡管它們在某些項目中使用起來有些困難。
但是憑借有趣的色彩以及深度和真實感的額外元素,它們可以為某些項目提供漂亮的視覺組件。無論您是下載套件還是自己繪制套件,這種設計趨勢都是我們希望在未來一段時間內看到的趨勢。