1. 首頁
  2. »
  3. 行動裝罝
  4. »
  5. Apple
  6. »
  7. iOS
  8. »
  9. 《iOS7化繁為簡》Flat UI平面化圖示新界面與嶄新操控模式

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

2013/06/11

梅問題-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視覺設計的朋友,得再要多花點時間思考。