兩年前,蘋果為現代的使用者完全改變了設計語言。對於設計者來說,這使得他們更容易關註動畫和功能而不是其他的細枝末節。 我已經被問過很多次怎樣開始設計或者是有什麼捷徑可以成為更好的設計師。雖然沒有銀彈,然而有很多的技巧和規則設計將影響您普遍設計的方式。 即使你設計一個完全不同的平臺上,如果您已經瞭解了在
兩年前,蘋果為現代的使用者完全改變了設計語言。對於設計者來說,這使得他們更容易關註動畫和功能而不是其他的細枝末節。
我已經被問過很多次怎樣開始設計或者是有什麼捷徑可以成為更好的設計師。雖然沒有銀彈,然而有很多的技巧和規則設計將影響您普遍設計的方式。
即使你設計一個完全不同的平臺上,如果您已經瞭解了在網路上和列印相同的設計觀念依然存在,您可以應用相同的技術。iOS是一個平臺,設計是回到它的根源。感覺就像一個現代的雜誌,有漂亮的文字版式和簡單的佈局。在這本書中你將學習的東西會有利於你設計最好的產品。
核心理念
iOS是由3個核心理念:尊重、清晰和深度(deference, clarity and depth)。根據這些設計原則,我將用可操作的項目來解釋他們更深的含義。
deference
你的內容應該是首要的,其他一切都是次要的。使用元素的補充你的內容,避免視覺分散。
簡化
你的用戶界面應該是精簡後的核心。每次添加一個元素,問問你自己“這是必要的嗎?”。除非你的應用程式是一個游戲或一個特定的主題,會使用沉重的紋理,3 d效果和多個陰影。否則,專註於功能顏色,和諧漸變和漂亮字體。
最大化內容
內容應該鋪滿整個屏幕,給最大的空間內的元素。避免多個容器和滾動區域最大化,這將允許更多的互動空間。
Colors
用突出的顏色顯示一個可點擊元素或是在標簽欄上高亮顯示。選擇正確的顏色和中性色調可以打破你的設計。
排版是內容
因為簡化的用戶界面和關註的內容,你的排版會占據屏幕的從50%降至90%。因此,它是至關重要的,選擇一個美麗的字體和設置它的重量,行高,顏色在視覺上賞心悅目是最佳的閱讀。這個方面在排版部分將更詳細地解釋。
空閑空間
用空閑空間顯示關註的內容。你看到的越少,你越能專註於一些事情。合適的間距提供喘息空間。不要把你的屏幕塞滿太多結構或不必要的視覺元素。
圖標狀態
導航欄的圖標分為兩種模式:無填充和填充模式。無填充的原因是減少分心。當一個圖標是填充的,會有更多的關註,也意味著界面是活躍的。
clarity
讓事情明顯。按鈕應該不言自明,排版應該足夠大併在一個舒適的距離有可讀性。你的內容應該清楚地表明你的應用程式是什麼。例如,如果這是一個咖啡應用,那麼你應該有提醒的咖啡豆,咖啡和棕色的顏色的咖啡。
使文本具有可讀性
在Retina,排版應該11 pt的最小大小。閱讀的最佳大小大約是16 pt。
使用顯眼的圖標
圖標不應該是模棱兩可的,他們應該標明符號是什麼意思。可能的話,使用文本來配圖標。不要重覆使用一個圖標在不同的地方。同樣,不要使用通用的文字如“返回”或“提交”,而是具體的說:“回到家裡”或“註冊一個新帳戶”。
描述性的屏幕
每個頁面應該有清楚的解釋。應該有最小的品牌,這個品牌可以用一個清晰的屏幕的標題和標簽欄高亮狀態來代替。
顏色的意義
顏色是有意義的,使用紅色,綠色,中性色合理暗示了否定,肯定的行為,鏈接和不活躍的狀態。不要隨便使用這些顏色以免混淆你的用戶。例如,不要使用綠色的按鈕來處理“刪除這個界面”事件。
有層次的界面
就我個人而言,我覺得這是iOS最激動人心的的和獨特的方面。每一個屏幕轉換從一個到另一個地方。主屏幕縮放到一個文件夾,然後縮放到一個應用程式。傳統上,這種技術是很難執行,但由於Xcode,他們比以往任何時候都更加容易。在動畫部分會詳細解釋。
模糊的背景
保持上下文的背景界面不應該保持內容的清晰。模糊的背景不僅讓你保持其自然的顏色,但同時也帶來了前景。模糊並不是一個發明,它已經存在在現實生活中,當你專註於某事,一切變得模糊。
讓它變得令人愉悅
指南中提到的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上。因此,許多應用程式開始支持橫屏模式。