圖标是任何網站設計不可(kě)或缺的組成部分(fēn)。從内容信息到導航元素,圖标的使用(yòng)可(kě)以更大将設計最主要的部分(fēn)凸顯出來,圖标和基于圖标的元素可(kě)以是吸引用(yòng)戶的有(yǒu)趣的方式。
盡管圖标的趨勢在扁平化風格已經持續了很(hěn)長(cháng)的一段時間了,但是基于現在的趨勢,更多(duō)的項目正在轉向等距圖标的使用(yòng)。這種趨勢出現在許多(duō)不同行業的網站設計和印刷項目上。
等距圖标因為(wèi)其具(jù)有(yǒu)更逼真的外觀,使得它的應用(yòng)以及使用(yòng)的範圍越來越廣泛,同時它仍然延續了扁平化風格。這是一個幾乎完美的平面和深度的混合。這裏有(yǒu)一個可(kě)以更深入的了解這個設計趨勢,以及你如何能(néng)充分(fēn)利用(yòng)它的說明。
1.什麽是等距圖标趨勢?
簡單地說,等距設計是一種在二維上繪制/創建三維物(wù)體(tǐ)的方法。等距圖标是這種設計技(jì )術的延伸,也是這種趨勢看起來最具(jù)吸引力的地方。
它之所以可(kě)以發揮效果以及吸引用(yòng)戶的注意是因為(wèi)等距圖标具(jù)有(yǒu)簡單性和深度。通過增加深度和維度,它們喚起了平面設計的美感,使每個元素更具(jù)視覺吸引力,更容易讓用(yòng)戶理(lǐ)解。
大多(duō)數設計師目前正慢慢偏向選擇創建和使用(yòng)等距圖标集的形狀和元素,結合明亮的色彩方案,整體(tǐ)的設計看起來更加真實。這可(kě)以是一個吸引用(yòng)戶的組合,用(yòng)顔色吸引人們進入設計中(zhōng)。
在創建每個圖标時,使用(yòng)陰影和不同的透視圖有(yǒu)助于将流程和視覺層次結構添加到設計中(zhōng)。等距設計所營造的環境應該是一個符合實際情景對象的小(xiǎo)型“複制”。
信息圖形的圖标元素是這一設計趨勢的另一個流行應用(yòng)。在較大的信息圖表中(zhōng)使用(yòng)較小(xiǎo)的等距圖标,這種樣式的實際原理(lǐ)是通過一種簡單的方法來增加項目的視覺興趣和可(kě)用(yòng)性。由于更逼真的風格,等距圖标可(kě)以幫助增加用(yòng)戶對概念或Ides的理(lǐ)解。
2.從扁平圖标的自然演變
等距圖标是平面設計趨勢的自然演變。3D到2D設計仍然使用(yòng)簡潔、簡單的線(xiàn)條和造型,但深度稍深一些。
顔色模式通常來源于扁平化風格以及Material Design的知道方針。
等距樣式是簡單的圖形和信息内容的完美混搭,圖标設計很(hěn)容易讓用(yòng)戶理(lǐ)解,盡管目前有(yǒu)許多(duō)設計師依然喜歡使用(yòng)扁平化的樣式。
3.如何使用(yòng)等距圖标
等距圖标可(kě)以以任意數量的方式使用(yòng),并且具(jù)有(yǒu)不同的視覺特性。
這種圖标樣式的好處之一是,由于等距圖形的簡單特性——靜态或動畫-文(wén)件可(kě)以以較小(xiǎo)的文(wén)件格式保存,這樣你的網站在加載速度上就不會收到影響。
4.注意事項
盡管等距圖标是目前的流行趨勢,但是并不是所有(yǒu)項目都适合使用(yòng)這種風格的。
一些人認為(wèi)這種風格對于某些應用(yòng)來說太“卡通化”了。其他(tā)人擔心明亮的色彩方案會減損消息傳遞,或者讓用(yòng)戶在感覺上很(hěn)花(huā)哨。所以,你必須小(xiǎo)心使用(yòng)這個設計趨勢。
構建等距圖标比設計扁平化圖标更耗費時間。有(yǒu)太多(duō)的細節層次和三維效果必須考慮。如果視圖或方向是錯誤的,結果可(kě)能(néng)不太樂觀(如果你想快速入門,你可(kě)能(néng)會發現下載一個工(gōng)具(jù)包并通過它來了解會更方便一些)。
在等距圖标中(zhōng)有(yǒu)如此多(duō)的樣式變化,一些元素可(kě)能(néng)看起來會給人一種“過度設計”的感覺,這些元素應該避免。如果你發現自己在思考如何将元素是組合在一起,可(kě)能(néng)就出現“過度設計”的情況了。最好的設計——當涉及到用(yòng)戶時——應該是不可(kě)見的;元素應該是顯而易見的并且工(gōng)作(zuò)得很(hěn)好,但不是通過它的實際外觀的考慮程度來判斷的。
使用(yòng)太多(duō)的等距圖标而不在事前準備好計劃最終可(kě)能(néng)會破壞整體(tǐ)。記住,這些圖标比傳統的扁平元素具(jù)有(yǒu)更多(duō)的深度和細節。除非你有(yǒu)成組使用(yòng)它們的計劃,否則你應該小(xiǎo)心不要用(yòng)太多(duō)複雜的圖标插圖。
5.學(xué)習如何設計等距圖标
學(xué)習如何設計等距圖标的最好的開始就是通過下載一組已經統一風格和效果的等距圖标集合來查看。它将展示如何創建這種元素,使使用(yòng)等距圖标快速簡便(直到你準備好自己畫)。
尋找一個工(gōng)具(jù)包或圖标集,你可(kě)以通過下載,其中(zhōng)會包括AI文(wén)件,EPS或其他(tā)矢量格式,以便你可(kě)以根據需要縮放和定制屬于你自己的圖标。
總結
你準備好迎接等距圖标設計的潮流了嗎?這些圖标會是非常有(yǒu)趣的,盡管它們對于一些項目來說是很(hěn)難使用(yòng)的。
但有(yǒu)趣的色彩和深度以及現實性的額外元素,它們可(kě)以為(wèi)一些項目提供一個很(hěn)好的視覺組件。無論你是下載一個工(gōng) 具(jù)包還是畫自己的,這個設計趨勢都是我們期待在未來一段時間内看到的。
----圖文(wén)來自:網絡
----由廣州網站開發公(gōng)司-飛步科(kē)技(jì )編輯整理(lǐ),為(wèi)您提供更多(duō)有(yǒu)關廣州網站開發、網站設計、小(xiǎo)程序開發、APP開發及其他(tā)互聯網應用(yòng)服務(wù)