在iOS 11的新ui界面中,重大更新的界面主要有App Store,所以我从应用商店的ui设计也能看出一些大概细节。今天小编主要给大家分享苹果手机图标的ui设计,希望对你们有帮助!
1.图标:从线性改为面形
新版Store的图标从线性改为面形,图标也加入了圆角,看起来更加圆滑。同时,它与iOS 10中的iTunes相关应用程序风格相统一。
Icon的颜色比原来的线性稍微浅一点,所以看起来并不太沉重,所以当大家使用面形图标设计时,应该要把握好颜色。
2.卡片设计
在新版iOS 11界面中,有很多地方使用卡片式/宫格式排列,卡片式设计非常适合图文排版,并且在手机端上有很好的阅读体验。
在Material Design中,卡片式设计也受到高度重视,所以在未来会更多地的考虑使用卡片式风格。
3.大投影
切换到卡式设计后,为了提高层级表现,界面还增加了一个大投影,是不是有点类似于 Material 风格?
仔细观察,iPad上应用程序的封面大小与手机不同,一个是横的,另一个是垂直的。为了美观而增加人工成本值得吗?封面就像一个网站的文章封面图,一篇文章需要有两个封面图,这不仅增加了人工成本,还增加了操作和维护成本。
4.到处都是圆角
圆,像曲线一样,具有圆滑、活泼、动感、柔和的感觉,使人更容易亲近,有了亲和力,会吸引更多用户。iOS圆角在不同的ui界面上使用的圆角大小略有不同。
虽然在“Material Design”中也有圆角,但圆角要么太小,要么是直角。而 Windows 的扁平化,就是一块方形。