學習ios設計(1),學習ios設計
兩年前,蘋果為現代的使用者完全改變了設計語言。對於設計者來說,這使得他們更容易關注動畫和功能而不是其他的細枝末節。
我已經被問過很多次怎樣開始設計或者是有什麼捷徑可以成為更好的設計師。雖然沒有銀彈,然而有很多的技巧和規則設計將影響您普遍設計的方式。
即使你設計一個完全不同的平台上,如果您已經瞭解了在網路上和列印相同的設計觀念依然存在,您可以應用相同的技術。iOS是一個平台,設計是回到它的根源。感覺就像一個現代的雜誌,有漂亮的文字版式和簡單的布局。在這本書中你將學習的東西會有利於你設計最好的產品。
核心理念
iOS是由3個核心理念:尊重、清晰和深度(deference, clarity and depth)。根據這些設計原則,我將用可操作的項目來解釋他們更深的含義。
deference
你的內容應該是首要的,其他一切都是次要的。使用元素的補充你的內容,避免視覺分散。
簡化
你的使用者介面應該是精簡後的核心。每次添加一個元素,問問你自己“這是必要的嗎?”。除非你的應用程式是一個遊戲或一個特定的主題,會使用沉重的紋理,3 d效果和多個陰影。否則,專註於功能顏色,和諧漸層和漂亮字型。
最大化內容
內容應該鋪滿整個螢幕,給最大的空間內的元素。避免多個容器和捲動區域最大化,這將允許更多的互動空間。息空間。不要把你的螢幕塞滿太多結構或不必要的視覺元素。
表徵圖狀態
導覽列的表徵圖分為兩種模式:無填充和填充模式。無填充的原因是減少分心。當一個表徵圖是填充的,會有更多的關注,也意味著介面是活躍的。
clarity
讓事情明顯。按鈕應該不言自明,排版應該足夠大並在一個舒適的距離有可讀性。你的內容應該清楚地表明你的應用程式是什麼。例如,如果這是一個咖啡應用,那麼你應該有提醒的咖啡豆,咖啡和棕色的顏色的咖啡。
使文本具有可讀性
在Retina,排版應該11 pt的最小大小。閱讀的最佳大小大約是16 pt。
讓它變得令人愉悅
指南中提到的3件事可以使你的應用脫穎而出:動畫,手勢和聲音。但是很容易走極端,所以使用要適度。
動畫
螢幕動畫不僅能過渡到另一個螢幕,增加了設計的趣味性。它也帶來了重要的元素。
通過引入iPhone 5的高螢幕,拇指的後退按鈕太高很容易達到。因此,儘管不那麼明顯可見的按鈕,一個手勢可以延長到互動。這讓使用者更容易操作。我們需要更少的視覺線索和更有用的功能。
聲音
聲音是最低限度使用的應用程式,他們可以將一個平凡的任務為一個真正有益的經驗。人們甚至可以識別你的應用程式在沒有看到它的時候。當聲音留下正確的印象,意味著你用最少的努力獲得了成功。
三個原則
如果你忽視一切,至少必須考慮這三個重要的規則,iOS設計:考慮到觸摸介面,使文本可讀性和最佳化iPhone 5,6和6 +。
觸控設計
應該很容易觸碰按鈕。他們之間的大小應該30-60pt寬。最優大小44 pt。在極少數情況下,設定為22 pt的連結文本內部,但謹慎使用,因為他們變得難以利用。文本按鈕有觸摸區至少30 pt。
可讀性
排版應該11 pt的最小大小。最佳的閱讀字型大小大約是16 pt。使用行高120 - 145%的閱讀體驗更好。
布局
你現在應該尊重3決議:320 x480pt 375 x667pt和414 x736pt。確保使用額外的空間,和瞭解你的內容可以根據螢幕大小擴張。
橫屏模式
iPhone 6 +越來越受歡迎,尤其是在中國(大約40%)。應用程式將會出現不同的景觀模式,顯示一個額外的菜單左邊,類似於在iPad上。因此,許多應用程式開始支援橫屏模式。