Skip to main content
search

說到前陣子鬧的沸沸揚揚的 iOS 7 Icon 設計,雖然不少專業人士都力挺 Jonathan Ive 版本的原始設計,不過我覺得那些非官方的設計師版本設計還是可以看看,因為有些真的也是很令人驚豔(或者令人傻眼)。素材網站 Iconfinder 蒐集了許多在 Dribbble 上發表的重新設計過後的 iOS Icon,整理如下。

 

重新設計:Safari

這些民間版作品大部分是降低藍色的彩度,加上指南針外框,簡化標示刻度,製作具有立體感的陰影效果。

safari_icon_2x

▲原版

Call-it-Sfr-for-iOS7-by-B3rto
▲加上去的金屬外框

I-know-I-know-by-Webshocker
▲這一組的陰影是我覺得上的最漂亮的

 

safariflattie_2x
▲看來這位設計師非常反對扁平化設計...

 

iOS-7-grid-system-by-Robert-Hellmundt1
▲縮小圓面積

 

iOS-7-Safari-Icon-and-grid-by-Maximo-Gavete.png.pagespeed.ce.iIvn-2qero
▲很簡,簡到不行,不過是不是有種日立冷氣的感覺啊?

 

Safari-by-anon-wuttowsky.jpg.pagespeed.ce.8Lu6JMZVmF
▲這陰影強到我覺得我身在沙漠

 

Safari-iOS-7-Icon-Concept-by-Ali-Rahmoun.jpg.pagespeed.ce.FkC_y5L814
▲一樣是日立冷氣的 Style

 

Safari-Ios7-by-Justin-Nurse.jpg.pagespeed.ce._Xg9zGSC4u
▲指針縮小了,刻度簡化到接近時鐘的感覺

 

Safari-iOS7-Fix-by-Jeremy-Goldberg.jpg.pagespeed.ce.6enul1tvRE
▲彩度降低,讓漸層不那麼強烈,看起來更柔和。

 

重新設計:照片

原版的很棒,沒什麼可以改的。

photos_icon_2x
▲原版

 

iOS-7-Photos-by-Philipp-Antoni.jpg.pagespeed.ce.4qpYT6604A
▲延伸花瓣

 

Photos-iOS7-Fix-by-Ermin-Celikovic.jpg.pagespeed.ce.yrAsvC1Pq_
▲硬是縮小了花朵面積

 

重新設計:控制中心

其實我覺得原版的控制中心也很棒。

iOS-7-Control-Center-Redesign-by-Clement-Ng

▲左邊是原版,右邊的把按鈕旁的圓圈和框線都拿掉了

 

iOS7-Dark-Theme-by-Huig-van-der-Waal2

▲專為黑暗時刻設計的特殊主題

 

重新設計:AirDrop 分享介面

Screen Shot 2013-07-03 at 2.12.26 PM

▲原版

 

iOS7-AirDrop-Large.png-by-Zane-David1
▲主要是最下方的按鈕從框線變成填色圖形

 

重新設計:其他 iOS 7 內建 App

iOS-7-icons-by-Alexandr-Nohrin1.jpg.pagespeed.ce._Q3nKMPzyh
▲那個 Video 還滿奇怪的,Newsstand 乍看一下我以為是 Passbook(一堆票啊...),Messages 有種「微信」的感覺

 

Ios7-Icons-by-Gil.jpg.pagespeed.ce._7lIcKPs2L
▲又是縮小圓面積,然後降低彩度
A-better-iOS-7-by-Graphicure-Luca.png.pagespeed.ce.TeNYC3ogdw
▲Stocks 改的好簡單(而且是股價下跌中...),Photos 我覺得沒有照片的感覺,倒很像繪圖軟體
Another-one-by-Gustav-aagren.jpg.pagespeed.ce.r_IgdTvwSk
▲Safari 那顆扁平化地球的感覺不錯,行事曆那樣遠看一定看不清楚今天幾號
iOS-7-by-JustD.jpg.pagespeed.ce.5OZrI9YTH6
▲竟然有三個 Icon 都是一團黑
iOS-7-Icons-by-Matthew-Skiles.png.pagespeed.ce.u5Oa4PTEGi
▲降低彩度,縮小圓面積
iOS-7-Home-Screen-Icons-by-Sam-Beckett.png.pagespeed.ce.GeNFFu-lEn
▲這張算是 iOS 6 + iOS 7 的合體
iOS-7-Redesign-by-Leo-Drapeau-22.jpg.pagespeed.ce.WreYC3aXd_
▲彩度大致不變,縮小圓面積,並且多了許多陰影細節

iOS-7-Redesign-by-Leo-Drapeau1.jpg.pagespeed.ce.h9Z6fFzP2j
▲右邊是原版,左邊是改版,最明顯的地方是調整了漸層的方向(例如:天氣、Mail)

Ios7-Concept-by-Ariel-Verber.jpg.pagespeed.ce.LpSM_rbrmg
▲這算是眾多重製作品中,比較獨樹一格的,可以給 Android 用了

iOS7-Icons-by-ididi.jpg.pagespeed.ce.sup9UMO4-5
▲降低彩度

Ida-Swarczewskaja1.jpg.pagespeed.ce.zJoYJJWCAV
▲除了降低彩度之外,電子羅盤改滿大的,相機部分我覺得沒有比較好

Phone-Icons-Set-by-Ida-Swarczewskaja.jpg.pagespeed.ce.H4WxhfdvlP
▲扁平之中求個立體感
real_pixels.png-by-Carlos-Gavina
▲很簡,但有種兒童介面的感覺
Thoughts-on-ios7-by-Dave-Qin
▲你猜猜看哪個是哪個...
圖片與資料來源:
The Iconfinder Blog | Icons of the week #10: iOS7 Concepts

徐仲威

FacebookThreadsInstagramYouTubeDcard工作室蝦皮訂閱電子報| zeals75@gmail.com

One Comment

歡迎留言,我都會回

Close Menu
那些在我身上的底片效應