萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 打造IOS7設計風格的訣竅

打造IOS7設計風格的訣竅

   一 . 手繪圖標

  相信大家都已經注意到了,蘋果官方的很多圖標,都已經改成近似手繪的效果,例如如下的幾個圖標

打造IOS7設計風格的訣竅 三聯

  二 . 鮮活用色

  以前做設計或者印刷上的設計,大家都避免這種很亮很淡的設計,因為這樣的顏色印刷出來,可見度很低,而且容易刺眼。

  但是蘋果的iOS7設計,這種鮮活的顏色是根本,這種亮色,讓人感覺很有朝氣,讓現代快節奏的人們覺得有新鮮感。

  大家可以看上的幾個iOS7風格的設計

打造iOS7風格的app
打造iOS7風格的app

  都是采用了很亮很炫的顏色,這也為iOS7的頁面奠定了基礎。

  三 . 半透明玻璃的模糊效果

  這點相信不言而喻了,毛玻璃的提示框,小景深的啟動界面,讓人著實過了一把模糊瘾。

打造iOS7風格的app
打造iOS7風格的app

  四 . 簡潔的柵格線和文字導航

  上一代喬幫主的設計中,主風格就是圓角,上下平分的漸變,立體化效果。

  iOS7的設計中,大多比較扁平,取締了以前的平分漸變,圓角卻更加圓了。。。

打造iOS7風格的app
打造iOS7風格的app

  五 . 極簡的列表頁和設置頁

打造iOS7風格的app

  六 . 大量的留白

  iOS7的應用界面通過大量的呼吸空間來確保可讀性和易用性。在官方的設計規范中,蘋果明確指出,他們希望設計師們通過留白傳達出平靜和穩定的感覺,使應用看上去更加專注和高效。

  結論:

  大道至簡。個人覺得,iOS7風格就是將設計的精簡發揮到了極致,同時引入了一些新的設計風格來吸引人的眼球,用戶體驗和設計美感上,都是無與倫比的。要想做出好的iOS7設計作品,還需要持久的練習和學習。

copyright © 萬盛學電腦網 all rights reserved