天天看點

《iOS應用開發指南——使用HTML5、CSS3和JavaScript》——1.4節法寶就是轉變

本節書摘來自異步社群《ios應用開發指南——使用html5、css3和javascript》一書中的第1章,第1.4節法寶就是轉變,作者 【美】kristofer layon,更多章節内容可以通路雲栖社群“異步社群”公衆号檢視

1.4 法寶就是轉變

ios應用開發指南——使用html5、css3和javascript

是以這裡有ios裝置另一個關鍵的不同點:我們的原生應用程式的内容傳遞形式,這是我們需要設計的重點。

如果你不确信的話,對比一下其他硬體的螢幕表面區域的尺寸。

iphone、ipod touch和ipad有一個方面非常相似:它們幾乎隻剩下螢幕。從正面觀察,3種裝置大約95%的區域是螢幕,而筆記本電腦的螢幕占的比例比50%還少一點點(圖1.3)。這是重要的差別。即使筆記本電腦的螢幕上顯示了一個迷人的網頁,很顯然它仍然是筆記本電腦,不是嗎?鍵盤、觸摸闆,手腕區域,以及螢幕周圍的區域不會消失。它們仍然影響着我們的體驗,使我們遠離内容。

《iOS應用開發指南——使用HTML5、CSS3和JavaScript》——1.4節法寶就是轉變

圖1.3 即使筆記本電腦大部分是鍵盤,觸摸闆和邊框。螢幕也少于整個表面的50%

但是一旦你在ios裝置上運作應用程式,因為它的多點觸摸,和以螢幕為主導的設計,整個裝置就發生了巨大的轉變。這一點在有的應用程式裡表現得更明顯。讓我們考慮一下iphone運作電話應用程式的時候是怎麼變成電話的。硬體幾乎消失:突然,我們有了一個發光的電話撥号盤和内置的聯系人名單。地圖也是一樣:裝置裡不是有一幅真正的地圖,而是應用程式讓裝置變成了一幅地圖。

了解這個轉變效果對我們為這些裝置設計的方法是至關重要的。我們需要額外注意怎麼樣設計使用者界面(ui)。當我們需要設計自定義的ui元件時,這些元件用以直接支援我們設計的應用程式的互動需要,這個時候我們需要尊重原生的apple ios控件的習慣用法。而且,某些時候,ui元件不僅僅是功能性,商标可能也是個因素。

了解在這種情況下設計思想的重要性是必不可少的。原因是,我認為無論在原生的apple 使用者界面控件還是特定内容或者商标這樣細節上的辨別缺失并不同于在班級送出一篇論文時,從一篇出類拔萃的論文降格為一篇良好的論文。

遺憾的是,這個錯誤的觀點在其他場合遠遠比這個更被人挑剔:辨別的缺失,在任何情況下,都将讓一個優秀的應用程式顯得不那麼優秀。它很容易成為一個極度不可信任的,甚至成為一個令人讨厭的應用程式。

“哦,哇,這開始聽起來令人費解。”你可能會這樣想。一個設計良好的應用程式應該可以無縫地融入到使用者的日常生活中,無論使用者身處何處;隻要合适,便應該搭載原生的蘋果ios使用者接口;并且隻要合适就加入特定内容或者商标的ui細節。可什麼是合适的法寶啊?我們要如何專注于内容和使用者界面,才足夠把這件事情辦成呢?

答案是,當然,根本就沒有一個簡單的公式。但好在,網站設計師已經在響應用戶端和顧客需求方面有經驗,并且運用協作的方法來進行娴熟的設計。要把這一寶貴的經驗應用到ios應用程式設計中,你需要熟悉原生的使用者界面标準、細節和建議:定義你的項目需求(無論是你自己的項目或者是客戶和雇主的);并确定用最好的方法為ios裝置設計。

本書将會繼續這個模式,告訴你如何把你的設計經驗和web技巧應用在ios應用程式的設計上,并且給你介紹一些技術,讓你做好這些項目,而不需要自己編寫objective-c代碼。

繼續閱讀