header_v0.7.31

iOS10 GUI (附源文件下载)

1年前发布

翻译文章 / UI / 资讯
小Ler 翻译,如需商业用途或转载请与小Ler联系,谢谢配合。

搜索了一下还没有比较完整的iOS10 GUI
为了方便各位,自己去收集和整理了一下

源文件下载和《IOS 10人机界面设计指南》在文章最后

引用译者 @喵大神经


三大原则让iOS系统有别于其它平台:


清晰(Clarity):

 纵观整个系统,任何尺寸的文字都清晰易读,图标精确易懂,恰当且微妙的修饰,聚焦于功能,一切设计由功能而驱动。留白、颜色、字体、图形以及其它界面元素能够巧妙地突出重点内容并且表达可交互性。


遵从(Deference):

流畅的动效和清爽美观的界面有助于用户理解内容并与之交互,而不会干扰用户。当前内容占据整屏时,半透明和模糊处理能够暗示其它更多的内容。减少使用边框、渐变和阴影让界面尽可能地轻量化,从而突出内容。


深度(Depth):

清楚的视觉层和生动的动效表达了层次结构,赋予了活力,并有助于理解。

易于发现的且可触发的界面元素能提升体验愉悦感,让用户在成功触发相应功能或者获得更多内容的同时还能掌控当前位置的来龙去脉。当用户浏览内容时,流畅的过渡提供一种纵深感。




ad1f57aeed200000018c1be55d7d.jpg




【百度云 下载】

https://pan.baidu.com/s/1kVPhvUZ

(Sketch源文件  文件大小:83.4MB)


搭配文章《 UI设计师必读的IOS 10人机界面设计指南 》更佳哦~

文章传送门 http://www.uisdc.com/tag/ios-10





请个赞吧·给更多需要的人

142

    文章信息

    意见反馈
    没有新消息
    密码登录
    短信登录
    微信二维码登录

    提示文案

    提示文案

    提示失败
    提示成功