首頁

巧奪天工!50枚來自Behance、DRIBBBLE的超精致圖標

藍藍設計的小編

自從蘋果iOS系統(tǒng)推出后,擬物化圖標設計逐漸風靡全球(好吧!讓我們暫時別提iOS7的扁平風),隨著技術發(fā)展,設計師們也越來越厲害,圖標做得愈加精致。如果你是一個移動界面設計師,或者你對圖標設計感興趣,那就千萬不要錯過接下來的這50枚精致圖標!希望它們能給你帶來創(chuàng)意與靈感。

多嘗試,多練習,多模仿,你也可以的!
PS+AI制作精致可愛的毛線風格圖標
在PHOTOSHOP中創(chuàng)建精細的工具圖標

Minion App Icon by CreativeDash

iOS Icon by Eugene Zolotco


導航設計趨勢!關于圖標式導航的改進

藍藍設計的小編

不知不覺的,很多網頁設計中采用了圖標式導航(Navigation)——一般使用三道杠作為圖標,用以導航。
這種導航的好處是節(jié)省空間,讓界面更簡潔。

圖標式導航的案例

這是YouTube 圖標式導航(移動版):

為導航瘦身!關于圖標式導航的改進

這是Squarespace的圖標式導航:


為導航瘦身!關于圖標式導航的改進

AWARD的圖標式導航不拘一格:

導航設計趨勢!關于圖標式導航的改進

藍藍設計的小編

不知不覺的,很多網頁設計中采用了圖標式導航(Navigation)——一般使用三道杠作為圖標,用以導航。
這種導航的好處是節(jié)省空間,讓界面更簡潔。

圖標式導航的案例

這是YouTube的圖標式導航(移動版):

為導航瘦身!關于圖標式導航的改進

這是Squarespace的圖標式導航:

為導航瘦身!關于圖標式導航的改進

AWARD的圖標式導航不拘一格:

為導航瘦身!關于圖標式導航的改進

問題所在

問題在于,點擊圖標式導航之后,圖標本身沒有任何變化。也就是說:操作缺乏反饋。

 

學點新技能!玩轉響應式圖標設計

藍藍設計的小編

什么是響應式圖標設計?

響應式設計主要講的是布局,那么什么是響應式圖標?響應式圖標設計是一種根據(jù)屏幕尺寸來改變圖標類型、從而達到更好可讀性的設計。

圖標為什么要響應式?

怎樣閱讀內容?時至今日,我們用來閱讀內容的平臺越來越多。設備、屏幕分辨率、瀏覽器、平臺——我可以拿著5S+Safari+iOS7.0瀏覽網頁,也可以拿著1020+Chorome+WP8瀏覽網頁。

各種選擇,各種搭配實在是太多了,這些都或多或少的影響了內容的可讀性。而圖標作為一種視覺語言,可讀性非常重要。

圖標設計,首先要滿足易于理解。其次,圖標的可讀性必須高。在小尺寸的情況下,圖標設計為了追求更高的辨識度/可讀性,可以選擇犧牲一點美感。

那么能不能美感、可讀性兼得呢?圖標設計的藝術便在于二者的平衡,取與舍。怎樣設計,讓不同尺寸的圖標均能展現(xiàn)美感,同時又具備可讀性?

我認為,需要根據(jù)尺寸范圍進行圖標響應式的優(yōu)化

sizes

這個理念不是新的。對于柵格化圖標來說,這種設計方法很常見。

界面圖標創(chuàng)意設計教程

藍藍設計的小編

在網上看過很多設計師的圖標制作過程,基本都是偏向技法的介紹.其實在圖標設計過程中除了技法之外最重要的就是圖標創(chuàng)意了,但這方面的系統(tǒng)介紹網上倒是很少.借這次實際的界面設計項目,來分享下我自己對界面圖標制作創(chuàng)意階段的方法的理解.并以豐富的圖例來闡釋自己的想法!以次作為圖形界面設計師交流的引子!歡迎大家進來交流!

這個過程比較長,自己只能分階段的準備好,發(fā)上來!快畢業(yè)了事情很多,多多諒解!
今天把部分草圖放上來!創(chuàng)意說明后續(xù)準備.

第一部分:圖標創(chuàng)意階段

其實這個階段之前還有個重要的步驟,就是創(chuàng)意準備.

根據(jù)項目需求,確定圖標的風格,這在界面設計過程中,有風格評測的方法來確定項目是走什么風格路線.這也是項目前期用戶研究的內容,有潛力的公司會制定"用戶角色",

社交媒體共享圖標在網頁設計中的作用

藍藍設計的小編

剖析社交媒體圖標

事實上,社交媒體圖標可以理解為社交媒體、社交網絡的標志以及說明的鏈接。

社交媒體圖標可以表現(xiàn)出幾個不同的功能。有時,它是社交網絡中的公司資料頁面/帳戶的鏈接。通常情況下,你可以在它們的周圍看到“跟隨我們……”或“加入我們……”這樣的字樣。這些圖標通常會被放在網頁的頂部或底部,也可以放置在側邊欄。從經驗來說,它們在整個網站都是可見的。

Lucius

Social media sharing icons influence web designs

Polaris UI Kit:精美的 UI 組件包和矢量圖標(AI, PNG, PSD, SVG)

藍藍設計的小編

Smashing Magazine 發(fā)布了一個包含非常有用的 UI 組件和 48 個精美的矢量圖標的素材包。界面組件包 Polaris UI Kit  里面包括編輯框,復選框,單選按鈕,頁面導航,菜單,按鈕等等,可以免費用于任何項目。圖標集合 Linecons 里面包含的 48 個可伸縮矢量圖標都是 outline 風格,提供了 AI, PNG, PSD, SVG 等多種格式。

20套華麗的應用程序圖標,帶給你不一樣的視覺體驗

藍藍設計的小編

在這篇文章中,我已經收集了20個華麗的圖標集,適用于幾乎任何類型的設計。這些圖標有一個干凈的和描述性的外觀,同時遵循良好的設計原則,相信你會喜歡。

Delicious Berries

17. icons

33 Free Social Media Icons

4. icons

網頁素材大寶庫:50套非常精美的圖標素材

藍藍設計的小編

圖標對網頁設計師來說是寶貴的財富,高質量的圖標素材既能為設計師節(jié)省時間,又能有很不錯的效果。網上的免費圖標素材非常多,可以說是琳瑯滿目,那些充滿分享精神的設計師們把素材共享出來,讓更多的人可以使用他們的優(yōu)秀設計。今天這篇文章為大家收集了50套新鮮出爐的圖標素材資源與大家分享,可以免費下載。記得分享和推薦一下 :)

 

Book Icons

日歷

鏈接

個人資料

藍藍設計的小編 http://sillybuy.com

存檔