成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

iOS 6 vs iOS 7--如何平衡兩者設計風格的轉變?

移動開發
iOS 7讓開發者徹底重新思考自己app的外觀和體驗,對其中一些設計師來說,這是一股透露著清新的設計風潮,但對另一些設計師卻并非如此。比如現在Dribbble上充滿了各種看起來更加明亮更加扁平化的設計,但其中有一些是設計師被迫做出的改變--為了適應iOS 7而放棄原本更加合適的擬物化設計。

[[87095]]

iOS 7讓開發者徹底重新思考自己app的外觀和體驗,對其中一些設計師來說,這是一股透露著清新的設計風潮,但對另一些設計師卻并非如此。比如現在 Dribbble上充滿了各種看起來更加明亮更加扁平化的設計,但其中有一些是設計師被迫做出的改變--為了適應iOS 7而放棄原本更加合適的擬物化設計。

回想一年前,你在Dribbble上扒拉各種木材和紋理設計。雖然當時也有一些app透露著iOS 7的設計風格,但只是少數。現在不少app因為iOS 7半透明的導航欄設計而不得不舍棄我們此前喜愛的擬物化設計。

那么設計師可能會想知道擬物化和扁平化之間能不能達到和諧的平衡?

我們仍要遵守蘋果的HIG,但這不意味著我們必須完全拋棄曾給予app品質和個性的擬物化設計。我相信擬物化和扁平化之間存在著某種平衡。

以Tapity博客中奉行擬物化設計的app--Grades為例。

最初,漂亮的木質紋理導航欄賦予了這款app獨特的個性和鮮明的特征,我們知道這個設計在iOS 7中并不適合,但是我們必須完全剝離掉這些擬物化設計才能很好地與iOS 7中其他app和諧共處嗎?我們曾創建過一個白色的表格,并添加了輸入欄,我們稱之為“更新”。這種設計看起來跟其他app非常合拍,但是我們不得不思考 一些不同的方法來與iOS 7達成“妥協”。

在下邊幾幅圖中,你可以看到三個不同的導航欄。我們讓導航欄逐漸擺脫了光澤設計,并使用更自然的細微紋理。如果我們決定跟從iOS 7扁平化的設計趨勢,并逐漸剝離Grades所具有的個性和特色,那么***的效果就是第三個導航欄。

我想擬物化和扁平化設計之間應該有一個中間點,在此這兩者可以很好地融合。

我明白陰影、內陰影、粗重的筆畫以及關澤效果會讓app在iOS 7看起來非常沉重,Grades 3當前使用了所有這個圖層樣式。打開app后,這些元素會讓人覺得非常不自在。

如果我們完全剔除掉光澤效果、陰影以及內陰影,那么app看起來會是什么樣子呢?現在我們把筆畫降低至大約1 pixel,可以看到app整體上減輕了很多。

那么木質紋理設計呢?從Grades面世以來,就一直具有這個特征。我們覺得應該有一個更好的解決方法,而不是完全摒棄它。我們試著選擇了色彩更淺的木質紋理效果,并減少了木質紋理的顆粒。

下圖是按照上述方法整改過的效果:

保留Grades最初的重要元素讓它在iOS 7中感覺更自在舒適,這并不是一項容易的任務,我們可能仍與理想的解決方案相差甚遠,但是此類挑戰能讓我們對工作更加興奮。

責任編輯:徐川 來源: cocoachina
相關推薦

2020-05-18 09:22:51

JavaScriptDart 開發

2018-05-28 09:09:00

機器學習深度學習

2010-03-23 17:44:10

Java Socket

2025-04-14 03:33:00

2013-06-21 13:04:59

iOS7WWDCUI設計

2013-06-18 09:32:20

iOS開發iOS 7iOS開發者

2020-04-10 21:02:51

人工智能

2013-08-07 13:30:13

iOS 7人機交互iOS 7 UI設計i0S 7設計資源匯總

2013-08-29 09:53:48

開發者iOS 7

2013-12-20 09:33:36

iOS 7用戶界面

2011-08-09 15:17:07

iOS開發

2012-10-08 13:16:12

iOS 6

2013-08-20 15:51:06

iOS7iOS7 Beta6蘋果

2010-09-16 09:05:50

CSS display

2019-09-26 06:27:59

FTPSFTPTCP

2012-03-14 21:12:58

Android

2010-04-16 11:32:29

PGA和UGA

2022-05-30 08:24:33

NomadKubernetesLinux

2013-06-04 13:32:34

Android應用UI設計Android Des

2012-10-08 13:22:16

iOS 6
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 毛片大全 | 精品国产精品三级精品av网址 | 国产精品一区二区三区四区 | 91在线资源 | 99这里只有精品视频 | 精品久久久久久久 | 国产片侵犯亲女视频播放 | 国产欧美一区二区三区日本久久久 | 日韩中文字幕在线视频 | 91av视频在线免费观看 | 久久精品99国产精品 | 日本不卡免费新一二三区 | 91av视频在线观看 | 成人在线免费观看av | 欧美一区二区三区日韩 | 久久久久久亚洲 | 国产高清精品一区二区三区 | 一区二区三区亚洲 | 国产精品久久av | 9久久精品 | 亚洲精品乱码 | 在线成人精品视频 | 97caoporn国产免费人人 | 三级黄色网址 | 国产一区二区三区高清 | 日韩午夜网站 | 日韩成人一区 | 精品国产一区二区久久 | 中文字幕免费 | 99精品久久99久久久久 | 亚洲激情在线观看 | 黄色国产在线播放 | 亚洲视频第一页 | 国产精品区一区二区三区 | 日本成人片在线观看 | 国产精品99999999 | 黄色在线观看国产 | 欧美成人精品激情在线观看 | 日韩成人在线网址 | 一级aaaaaa毛片免费同男同女 | 青青草亚洲 |