iPhone8和iPhoneX發(fā)布了,iOS11視覺規(guī)范源文件也來了

最近的APP行業(yè)一大熱點就是蘋果公司發(fā)布了3款新產(chǎn)品。分別是iphone 8 、iphone 8 plus和iphone X。

之前25學堂分享了iPhone 8、iPhone8 plus和iPhone X 的尺寸大小

今天我們繼續(xù)來分享這三款新產(chǎn)品搭載的新系統(tǒng),對我們APP界面設(shè)計有啥變化。

 

第一部分:分享iOS11 GUI視覺規(guī)范(附PSD+Sketch+Adobe XD源文件)

iOS 11 GUI源文件

百度網(wǎng)盤下載地址:

1、665M ? ?PSD格式下載地址:鏈接: https://pan.baidu.com/s/1i5CFD8D 密碼: v3km

2、38.5M ? sketch格式下載地址:鏈接: https://pan.baidu.com/s/1c163YcK 密碼: j4hs

3、7.7M ? ?Illustrator格式下載地址:?鏈接: https://pan.baidu.com/s/1i5nDgBr 密碼: 5c27

三個打包下載地址:鏈接: https://pan.baidu.com/s/1slFNbtV 密碼: xaqt

 

 

第二部分:iOS11視覺設(shè)計規(guī)范幾大點的分享

1、圖標的不同,采用了面型圖標替代了2px 線性圖標

ios-11-圖標設(shè)計規(guī)范解讀

 

2、標題都變粗了。

標題都加粗了

 

3、采用了圓角的卡片化、加投影的設(shè)計風格

圓角卡片化

 

4、界面布局當中留白的優(yōu)缺點

界面布局當中的留白

 

以上內(nèi)容參考杭州APP UI設(shè)計90白先森?發(fā)布的文章:

http://old.zcool.com.cn/work/ZMjI0NjA2MjQ=.html

 

每天更新,
全站高品質(zhì)素材免費下載!