专栏名称: 静Design
低调且内涵的独立设计师公众号,每周推送独家原创文章,有声读物和你关注的话题讨论。在这个浮躁的时代,我们用设计,让感性与理性思维迸发光芒。
目录
相关文章推荐
庞门正道  ·  大年初一的中奖名单公布! ·  2 天前  
字体设计  ·  有史以来最伟大的春节(或没有) ·  3 天前  
国际家居  ·  比利时极简设计,朴实无华 ·  2 天前  
国际家居  ·  比利时极简设计,朴实无华 ·  2 天前  
字体设计  ·  祝大家新年所愿皆所得 ·  1 周前  
庞门正道  ·  你不是小孩了,不要再索要年味。 ·  1 周前  
51好读  ›  专栏  ›  静Design

iOS11 UI大变样,还有更多新功能等你来get

静Design  · 公众号  · 设计  · 2017-09-27 21:56

正文

静电说:作为全球最负盛名的智能手机操作系统,iOS已经经历了11代的大版本更新而依旧屹立不倒。而这一次得iOS 11也可以说是上是自从iOS 7以来的最大一次更新,那么下面就让我们来看看iOS 11究竟有哪些新的功能和变化。



亮点1:控制中心随心定制


首先,这一次的系统升级对控制中心进行了非常大的改动:把iOS 10的多页变成了单页,并将它分割成了几个板块。


就是下图这样↓


不过,这不是最重要的,最惊喜的是升级后我们可以对控制中心进行自定义了!


只要进入设置-控制中心-自定控制,就可以自定义自己想要的开关按钮。以后大家就可以随心设置自己常用的按键了!而且大家盼了好久的数据开关按钮,也加入到了 iOS 11 的控制中心,以后再也不用点进“设置”开流量了!


亮点2:令人印象深刻的全新相机功能




iOS 11中包含一些全新的、令人印象深刻的相机功能,它可以通过光学图像稳定和HDR功能去拍摄低光肖像。



另外,视频也可以被压缩、打圈、修剪和编辑。你可以把生活照拍成GIF,Live视频功能不会让你错过任何一个精彩的瞬间,你可以选择完美的时刻,并将其保存为主照片。




亮点3:屏幕录制功能



在iOS11中,苹果加入了全新的屏幕录制功能,它可以满足用户在录制游戏画面、操作技巧等方面的需求。总而言之,你可以在手机上记录你正在做的一切,添加画外音,并分享视频。



iOS11在截图这一部分也增加了截图后直接编辑的功能。这个功能对大家都挺方便的。


用手机进行截图,完成后图片会直接出现在左下角,点击它即可进行编辑。编辑完后可以选择“储存”或者“直接发送”,直接省掉了前往相册这一步。



亮点4:App Store更加方便


 

除了控制中心,界面大变身的还有 App Store。在 iOS 11 中,苹果终于将它为音乐和新闻等新应用所设置的设计语言应用到了App Store。苹果不仅使应用程序商店看起来更干净、更好。


而且改变了结构。现在每个人都会有一个个性化的“今日”标签来突出独特的应用和游戏。点击某个 app 的简介页面,能看到比以往更详细的介绍文字,也能更直观地看到游戏视频和动图。再往下,还能按照分类进行查看。

 

另外,最为重要的是一点:现在还可以用手机号码作为 Apple ID了。



在 iOS 11 的新视觉界面中,UI设计也有了很多变化,我们来看一下这些细节。


视觉整体加粗



首先就是视觉效果的变化,iOS 11加粗了整体的线条感和段落感,整体对于系统从内到外的不论是字体还是图标效果都进行了加深加粗的效果,对比度也更高。


看起来和之前iOS 7-10代的轻巧效果会有一些不同,而这样的加深也可以让人们的视觉注意力更好的聚焦在内容上。但是很多人吐槽苹果描边老年机啊!!


图标更加简洁化




此外一些图标也进行了改变,延续了N代的App Store也终于换了个造型,原本的“圆圈内包含画笔”的造型改为了“深色背景下的三条直线交错”;相机则是取消了原本在底下的直线线条;还有其他的一些图标也进行了对应的改变,整体来说都是进行简洁化或者对比度加深,更加符合iOS 11的整体风格基调。


适应齐“头帘”的改变



而且为了适应新iPhone那奇特的“头帘”,iOS 11顶栏位置的信号图标也发生了改变,由原本5颗小豆豆改回了我们熟悉的阶梯式信号图标。


到时候将会和电池图标、WiFi图标、闹钟、蓝牙等图标一样,整齐的排列在“头帘”的左右两侧,进一步利用手机正面的显示空间。


卡片式设计


在新版的 iOS 11 界面,有不少的地方采用了卡片式/宫格式排列,卡片式的设计非常适合图文排版,并且在手机端有不错的阅读体验。


在 Material Design 中也是很重视卡片式设计,所以日后可以多考虑使用卡片式风格。



大投影


当转为卡片式设计后,为了提升层级表现,界面也增加了大块投影,是不是和 Material 风格有点像?


细看了下, APP 在 iPad 的封面与手机端的尺寸不一样,一个是横,一个是竖(工作量又增加了……)


△  iPad的封面是横的


△  iPhone手机端封面(竖)


为了美观,而增加了人力成本,到底值不值?这个封面就像一个网站的文章封面图一样,一篇文章要做2张封面图,这不仅增加人力成本,还增加运维成本。


无处不在的圆角


圆,像曲线一样,有圆滑、活泼、动感、柔和的感觉,更容易让人亲近。亲和力有了,吸引用户就更多了,iOS 的圆角在不同 UI 上使用的圆角大小略有不同,这就是细节,看来 iOS 在圆角的运用已到了出神入化之境。



想做出让人亲近的界面?学会用「圆」也许是很大的秘诀。


往期精彩回顾


一键提取UI设计稿配色方案-你需要Alembic插件

没有了HOME键的IPHONE X怎么玩儿交互?

没有四倍图!iPhone X发布对UI设计师的影响!

iOS 11官方设计指导视频中文版及UI套件下载

不会玩动效的UI设计师,还怎么混饭吃?

UI设计优秀转场动效的5个核心的规则


静电的UI设计教室第九期正式开始接受报名啦

十一月初开课

年度最后一期  错过等半年!

新一期课程将会给大家带来诚意满满的iOS11的内容

欢迎扫描屏幕二维码报名咨询


不一样的UI设计师都在关注我们(长按关注)