Ios10設計新趨勢:大而簡,簡而精

FAMI2U獨立開發者

ios10發佈也有些時日了,斷斷續續看過一些文章,本身再整理一下便於記憶。html

設計原則(Design Principles)ios

清晰(Clarity)字體

縱觀整個系統,任何尺寸的文字都清晰易讀,圖標精確易懂,恰當的修飾且不易被察覺,聚焦於功能,一切設計由功能而驅動。留白、顏色、字體、圖形以及其它界面元素可以巧妙地突出重點內容而且表達可交互性。spa

聽從(Deference)
流暢的動效和清爽美觀的界面有助於用戶理解內容並與之交互,而不會干擾用戶。當前內容佔據整屏時,半透明和模糊處理可以暗示其它更多的內容。減小使用邊框、漸變和陰影讓界面儘量地輕量化,從而突出內容。設計

深度(Depth)
清楚的視覺層和生動的動效表達了層次結構,賦予了活力,並有助於理解。易於發現的且可觸發的界面元素能提高體驗愉悅感,讓用戶在成功觸發相應功能或者得到更多內容的同時還能掌控當前位置的前因後果。當用戶瀏覽內容上時,流暢的過渡提供一種縱深感。htm

較之以前,清晰原則排在了首位。留白、色彩、字體、圖形和界面元素要強調重要內容而且對交互進行指引。界面的內容將成爲Apple關注的重點,其餘關鍵字都是爲內容的傳達而服務的。具體就是加大字號、加粗字體、加大控件、加多留白、減小頁面的視覺層級。ip

圖

同時給重要控件賦予色彩。新的控制中心的按鈕用不一樣的顏色,讓他們具備更明顯的區分度以及視覺注意度。
將來的設計將更注重產品的內容和操做體驗,下降其餘因素對用戶使用上的干擾。設計師則須要在界面設計中去把握「大」和「簡」的程度,以及思考如何經過更有限的手段和空間來傳達更多的信息和指引用戶來達到「精」的目標。ci

參考https://isux.tencent.com/ios-...開發


公衆號:famiup

公衆號:famiup rem

http://forums.fami2u.com/

相關文章
相關標籤/搜索