iOS 7人机交互指南-UI设计基础:Icons and Graphics

移动开发 iOS
每个app都需要一个漂亮的icon,依靠icon的外观来评判/确定一款app的质量、目的以及可靠性的用户并不在少数。当你思考app cion设计的时候,需要记住几件事。本文将一一为您展开讲解。

App Icon

每个app都需要一个漂亮的icon,依靠icon的外观来评判/确定一款app的质量、目的以及可靠性的用户并不在少数。

当你思考app cion设计的时候,需要记住几件事。当你开始创造它的时候,要看看App Icon以获得详细的指南和说明。

Icon是app品牌重要的一部分,icon设计为你提供了一个向用户讲述故事,和用户建立情感联系的机会。

最好的app icon是独一无二的,是井然有序的,是迷人的。

不管在什么背景上,不管是什么尺寸,App icon的外观都应该是很好看的。细节会让大尺寸的icon变得丰富充实,但会让小尺寸的icon看起来杂乱不堪。

其他icon

iOS还提供了大量小尺寸的icon,用以展现tab bar、toolbar以及navigation bar中的任务和内容。这时候尽可能使用内置的icon,因为用户已经知道他们代表的意义。

如果需要展现自定义操作或者内容类型,你可以创建自定义bar icon。设计小尺寸的icon不同于设计app cion,如果你想创建自定义bar icon,可以参考Bar Button Icons

图像

iOS app倾向于丰富的图形/图像,不论你是展示用户的照片还是提供 custom artwork,以下是你应该遵守的指南:

支持Retina display,确保你的app提供了@2x artwork和@2x图片/图像。

以原始的纵横比展示照片和图片,缩放比例不要大于100%。你不希望app中的插图和图片看起来是歪歪斜斜或者膨胀放大的,要让用户选择放大还是缩小图片。

不要在设计中使用复制苹果产品的图片,这些符号/标志是有版权的,也会经常发生改变。

责任编辑:闫佳明 来源: cocoachina
相关推荐

2013-06-17 16:12:23

iOS 7人机交互UI设计基础

2013-07-03 15:29:45

iOS 7人机交互iOS 7 UI设计Interactivi

2013-07-03 14:48:25

iOS 7人机交互iOS 7 UI设计Navigation

2013-07-03 15:03:46

iOS 7人机交互iOS 7 UI设计Modal Conte

2013-07-03 14:44:24

iOS 7人机交互iOS 7 UI设计Layout

2013-07-03 16:36:35

iOS 7人机交互UI设计Animation动画

2013-07-03 17:08:14

iOS 7人机交互UI设计基础整合iOS系统

2013-07-03 16:52:24

iOS 7人机交互UI设计基础文字和色彩

2013-07-03 15:39:58

iOS 7人机交互UI设计Terminology

2013-07-03 17:04:12

iOS 7人机交互UI设计基础Branding品牌化

2013-07-03 13:34:57

iOS 7人机交互iOS 7 UI设计App Anatomy

2013-07-03 14:26:19

iOS 7人机交互iOS 7 UI设计iOS设计师

2013-06-24 11:01:30

IT技术周刊

2011-03-02 08:35:19

人机交互界面iOS

2021-08-17 10:54:57

AI 数据人工智能

2015-11-04 09:54:34

ios9人机界面ui

2021-08-17 09:54:05

人机交互交互模型国际主流

2010-04-20 09:08:36

2020-12-08 09:12:22

人机交互智能

2021-04-18 13:50:10

人机交互人工智能
点赞
收藏

51CTO技术栈公众号