淄博阎囤工贸有限公司

首頁

一站式圖標設計指南

用心設計

這是一篇由國外萬粉dribbble大神Justas
Galaburda免費提供的圖標設計指南,在國外的UI設計圈子里算是引起了不小的關(guān)注。與一些小伙伴所期待的可能不一樣的一點是,這是一篇側(cè)重于方法論方面的指南,涵蓋了從設計第一枚圖標開始到完成一整套圖標所需要的一切,而不是一篇側(cè)重于軟件技術(shù)方面的指南。

一站式圖標設計指南

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

藍藍設計的小編

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

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

Minion App Icon by CreativeDash

iOS Icon by Eugene Zolotco


導航設計趨勢!關(guān)于圖標式導航的改進

藍藍設計的小編

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

圖標式導航的案例

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

為導航瘦身!關(guān)于圖標式導航的改進

這是Squarespace的圖標式導航:


為導航瘦身!關(guān)于圖標式導航的改進

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

導航設計趨勢!關(guān)于圖標式導航的改進

藍藍設計的小編

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

圖標式導航的案例

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

為導航瘦身!關(guān)于圖標式導航的改進

這是Squarespace的圖標式導航:

為導航瘦身!關(guān)于圖標式導航的改進

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

為導航瘦身!關(guān)于圖標式導航的改進

問題所在

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

 

學點新技能!玩轉(zhuǎn)響應式圖標設計

藍藍設計的小編

什么是響應式圖標設計?

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

圖標為什么要響應式?

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

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

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

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

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

sizes

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

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

藍藍設計的小編

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

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

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

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

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

社交媒體共享圖標在網(wǎng)頁設計中的作用

藍藍設計的小編

剖析社交媒體圖標

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

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

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套華麗的應用程序圖標,帶給你不一樣的視覺體驗

藍藍設計的小編

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

Delicious Berries

17. icons

33 Free Social Media Icons

4. icons

日歷

鏈接

個人資料

藍藍設計的小編 http://m.ibut.com.cn

存檔

广宁县| 毕节市| 三都| 宁阳县| 丰台区| 乾安县| 理塘县| 上杭县| 高碑店市| 阿合奇县| 元氏县| 融水| 东辽县| 革吉县| 石城县| 通州区| 韶山市| 阜阳市| 岳阳市| 宁远县| 虞城县| 确山县| 南阳市| 鹰潭市| 团风县| 安徽省| 图片| 大安市| 台中县| 永济市| 谢通门县| 唐河县| 柯坪县| 信丰县| 墨竹工卡县| 墨玉县| 四子王旗| 毕节市| 云龙县| 太和县| 华容县|