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




  • 【 設計理論】淺談蘋果開始扁平化設計的真正意義




    淺談蘋果開始扁平化設計的真正意義

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

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

    教學大綱:

    揭開iOS7扁平化的外衣,深入探索蘋果的新式設計語言,一起來猜想一下新的設計風格是如何在iWatch iTv iCar上實現。當談到Jony Ive,我們就不得不談到他在iOS7上的大改造,普遍看法是,這種改變僅僅是外觀上的改變,換湯不換藥。


    設計理論教學開始

    揭開iOS7扁平化的外衣,深入探索蘋果的新式設計語言,一起來猜想一下新的設計風格是如何在iWatch iTv iCar上實現。當談到Jony Ive,我們就不得不談到他在iOS7上的大改造,普遍看法是,這種改變僅僅是外觀上的改變,換湯不換藥。

    iOS7的神秘面紗於2013年6月揭開,設計靈感來自德國已故傳奇設計師Otl Aicher。Jony Ive在iOS上決定採用扁平化風格,這就意味着以下幾點風格的轉變:

    1、用色愈發大膽、鮮艷;

    2、界面會擁有更多的留白空間,讓元素更好的呼吸;

    3、字體運用會更加優雅靈活;

    4、即將使用大量的幾何形狀。

    這就是Jony Ive摒棄擬物設計的原因。iOS7的推出,也可以看成是Jony Ive對擬物設計的宣戰。iOS7的扁平化設計非常”萬金油”,不但適應了今天的iPhone以及iPad設備,也能夠應用於未來的iWatch,iTV,iCar等設備。

    淺談蘋果開始扁平化設計的真正意義

    車載iOS將iOS7的圖標擴展成矩形iOS起步於智能手機和平板,但是蘋果看的更遠,打算把這個系統做大。iOS僅僅出現在手機、平板、便攜播放器上是遠遠不能滿足蘋果的野心的。蘋果6月的WWDC大會上,蘋果揭示了iOS即將在汽車上出現:車載iOS。這個新功能大大方便車主,開車時打電話、聽歌、導航、發信息都會變得很輕鬆,所有的這些集成在一塊小面板上。

    iOS重設計的原因很可能跟車載iOS項目有關。如果考慮到在多個設備上運行的體驗,扁平化外觀的操作系統運行起來效果比擬物外觀更佳,為何?因為iOS7在多設備上的體驗非常一致。從設計的角度,車載iOS有幾個亮點。

    首先,它的視覺設計將和iPhone iPad保持一致——也即是扁平化風格。

    但是是界面稍有不同,矩形取代了iOS中傳統的圓角方形,原因很簡單:為了保證操作的正確性。當你開車的時候,你肯定無法專心操作iOS,因此這種更大的矩形按鈕操作失誤率會低很多,掃一眼便能操作。

    儘管形狀不同,大小也不同,但是按鈕內部的圖標可以保持相同——這就是扁平化設計的優勢。

    淺談蘋果開始扁平化設計的真正意義

    淺談蘋果開始扁平化設計的真正意義

    淺談蘋果開始扁平化設計的真正意義

    淺談蘋果開始扁平化設計的真正意義

    利用扁平化設計,可以隨意改變圖標的形狀,而整體變化卻不大我舉個例子吧。現在有兩款正方形圖標需要移植到車載iOS上。一款是紅色底框,白色的手機輪廓線條:典型的扁平化設計。另外一款是高度擬物、像照片一樣的的圖標設計。

    現在要把兩款設計放入矩形內,同時還要保持原汁原味的設計。

    扁平化圖標的修改非常簡單,只需要在邊緣填充紅色即可,看起來依然出眾。

    擬物設計呢。尷尬了,背景畫的不夠寬,如果矩形按鈕高度比較小的話,問題更棘手了,可修改性不是很高,這時若想採用這款圖標,就需要重新設計。扁平化圖標水平方向和垂直方向可以任意修改,拓展后只需要填充空白區域即可。

    而擬物圖標若想修改成其它形狀,需要做的改動很多。

    淺談蘋果開始扁平化設計的真正意義

    蘋果的iOS7圖標想改成什麼形狀,就改成什麼形狀,只需要填充即可。

    所以,這就和一款產品產生了關聯——極有可能是彎曲屏的iWatch

    淺談蘋果開始扁平化設計的真正意義

    扁平化風格非常適合iWatch的彎曲屏這會極大的簡化蘋果的工作,提高他們視覺設計語言的適用性。如果蘋果將來發行iTV,那麼需要更大的圖標,應用扁平化設計,蘋果就不用重新設計圖標了。

    不要認為這是偷懶,你要考慮到各個平台統一產品的一致性,這樣會降低教學成本,更好的引導用戶。否則,電視上更大的圖標需要更複雜的圖案,更精細的陰影,更逼真的光效,更細膩的漸變,肯定會與手機上、平板上的圖標有所不同,用戶用起來會很困惑:”這跟手機上的是不是同一個應用啊?”未來,屏幕會有多種形狀、多種尺寸、規則的、不規則的。三星已經在Galaxy Round上採取了彎曲OLED屏幕,而iWatch據說也是彎曲屏。在彎曲屏上,擬物設計的視覺表現肯定不如扁平化設計。

    諷刺的是:更平的設計,適合不平的屏幕。三維感強的設計,卻並不適合彎曲屏。所以說,扁平化設計是”萬金油”(具備良好的各平台兼容性),並不為過,這是蘋果為未來下的一步棋。

    — —

    文章永久連結為: 淺談蘋果開始扁平化設計的真正意義