為iOS7重新設計你的App

2021-08-27 17:45:09 字數 1647 閱讀 2296

現在隨著更新換代,移動裝置的效能正變得越來越強大。與此同時,由於可以實時計算物品的物理屬 性,動畫效果也變得愈加真實。在 ios 7 中,我們不需要在介面中使用陰影和漸變這些效果了,而是應該更關注使用者的感覺、手勢以及互動的影響。憑藉 ios 7,你可以建立乙個新世界而不是模仿舊有的世界。

新 sdk 可以讓你簡單地建立並使用自定義的動畫效果。在 ios 7 之前,開發者需要做大量額外的工作才能改變 view controller 之間的轉場效果。ios 7 可以讓你簡單地新增自己的動畫,以幫助使用者在不同螢幕之間切換的同時還不會丟失關注焦點。

在 grocery list 中,我們並沒有使用任何自定義手勢,但是為了在下個版本中改進使用者的操作流程,我們支援在 cell 上進行左右兩個方向的滑動來分別展示產品的不同選項。你可以簡單地從螢幕的右邊緣向左滑動來快速訪問選單以進行列表或者模版的相關設定,而不用在導航欄一層層地返回。

在正式發布前,大家對於 ios 7 最大的爭論莫過於扁平化和擬物化(skeuomorphic

) 這兩種設計風格間的區別。ios 7 完全摒棄了設計上對真實世界的依賴,但最大程度地保留了為大眾所熟知的互動模式。新的纖細的工具欄圖示可以幫助內容脫穎而出,但是別忘了,這樣做的後果是 這些圖示本身變地不容易識別而且語義不明。尤其是當圖示的下方沒有說明其行為的文字標籤時,情況更是如此。

我們發現爭論的重點並不完全在於是設計上是應該再造還是移除所有實物的外觀,而是說哪種設計可以 更好地突顯內容。如果在導航欄中增加細微的陰影可以突出內容的話,那也沒必要一定不使用陰影。最重要的事情還是在需要的時候增加對比度,並且以一種方便用 戶使用的方式來展示你的內容。

grocery list 在設計上非常依賴於真實世界的物品。比如以黑板為 背景,類似紙張上的單元格,所有框架都是有光澤的木質效果。這種設計看起來很好看,但是在這個狹小的空間內如何放置使用者互動的控制項也會是個不小的挑戰,增 加新功能時也同樣要考慮這個問題。在 ios 7 這種更輕量的設計中,我們不必像之前那樣關注如何更逼真地擬物化,而是可以把關注點放在如何提公升互動,以便使用者達成自己的目標。grocery list 2 一定會使用這個新的設計語言,同時也會保持自己的風格。

在 ios 7 的裝置上使用幾周後,明顯感覺到現在的互動變得比之前版本更方便。新的動畫、手勢以及減少對擬物化元素的使用讓使用者更好地關注內容。

ios 6 和 ios 7 的主要區別之一是色彩整體給人的感覺。外觀的顏色從暗色轉變為更鮮亮的色彩。ios 7 使用了更為生機勃勃和高飽和度的顏色,以支援頻繁使用的半透明設計和背景模糊設計。

從 ios 7 中對文字系統框架的重構這一點上就可以看出來,蘋果認識到了字型的重要性。lable 和 text field 現在直接使用 core text 提供的所有排版相關的功能,這裡面就包括字型。連字(ligature

),文字裝飾符(swoosh。

)風格的插圖到闡述 icon 的本義——圖示(iconographic

)的一次轉變。

雖然 ios 7 給人整體的感覺是既新鮮又精緻,但是很多概念都是保留下來的,比如從第乙個版本就一直存在的導航功能,在列表和**中檢視資料,接收推送通知等等,使用者對 這類操作已經非常熟悉了,所以顏色和字型的更改以及移除擬物化設計元素等一系列的改變並沒有打斷使用者所熟知的這一套操作流程。

譯文:objccn.io/issue-5-7/

2023年05月21日 於 it江湖

發表

iOS7新特性 NSURLSession詳解

預設的,程序內會話 短暫的 記憶體 程序內會話 後台會話 nsurlsessionconfiguration sessionconfig nsurlsessionconfiguration defaultsessionconfiguration 配置物件有很多屬性。例如,可以設定tls安全等級,tl...

iOS7適配問題

ios 7發布了,適配問題來了,開發者都忙起來了。先記乙個ios7 的幾個特點 1.座標 以螢幕左上角為原點 ios7以前在狀態列或者導航條下 2.uiscrollview 包括其子類,比如uitableview 會自動在頂部和底部預留一些空白 因為滾動經過半透明導航條或者tabbar下面,需要能隱...

iOS7 動畫學習

該部分 實現了乙個黑色的圖形view從左到右地平滑移動 當然通過修改y座標也可以實現,由上到下的平滑移動 源自 ios7 programming code import viewcontroller.h inte ce viewcontroller property weak,nonatomic i...