勤学教育网合作机构> > 重庆天琥设计培训学校欢迎您!

苹果手机图标的ui设计

重庆天琥设计培训学校logo
来源:重庆天琥设计培训学校

2021-08-23|已帮助:1329

进入 >

在iOS 11的新ui界面中,重大更新的界面主要有App Store,所以我从应用商店的ui设计也能看出一些大概细节。今天小编主要给大家分享苹果手机图标的ui设计,希望对你们有帮助!

苹果手机图标的ui设计

1.图标:从线性改为面形

新版Store的图标从线性改为面形,图标也加入了圆角,看起来更加圆滑。同时,它与iOS 10中的iTunes相关应用程序风格相统一。

Icon的颜色比原来的线性稍微浅一点,所以看起来并不太沉重,所以当大家使用面形图标设计时,应该要把握好颜色。

2.卡片设计

在新版iOS 11界面中,有很多地方使用卡片式/宫格式排列,卡片式设计非常适合图文排版,并且在手机端上有很好的阅读体验。

在Material Design中,卡片式设计也受到高度重视,所以在未来会更多地的考虑使用卡片式风格。

3.大投影

切换到卡式设计后,为了提高层级表现,界面还增加了一个大投影,是不是有点类似于 Material 风格?

仔细观察,iPad上应用程序的封面大小与手机不同,一个是横的,另一个是垂直的。为了美观而增加人工成本值得吗?封面就像一个网站的文章封面图,一篇文章需要有两个封面图,这不仅增加了人工成本,还增加了操作和维护成本。

4.到处都是圆角

圆,像曲线一样,具有圆滑、活泼、动感、柔和的感觉,使人更容易亲近,有了亲和力,会吸引更多用户。iOS圆角在不同的ui界面上使用的圆角大小略有不同。

虽然在“Material Design”中也有圆角,但圆角要么太小,要么是直角。而 Windows 的扁平化,就是一块方形。

以上是重庆天琥设计培训学校整理的苹果手机图标的ui设计全部内容。

热门推荐

更多
勤学培训网 平面设计学习网 苹果手机图标的ui设计