令人印象深刻的圖標設計風格有哪些?
雖然題主問的是「最深刻」的,但是很難取捨啊~ 還是列幾個吧,深刻程度不分先後:
Everaldo 的水晶系列圖標
http://en.wikipedia.org/wiki/Everaldo_Coelho#Crystal
此風格的圖標創始者應該是 Everaldo,名字就叫做 Crystal Icons,主要被用在一些 Linux 項目上。這種「亮晶晶」風格的東西現在大家都看膩了,但當初真的是驚為天人啊。現在我貌似找不到全套了,不過好在以前非常喜歡這些圖標,還用在了自己的第一個個人主頁上,翻箱倒櫃找出來一些:
IconDrawer 的 Classic Stock Icons 系列
http://icondrawer.com/buy.php
如果找一個 Stock Icon 界的 Helvetica,那絕對跑不了肯定是他了!IconDrawer 這套圖標相信已經出售無數份了,極其多服務和應用的網站都用了這套圖標。大標光影細膩有細節,小標精緻夠飽滿,每一枚都能讓我揣摩好久(知乎上傳的圖質量有壓縮,請移步上面的鏈接查看大圖,下同)。
D. Lanham 的推特瑞菲克小鳥 Ollie
http://dlanham.com/
這位大神就不用介紹了,非常喜歡他帶有插畫風格,但又相當有「圖標味」的圖標。我所謂的「圖標味」是指不管寫實風也好、插畫風也好、像素風也好,所表現的物體必然是經過某些藝術化甚至誇張處理以適合在屏幕上顯示並且表達應有含義。說白了就是圖標除了要好看,也要夠飽滿、細節取捨恰當、小尺寸看得清、能成套、與使用環境夠融洽。
IconKa 的圖標作品
http://iconka.com/
很標準的俄羅斯風格,前蘇聯出土的界面工作設計師 / 個人有很多,此君特別之處一個是他使用 Xara Xtreme 作圖,另外是早年間他錄過幾個驚為天人(我怎麼又說驚為天人了?)的圖標設計過程視頻:http://www.youtube.com/user/ikonkaru/videos?view=0flow=grid (需翻牆)
iconwerk 的單形圖標
http://www.iconwerk.de/
單形圖標市面上多到爆,但是 iconwerk 的牛 X 之處在於能完美地處理正負空間之間的關係,飽滿度和美觀度上幾乎做到極致了,可惜他現在的個人網站上沒有大圖了,貼一個他以前個人網站的截圖(如果你對這個有印象,說明你老了。。。):
更多他的成套作品可以嘗試自行 Google。另外此君以前出了個 Podcast 講授圖標設計,可惜。。。可惜。。。只出了一期:
https://itunes.apple.com/us/podcast/iconwerktv-hd/id334286614?mt=2
寫到之里發現變成一個懷舊貼了,哈哈。。。不過這些確實是歷代讓我印象頗為深刻的、開創了自己風格的圖標大師們
Hybridworks
http://www.hybridworks.jp/
這位日本大師的牛哄哄 Flash mini site 網站貌似打不開了。。。可圖標還是依然牛逼著啊~~ au Infobar A01 手機的界面設計他應該也參與其中了
Softfacade
http://www.softfacade.com/
又是一個前蘇聯地區的,他們的東西都寫實得不像圖標,但能給人留下很深的印象
以上
mikworks
http://mikworks.com
很精細的風格
David Lanham的Agua
David Lanham ? Agua
當年相當喜歡這個全套Mac OS X的圖標
McDo DESIGN的圖標
Flickr: McDo DESIGNamp;#x27;s Photostream
Jonas Rask的Pry
Blog
丹麥的設計師,給Mac OS畫過無數套個人作品的大牛,至今也最喜歡他的Pry。
後來曾跑去玩攝影就再也沒見過他的作品,個人網站也有段時間打不開。
慶幸現在又能打開了,只是現在放出來的作品只有那麼一點點了。
hlvticons
Hlvticons
上面大家已經說了很多,我再來補遺一下下。
Tango project 絕對是目前linux環境以及眾多開源軟體中應用最多最喜聞樂見的視覺設計風格。我想筒子們一定或多或少的再哪裡見過它們的身影:
tango家的design guideline中如下介紹它們自己:
The Tango icon theme"s goal is to make applications not seem alien on any desktop. A user running a multiplatform application should not have the impression that the look is unpolished and inconsistent with what he or she is used to. While this isn"t about merging styles of all desktop systems, we do aim to not bedrastically different on each platform.
Along with a generic type fallback, having a similar style will help in the transition phase with some legacy icons which may still remain on a user"s particular desktop.
具體的guideline地址:Tango Icon Theme Guidelines
補充兩個風格十分個性化而讓我留下深刻印象的
1.Webshocker (個人覺的有些已經不適合做icon,不過3d風格很獨特)
官網 http://www.webshocker.net/pc.asp#xpath=/home#xpathid=#lang=eng
追波 http://dribbble.com/Webshocker
2.Michael Flarup(濃墨重彩,卻又不臟,很有視覺衝擊力)
官網:http://www.pixelresort.com/
追波:http://dribbble.com/flarup
3.追波上有很多讓人印象深刻的圖標/界面設計師,歡迎來我的關注列表翻http://dribbble.com/JunoMa/following
補充一個:AirDrop
mattahan 大神的 BUFF、GANT系列
mattahan"s deviantART gallery
XP時代與 BuufXP 資源包和 Opus OS 主題一起使用簡直是絕配,有圖為證:
BuufXP Universal ShellPack
Opus OS 1.5 by ~b0se on deviantART
稍微不大全面地來說一下我個人喜歡的幾套
1 / Pixel Tales 系列
當年極限主題 (http://ThemeX.net) 上的 inguramu 的作品 Pixel Tales. 雖然大體設計類似 OS X 的系統圖標, 但是個人認為其細節處理更為細膩清新. 時隔七年, 我在 Win 7 上仍然使用這套圖標. 其續作 Pixel Tales 2 同樣是精品. 這兩套作品的另外一個特點是文件格式非常全, 基本不會出現突然某個文件的圖標出現風格不匹配的狀況.
Pixel Tales 2 - 圖片借自 JJ Ying 的 Blog
2 / Windows Vista Icon Suite
06 年初看到 Windows Vista 測試版的截圖時, 除了被毛玻璃界面深深吸引, 也覺得圖標令人眼前一亮. Windows Vista 的基本圖標風格出自 IconFactory 之手, 再由微軟的設計師擴充成套. 這一風格從 Vista 沿用至今日的 Windows 8 (Desktop), 生命力亦算旺盛. Aero 的毛玻璃主題因為細節處理略顯毛糙 (相對於 OS X), 所以不久我就對它有些膩味了. 但是這套圖標我認為還是比較耐看的.
Windows Vista Icon Suite - http://IconFactory.com
3 / Windows XP Icon Suite
以前還常逛極限主題時, 就見不少人說仿 Mac 仿 Vista 膩味了於是回到 XP 的默認主題 Luna. 雖然我不是很喜歡 Luna 這套主題, 不過回頭再看 Windows XP 的這套默認圖標則是越看越順眼. 這套圖標與 Vista Icon Suite 同樣出自 IconFactory 之手, 相比 Vista Icon Suite 稍有冷峻的科技感, 這套圖標帶給我更多的是一種溫暖、清新的感覺.
順帶吐個槽, 我一直覺得 IconFactory 的設計是比較偏「蘋果系」的, 而 Windows XP 和 Vista 的圖標均出自 IconFactory, 不由得讓人略微覺得有些諷刺之感.
Windows XP Icon Suite - http://IconFactory.com
4 / Tango Icon
在今日「扁平化設計」一詞流行之前, 在 Linux 桌面陣營早有以 Tango Desktop Project 為例的簡潔設計風格. 這套開源的圖標風格被不少 Linux 軟體, 甚至是如 VMWare Workstation 6 的閉源軟體採用.
Tango Desktop Project - http://Wikipedia.org
暫時就想起這些.
Faenza Icons faenza系列和faience系列 Faience icon theme
這個,由此愛上扁平化設計。
Keka 一款Mac上的解壓縮軟體
求不打我……
題主問的是令人印象最深刻的 icon 設計風格有哪些? 大家的回答好像有些些偏題了,不管了我也來給大家推薦幾個喜愛的設計師吧!
Paco 肖鵬微博,湖北武漢人居北京,自2007年起一直從事互聯網與移動設備的圖形界面設計工作。Iconfans榮譽版主,UIthink聯合創始人。曾任職於Baidu無線部門,現就職於鎚子科技公司。喜歡墨鏡 帥哥一枚。
作品簡潔充滿魅力與品質感,在Dribbble擁有近7000 Followers 算得上Dribbble華人幫里明星人物。
這個白色Clock圖標在Dribbble上被多次模仿,京東某期專題無恥盜用過(好像知乎之前也在未先通知本人的情況下使用了他的一個圖標 未求證)
附作品兩張:
Adrien Olczak http://twitter.com/aolczak,美國舊金山人,經常在Dribble上分享自己作品PSD源文件,給了很多新手朋友(想我這樣的)學習和崇拜的機會。
作品多以寫實為主,質感細膩,打開的他的PSD分層文件你會發現作品刻畫的細緻入微,值得學習。附作品兩張:
Harwen張天翼微博,天津人,肄業於天津師範大學。從業6年有餘,Iconfans資深會員,曾就職ChinaUI、暴風,後來到處遊盪自由職業 現工作未知。ipod里最愛的一個圖標就是出自Harwen之手。The Polaroid Instant Camera
內容為網路收集 作者信息來自新浪微博Dribbble華人幫
新鮮出爐的鎚子os, baidu icon
Simon Oxley:Octocat 及其他異世界生物
GitHub 上那隻晚期癮君子也吸不起的章魚貓、曾經留著洗剪吹髮型的推特鳥……這些來自另一個世界的生物,都是 Simon Oxley 的作品。它們背後沒有迷人的傳說,也沒有雞湯的背書,呈現給你的只是長相風趣的小怪物們。Simon 已經創造了上千隻詭異生物,看著這些互相搭不著邊的傢伙,你很容易迷失在設計師的夢遊仙境里……
不過,與你想像的迥異,幾次出名都沒有讓他一夜暴富,GitHub 創始人只花 50 美元就買來了章魚貓(還附帶一大堆其他作品);Twitter 更是只付了 15 美元,層層盤剝下來,最終 Simon 不過拿到了一頓飯錢。好在他本人還是更喜歡沉浸在繪畫的世界裡,倒也瀟洒自如。
Just hope to never lose the fundamental enjoyment of drawing while appreciating any positive recognition from the wider world.——Simon Oxley(大意:感謝世界給予你的肯定之時,希望不要失去繪畫最初的樂趣)
Simon 目前仍然從事自由職業並活躍於 iStock 上,你可以在他主頁上看見大大的「Hire Me」字樣。
個人主頁:mascot character logo design
Dribble 主頁:Simon Oxley - Dribbble
Jon Hicks:火狐、雷鳥和送信猴子
青年輟學從藝的 Jon Hicks 創立了 Hicksdesign,迄今為止已和一票科技圈的大佬打成一片,Skype、Opera、Spotify、Mozilla 和鴨子鴨子走都是他的客戶。
我最喜歡他為 MailChimp 設計的吉祥物猴子信差。雖然最初的猴子不是 Jon 所設計,他卻培養出了一名看上去更靠譜的信差——嗯,據說早先那隻猴子是隨手畫的,MailChimp 的客戶都抱怨它看上去很不牢靠:
的確是一副會把會員郵件搞丟的模樣吶。
說到 Jon ,不得不提他在 Opera 的多年經歷。將近十年前,他就開始為 Opera 改進 Mac 版本的交互界面,期間斷斷續續想要停下工作、做點不一樣的事情,直到 Opera 祭出「總設計師」的職位來挽留他。
不過,去年 Jon 還是結束了在 Opera 的工作,又回歸了「自由身」,在未來他會創造出怎樣的作品,還是很值得期待的。
個人播客:RAF Little Rissington
公司主頁:Hicksdesign for old and new-fangled media
Susan Kare:Hey Mac,笑一個
80 年代的 Macintosh 電腦從施樂這位「富有的鄰居」身上學來了圖形界面,不過把原本古板的圖形做得人見人愛,還得歸功於 Susan Kare。當時尚年輕的 Kare 為 Macintosh 設計了一系列的應用圖標,巧妙組合黑白色塊,把那個年代顯示器的性能壓榨得一絲不剩。這些像素風格的圖標,放在今天來看也顯得活潑有趣。
我最喜歡的就是 Macintosh 電腦圖標上的笑臉,其實 FaceID 上也能看見它的影子。而 Kare 為 Jobs 畫的像素畫像也出乎意料的傳神,讓人佩服那個年代的設計師,能夠在解析度如此之低的屏幕上大展拳腳。
如今,這些圖標本身已經不在 macOS 上沿用,至多在 Finder 和 Safari 的工具欄還可以看見它們的影子。不過 Kare 的另一組圖標作品則仍然藏在我們的電腦里。在字元檢視器中有一組「象形文字」,其中不少和 Kare 早期的作品有著淵源。你可以啟用這些字元,向朋友們發送獨特的復古版「emoji」。
你發現「原版」的 表情了嗎?
像每箇舊金山的大忙人一樣,Kare 也是一個嗜咖啡如命的設計師,除了 iPhone 和 MacBook 之外,她離不開的電子產品就是咖啡機了。
現在 Kare 與 Pinterest 合作,多元發展,除了繼續繪製圖標,也熱衷於製作壁畫和周邊。你可以在推特上找到她,看看又有什麼新玩意兒開賣了。
個人主頁:Susan Kare – User Interface Graphics
一直都很喜歡這套icon和這款rom的UI,因為一直崇尚著四個字:大繁至簡!
關注了Dribbble網站有半年左右,大家發送的圖基本都看到過。個人認為用在ios系統下呈現的圖標,太過擬真的反而不佔優勢,設計的過於寫實的光影效果縮小後辨識度遠遠低於矢量圖形。
快看那隻Y combinator。遞歸的圖標你們見過莫?情懷!
http://www.theskinsfactory.com/portfolio.php
Dribbble - Lomo Camera iOS Icon by Hugo Fran??a
推薦閱讀:
※圖中男生的立體效果是怎麼製作的?
※為何這張圖絕大多數看到的都是「自學」?
※Google 最近的設計風格變化是誰在負責?為什麼要這種全白的設計?
※不斷疊加兩個 50% 透明的顏色是否能得到一個百分百不透明的顏色?
※怎麼用 Adobe Illustrator 畫出曲率連續的曲線?