2024年5月17日发(作者:魅族mx和小米1)
译文|iOS 10 人机界面指南(四)
iOS10发布了,苹果遵循了一切从简但又增加了一些提升用户体验的
功能,比如向开发者开放了更多接口,设计者又如何跟随iOS的步伐
做好产品设计呢?
5. 图像(Graphics)
5.1 应用图标(App Icon)
每个app都需要一个精美、令人印象深刻的图标,能在苹果商店和主
屏幕夺人眼球。轻瞥图标的瞬间,是你的第一个机会来传达你的app
的目的。你的图标也会在系统中经常出现,比如在设置里和在搜索结
果里。
拥抱简洁。寻找个单一的元素能够表现你的app的精髓,然后通过一
个简单但是独特的形状来表现这个元素。谨慎地添加细节部分。如果
一个图标的内容或是形状过于复杂,那么细节就很难辨认了,尤其是
在更小的尺寸时。
提供一个单独的焦点。为图标设计一个单独的、集中的点,使它能快
速吸引注意力并且明确地代表你的app。
设计一个易于辨识的图标。用户不应通过分析图标才能弄清楚它代表
什么。比如,邮件app的图标使用了一个信封,因为它普遍与邮件联
系在一起。花点时间去设计一个好看迷人且精炼的图标,艺术性地传
达你的app的目的。
让背景简单并且避免使用透明度。确保你的图标是不透明的,并且不
要让背景变得杂乱。使用一个简单的背景,这样它就不会过度影响周
围的其它图标。你没有必要将整个图标填满内容。
只有当logo全部或部分由文字组成时,才在图标使用文字。在主屏
幕时,一个app的名称会在图标之下显示。不要包含没有意义的文字
重复说明名称或是告诉用户该如何使用你的app,比如“Watch”或
“Play”。如果你的设计包含了一些文字,那么请强调文字与你的app
提供的实际内容相关。
不要包含照片、屏幕截图或是界面元素。影像细节在很小的尺寸会难
于辨认。屏幕截图对于一个app图标来说太复杂了,也一般不利于传
达app的目的。在图标中的界面元素会令人误解并且困惑。
不要复用Apple硬件产品的图形。Apple产品受版权保护,不能在你
的图标或是图片中被二次创作。一般来说,避免复用设备的图形,因
为硬件设计频繁地更新换代,这会导致你的图标看起来易于过时。
不要在界面里到处放置app图标。在app里发现一个图标用于多种目
的会让人困惑。反之,考虑使用图标的色彩方案。请参阅Color。
在不同的壁纸下测试你的图标。你不能预期用户会为他们的主屏幕选
择什么样的壁纸,所以不要只是在一种深色和一种浅色的背景上测试
你的图标。而是观察它在不同的照片上如何表现。在有动态背景的真
实设备上试用它,因为背景会随着设备移动而改变视角。
保证图标的四角是方的。系统会自动覆盖一个遮罩层让图标变成圆
发布者:admin,转转请注明出处:http://www.yc00.com/num/1715945484a2695994.html
评论列表(0条)