大連北大青鳥

蔚來資訊：UI設(shè)計(jì)中的圖標(biāo)，小細(xì)節(jié)的強(qiáng)大力量

細(xì)節(jié)決定成敗。

哈嘍，相信大家都清楚icon在UI設(shè)計(jì)里的影響力，今天就來跟大家分享一篇關(guān)于icon小細(xì)節(jié)的文章。

第一個UI概念是在多媒體圖標(biāo)集的基礎(chǔ)上創(chuàng)建的。

為了在實(shí)踐中展示集合中的一些項(xiàng)目，我們設(shè)計(jì)了Media Player App的UI概念。為該概念設(shè)計(jì)的播放器屏幕通過其符號意義和簡單易于識別的形式展示了具有深思熟慮的放置和功能的圖標(biāo)。

在屏幕上，您可以看到所顯示集中的圖標(biāo)，其中包含所有必要的功能（播放/暫停，后退/前進(jìn)，重復(fù)，靜音等）。在提要屏幕上，還有三個功能呈現(xiàn)圖標(biāo)，這些圖標(biāo)不僅提供清晰的隱喻和符號，還提供特定的風(fēng)格特征和明亮的視覺細(xì)節(jié)。兩位設(shè)計(jì)師的目標(biāo)是創(chuàng)建不會超出屏幕總體布局的圖標(biāo)，看起來與背景一致，創(chuàng)建簡單明了的用戶界面，易于在任何環(huán)境中使用。因此，所有圖標(biāo)都經(jīng)過精心繪制和塑造。

因此，這個概念顯示了這些小細(xì)節(jié)的重要部分，如創(chuàng)建高效UI設(shè)計(jì)的圖標(biāo)，通過所有應(yīng)用程序感覺整體和時尚。

為設(shè)計(jì)設(shè)計(jì)圖標(biāo)，設(shè)計(jì)師花費(fèi)了大量時間和精力，使其在用戶界面的總體布局中清晰，可識別且有意義?；诖?，我們制定了一個UI概念，展示了該集的廣泛功能，甚至超越了圣瓦倫丁節(jié)慶?；顒拥募竟?jié)性主題。

為了展示行動中的圖標(biāo)，設(shè)計(jì)師創(chuàng)造了約會應(yīng)用的概念。它被設(shè)計(jì)和思考為一種約會和　交流的社交網(wǎng)絡(luò)。在這里，您可以看到配置文件屏幕，日歷屏幕和供稿屏幕?！芭渲梦募逼聊伙@示用戶的數(shù)據(jù)和統(tǒng)計(jì)數(shù)據(jù)，以及在標(biāo)準(zhǔn)欄中使用所顯示集的圖標(biāo)。圖標(biāo)代表導(dǎo)航的主要步驟，同時成為屏幕的一般視覺表示的諧波添加。

“日歷”屏幕顯示應(yīng)用程序的交互式日歷，其中矢量圖標(biāo)表示為為特定日期計(jì)劃的禮品和操作的符號。此外，化身上的小圖標(biāo)成為標(biāo)記您正在約會的人的一個小符號。因此，圖標(biāo)成為導(dǎo)航功能可視化以及標(biāo)記特定數(shù)據(jù)的有效工具。此外，它們不僅起到了視覺元素的作用，而且還裝飾了屏幕，使它們生動，可愛，時尚。與前一種情況一樣，所有形狀，比例和曲線都是為了上述目標(biāo)而非常注意完成的。

因此，第二個演示文稿還展示了像圖標(biāo)這樣的小元素的巨大潛力和高水平的功能。

在Tubik Studio中處理不同的項(xiàng)目，我們的設(shè)計(jì)師準(zhǔn)備了UI工具包 —可以集成到各種Web或應(yīng)用程序設(shè)計(jì)中的用戶界面元素集。在這里描述的圖標(biāo)演示的概念，設(shè)計(jì)師還準(zhǔn)備了UI套件。

關(guān)于圖標(biāo)和概念的工作繼續(xù)呈現(xiàn)更多選項(xiàng)和圖標(biāo)的高創(chuàng)造潛力，作為用戶友好界面和成功交互的重要元素，提供積極的用戶體驗(yàn)。我們的設(shè)計(jì)師已經(jīng)在Dribbble，Behance，Creative Market和  Envato上創(chuàng)建并展示了幾組圖標(biāo)，包括此處顯示的圖標(biāo)。希望我們的工作對其他設(shè)計(jì)師有所幫助。