《iOS7化繁為簡》Flat UI平面化圖示新界面與嶄新操控模式

梅問題-iOS7 化繁為簡 Flat UI 平面化圖示新界面嶄新操控
  今天應該在各大網站中,已經看到Apple 2013最新發表會的內容,而這次所發表的iOS7,也如外界所謠傳的,將原先2.5D的半立體效果,全面改由全平面圖示,而新的界面反應二極,確實是如此,當梅干今天一早起床,看到全新的iOS7圖示時,讓梅干大吃了好幾斤,對於此次的螢光配色,以及Apple Store的圓框有點頂邊,與先前的圖示,有極大的差別,且有不少朋友說,此次的iOS7是winphone+android,但其實並非如此,iOS7依然保有它原來的設計法則,只是將圖像簡化了,除此之外在操控上,也有了重大的改變,讓操控變得更加便利,將先前許多需JB後才有的功能,一一的納入其中,因此也大幅的降低JB需求,而梅干也將此次iOS7的圖示設計法則,與全新操控,作了點整理,因此有興趣的朋友,不妨也看看囉!

iOS7支援平台:
iPhone4、iPhone4s、iPhone5
iPad2、iPad mini
iPod touch5
※今日起已開放,開發者下載beta版,正式版預計秋季推出。

iOS7 界面設計法則與規範:
iOS7此次圖示,依然保有一慣的圖角方型,同時若是圓形圖示,外圍還是會包覆著圓角方型,保持圖示的完整與統一性,因此對於之前已開發的APP影響不大。
梅問題-iOS7 化繁為簡 Flat UI 平面化圖示新界面嶄新操控
接著是文字部分,從字體、大小與行高,都有詳細的規範。
梅問題-iOS7 化繁為簡 Flat UI 平面化圖示新界面嶄新操控
iOS7 新功能與操控:
此次iOS7的新功能中,終於將先前JB中的sbsettings快速控制面板給納入其中,同時還加入無線播放的功能。
梅問題-iOS7 化繁為簡 Flat UI 平面化圖示新界面嶄新操控

梅問題-iOS7 化繁為簡 Flat UI 平面化圖示新界面嶄新操控
當已開啟的程式,上方也會出現程式縮圖,當要關閉時,只要將程式縮圖向上滑,即可關閉。
梅問題-iOS7 化繁為簡 Flat UI 平面化圖示新界面嶄新操控
網頁縮圖,變成3D縮圖效果,感覺就像在找文件一樣,說真得這還蠻酷的,但與它的平面化風格倒是有點不搭。
梅問題-iOS7 化繁為簡 Flat UI 平面化圖示新界面嶄新操控
當傾斜手機時,整體也會產生透視的效果變化。
梅問題-iOS7 化繁為簡 Flat UI 平面化圖示新界面嶄新操控
拍照界面也變得更簡潔,同時採半透明效果,但下方的紅色紐,感覺有點突兀。
梅問題-iOS7 化繁為簡 Flat UI 平面化圖示新界面嶄新操控
照片縮圖的部分,多了相片牆功能。
梅問題-iOS7 化繁為簡 Flat UI 平面化圖示新界面嶄新操控
iOS7 完整功能介紹影片:

  iOS7也正式的跟3Gs、iPod touch4說掰掰囉!所以這是告訴梅干敗家的時候到了嗎?但這時間點換iPhone5還真的有點尷尬,而每次Apple的設計,一直都是設計流行的指標,與學習的方向,此次看似簡單的平面化,但卻更考驗UI圖示的層次感,所以身為APP視覺設計的朋友,得再要多花點時間思考。

相關文章

「ScriptBrowser」讓iPhone下也能檢視網頁原始碼

「ScriptBrowser」讓iPhone下也能檢視網頁原始碼

「Manfrotto Telephoto 3x」專為iPhone手機攝影而生的3倍增距鏡

「Manfrotto Telephoto 3x」專為iPhone手機攝影而生的3倍增距鏡

「ProCam」讓iPhone拍照就像在操控單眼相機的M模式 (支援B快門)

「ProCam」讓iPhone拍照就像在操控單眼相機的M模式 (支援B快門)

關閉iPhone長按home鈕,開啟Siri的語音控制功能

關閉iPhone長按home鈕,開啟Siri的語音控制功能

「iNetTools」透過iPhone手機也可用Ping指令,讓網路狀況無所遁形

「iNetTools」透過iPhone手機也可用Ping指令,讓網路狀況無所遁形





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。