loading...

SKIP 繼續

艾易網絡高端策劃機構

158-3484-2555

news

新聞動態

設計師必須學會的圖標技巧

2019-08-14

一:圖標的定義


一說到圖標,我覺得大部分的人都會覺得特別的熟悉。圖標,也叫icon或者是picto,是有明確含義的圖形的視覺的語言。當我們一提起圖標的設計的時候,不知道你的腦海里會呈現出哪個圖標呢?可能你會想起微信APP,或者我們每天使用的APP中的那些返回、關閉等系統的圖標,也可能是商場里面的衛生間的圖標的等。圖標的形式有很多種,它可以應用在很多的場景中,并且表現的方式也是非常的豐富的。有有線的、有面的、也有擬物的等等。圖標的歷史我們還可以追述到象形的文字中,我們祖先在最開始的時候,是使用圖標來記錄一天的生活的。聽著感覺有沒有不可思議呢?在平面設計的領域商標也是一種圖標,平面設計里的視覺導視也是有圖標的應用的,所以說圖標在我們的生活中應用的非常的廣泛。

分分11选5隨著計算機時代的到來,我們從80年代的施樂公司界面中的單色圖標開始,圖標就出現在屏幕之中了,圖標能被大眾所理解。其實擬物時代的盛行也帶來了一些麻煩:擬物圖標的質感、光影等會吸引走用戶的注意力,我們稱之為【視覺噪音】。


設計師必須學會的圖標技巧


所以設計師開始探索更多新的表現形式來設計界面中的圖標。其實扁平的圖標在歷史上也有過很多次的嘗試,但是都由于太過抽象、缺乏情感的傳遞,然后沒有獲得用戶的喜愛。我們在現有的界面設計中的圖標是一種【輕擬物】或者是【微扁平】的風格。扁平的圖標以及線型的圖標適合在面積比較小的區域中使用,在面積比較大的區域中我們在使用的時候會加入漸變甚至是輕質感的圖標。

分分11选5現如今我們看到的圖標稱之為特別的豐富了,如果我們根據分類對圖標進行分類的話,在UI 設計中的圖標可以分為帶有品牌的屬性以及特性的產品圖標、有功能的指示作用的圖標。


二:產品的圖標


產品圖標能夠在我們設計界面的時候體現品牌的調性和特性的圖標。我們可以通過產品的圖標,用戶就可以大概的感知到這個產品主要是做什么的。我們常用的微信,微信的圖標是兩個對話氣泡,這就暗示了是一種社交類的APP,再例如ofo,是一輛自行車,這也暗示了是一種共享單車的APP。

設計師必須學會的圖標技巧

分分11选5有些時候產品也是依靠著自身已經在用戶的內心中產生的品牌來直接設計產品的圖標。支付寶就是一個支字,淘寶就是一個淘字。所以優秀的產品圖標會在我們心中烙下印記,當我們看到這個標識的時候,我們就會想起是哪個產品。其實產品的圖標就像企業的LOGO一樣,需要讓用戶一眼就能看出是哪個產品。所以說,一個優秀的產品圖標是非常重要的。


1.風格


產品的圖標有著各種各樣的風格,并且這些風格有可能是擬物,也有可能是扁平的,也許是抽象的,也可能是很具象的。我們可以通過不同的設計風格可以更加的標新立異,從而被用戶所記住。所以說要讓用戶記住我們的圖標是一件多么重要的事情。在這眾多的產品里面,我們的產品只是萬眾功能的一個,所以用戶不可能及得自己手機里面的App都有什么,能在第一時間取得好感和記憶的是非常重要的。產品圖標的主要風格有以下幾種。


文字的風格


文字是最直白的東西,并且不容易被曲解。在國內很多商家都會用文字來作為自己產品的圖標。例如:支付寶、淘寶、愛奇藝、OFO等。其實這樣做也有不足之處,就是文字沒有圖形有一種美的感受,文字是需要閱讀的并不是觀察的。如果想給自己的產品使用文字作為圖標的話,最好用1-2個字,不能是產品的全稱。當然啦,不管是中文還是英文都是需要有符合氣質的字體并且做出一定的變化。

淘寶:淘寶采用淘字作為產品的icon圖標,且背景的顏色是一種令人興奮的以及刺激的橘黃色,凸顯出電商的屬性。并且這個字使用了很久,用戶對此也有一定的品牌的認知。

愛奇藝:愛奇藝采用的是英文字母iQIYI以及上下邊框組合的形式。這個邊框整體看起來像一個電視機,強調了品牌的屬性以及功能,也用了在視頻非常有識別性的綠色,讓人們一看便知道是愛奇藝了。

Facebook:同樣也是一款社交的產品,Facebook的產品圖標也是采用了一個字母代表著較長的英文單詞。

設計師必須學會的圖標技巧

正負形以及隱喻風格


圖標的設計可以使用正負形和隱喻,來讓圖標更加有耐人尋味的點。

抖音:抖音的產品圖標是一個音符,大家有沒有注意到,下面的圓形負空間也是一個音符,所以會顯得非常的巧妙。

分分11选5Keep:Keep的產品圖標是一個k,但是同時也是一個人站著抬腿鍛煉。


LOWPOLY風格


分分11选5這種風格應用在產品的圖標上是非常的搶眼,因為用戶手機可能有很多種APP,第一眼掃過去一定會注意到最亮眼的圖標。LOWPOLY是因為你本身的造型是非常吸引眼球的。所以很多產品的圖標都是使用LOWPOLY作為圖形的背景。

潮自拍:潮自拍使用暖色鄰近色漸變的LOWPOLY作為背景,并且使用了一個很潮的S。

人人:人人的產品圖標使用了不同的矩形斜度45°,并且增加了設計的速度感。


總結:


分分11选5圖標設計是UI設計中非常重要的一環,是因為除了文字和圖片的排版以外,在扁平的時代我們能夠傳遞給用戶情緒和設計感的通道就是頁面中的各種圖形和圖標了,如果我們做不好圖標,用戶就將在使用界面時失去樂趣。所以,設計師都需要在平時做大量的圖標練習。在不同的圖標風格中,學會使用各式各樣的武器。

ewm

有類似的需求 我們聊一聊

我也有同樣的需求
載入

分分11选5正在為您提交.....

一分11选5-官网 彩神8官网-欢迎您 彩神8app-安全购彩 广西福彩网-Welcome 广西体彩网-Home 江苏体彩网-分分11选5 江苏福彩网-推荐 贵州体彩网-官网 贵州福彩网-欢迎您 贵州彩票网-安全购彩