全国统一学习专线 8:30-21:00
课程导航
建筑表现 室内设计 UI设计 VR游戏 BIM培训
更多

位置: 平面设计学习网>苹果手机图标的ui设计

苹果手机图标的ui设计

南京丝路教育logo
来源:南京丝路教育

2019-09-18|已帮助:16

进入 >

在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设计的全部内容,更多精彩请进入平面设计学习网栏目查看

  • 最新文章
  • 学校课程
document.write ('');