• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 設計理論】詳細解析IOS7設計風格的心得和訣竅




    詳細解析IOS7設計風格的心得和訣竅

    這一次的教學是屬於設計理論領域中的設計理論的相關教學。

    文章出處是來自優設的設計理論類文章,寫教學的作者是情非得已,感謝情非得已提供設計理論的實作教學。

    教學大綱:

    隨着iOS7的發布,一時間,如何設計和適配iOS7風格,成為了炙手可熱的東西。每種設計,它總有自己的關鍵點和設計風格,iOS7也不例外。個人總結下來,認為iOS7風格主要有以下幾個關鍵點。


    設計理論教學開始

    隨着iOS7的發布,一時間,如何設計和適配iOS7風格,成為了炙手可熱的東西。每種設計,它總有自己的關鍵點和設計風格,iOS7也不例外。個人總結下來,認為iOS7風格主要有以下幾個關鍵點。

    一 . 手繪圖標

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

    詳細解析IOS7設計風格的心得和訣竅

    二 . 鮮活用色

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

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

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

    詳細解析IOS7設計風格的心得和訣竅

    詳細解析IOS7設計風格的心得和訣竅

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

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

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

    詳細解析IOS7設計風格的心得和訣竅

    詳細解析IOS7設計風格的心得和訣竅

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

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

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

    詳細解析IOS7設計風格的心得和訣竅

    詳細解析IOS7設計風格的心得和訣竅

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

    詳細解析IOS7設計風格的心得和訣竅

    六 . 大量的留白

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

    結論:

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

    附加說明:以上圖片幾張圖片引自方酷,若要商業使用,請聯繫原作者。

    — —

    文章永久連結為: 詳細解析IOS7設計風格的心得和訣竅