IOS12设计规范 第3页

IOS设计规范

IOS 12设计规范(6-5)图标和图像:系统图标 (System Icons)

54

牧渔 发布于 2019-06-26

点击前往本读书笔记总目录 6.5      系统图标 (System Icons)  该系统提供内置的图标,代表各种用例中常⻅任务和内容类型。 导航栏和工具栏图标 标签栏图标 主屏幕快速操作图标 尽可能使用这些内置的图标, 因为用户对这些图标是熟悉的。 按照预期使用系统图标: 每...

阅读(74)评论(0)赞 (0)

IOS 12设计规范(6-3)图标和图像:自定义图标(Custom Icons)

5

牧渔 发布于 2019-06-25

点击前往本读书笔记总目录 6.3      自定义图标(Custom Icons) 如果你的 App 含有不能用系统图标表示的任务或模式,⼜或是系统图标与你的 App 风格不符,你可以设计你⾃⼰的图标。 创作简单、辨识度的设计:    太多的细节会让图标看起来难以理解且不具可读性...

阅读(60)评论(0)赞 (0)

IOS 12设计规范(6-2)图标和图像:应用图标(App Icon)

3

牧渔 发布于 2019-06-25

点击前往本读书笔记总目录 6.2   应用图标(App Icon) 每个 App 都需要一个美观的,令人印象深刻的图标,能在苹果商店和主屏 幕夺人眼球。用户轻撇图标的瞬间,是你的第一个机会,用来传达你的 App  的用途。图标也贯穿于整个系统中,例如在设置和搜索结果中。 拥抱简约...

阅读(118)评论(0)赞 (0)

IOS 12设计规范(6-1)图标和图像:图像尺寸和分辨率(Image Size and Resoulution)

2

牧渔 发布于 2019-06-25

点击前往本读书笔记总目录 6.1  图像尺⼨和分辨率(Image Size and Resoulution)  iOS  用于在屏幕上放置内容的坐标系统是以点(pt)为基础的。该坐标系以点为基本测量单位,这些点映射到显示器器中则以像素显示。在标准分辨率屏幕上,一个点等于一个像素(...

阅读(61)评论(0)赞 (0)

IOS 12设计规范(5-6)视觉设计:排版 (Typography)

1

牧渔 发布于 2019-06-24

点击前往本读书笔记总目录 5.6      排版 (Typography) San Francisco (SF) 是iOS 系统的默认英⽂字体:这种字型的字体经过了优化, 使你的文本具有无与伦比的可读性、清晰性和一致性。点击这里下载 SanFrancisco 系列列字体。iOS使...

阅读(80)评论(0)赞 (0)

IOS 12设计规范(5-5)视觉设计:术语 (Terminology)

1

牧渔 发布于 2019-06-24

点击前往本读书笔记总目录 5.5      术语 (Terminology) App 中的每一字都是与你的用户对话的一部分。用此对话来帮助他们在你的App 中感到舒适。 使用熟悉的、可以理解的单词和短语: 技术性词语可能会令人⽣畏。避免人们可能不理解的缩写和技术术语。利利用你对用...

阅读(66)评论(0)赞 (0)

IOS 12设计规范(5-4)视觉设计:颜⾊ (Color)

5

牧渔 发布于 2019-06-24

点击前往本读书笔记总目录 5.4      颜⾊ (Color) 颜⾊是增加活力,提供视觉连续性,沟通状态信息,响应用户操作的反馈并帮助人们可视化数据的好方法。在挑选 App ⾊调的颜⾊时,请参考系统的⾊彩方案,以保证这些颜⾊无论是单独还是组合、在浅⾊背景还是深⾊背景上都看起来很...

阅读(94)评论(0)赞 (0)

IOS 12设计规范(5-3)视觉设计:品牌化 (Branding)

1

牧渔 发布于 2019-06-23

点击前往本读书笔记总目录 5.3      品牌化 (Branding) 成功的品牌化不仅是单纯地在应用中添加品牌元素。优秀的 App 通过优雅别致的⽂字、颜⾊和图片来营造独特的品牌辨识度。提供足够多的品牌元素让用户  感觉是处在你的 App 中,但不要因为过度使用而造成干扰。 ...

阅读(84)评论(0)赞 (0)

IOS 12设计规范(5-2)视觉设计:动效(Animation)

1

牧渔 发布于 2019-06-20

点击前往本读书笔记总目录 5.2    动效(Animation)  贯穿于 iOS 系统的优美、精细的动画在用户和屏幕屏幕内容之间建⽴了一种视觉上的联系。当动画被合理理利利用时,它能够表达状态、提供反馈、加强直接操 纵感,并且视觉化呈现用户的操作结果。 明智且审慎地使用动画和动...

阅读(62)评论(0)赞 (0)