美文网首页
CH1. UI Design Basics(11)_Icons

CH1. UI Design Basics(11)_Icons

作者: 逃亡的光子 | 来源:发表于2015-12-14 18:03 被阅读24次

    Icons and Graphics

    1. 应用图标(The App Icon)

    每个App需要一个漂亮的图标。人们会只从你的图标得出有关App质量、目的和可靠性的第一印象,这种情况并不罕见。当你思考你的App图标时,这里有一些事情要牢记。

    • App图标是你的App品牌的重要组成部分。设计图标是要当成一个向用户讲述你的App故事和与用户建立情感联系的机会。
    • 最棒的图标应该独特、整洁、富有魅力、难以忘记。
    • 一个App图标应需要在各种个不同的尺寸和背景下都美观。大尺寸下为图标起到装饰作用的细节在小尺寸时会让图标显得不干净。

    2. 小图标(Small Icons)

    iOS提供了大量用于标签栏、工具栏、导航栏以及主屏幕快速启动栏上的小图标,用来表示常见的任务和内容类型。尽量使用内置小图标,因为用户已经知道它们的含义。

    如果你需要表示自定义操作或内容类型,可以创建自定义条栏图标。设计这些流线型小图标和设计App图标截然不同。

    请注意,可以使用文字取代图标来表示导航栏或工具栏上的项目。例如,日历应用在工具栏上使用“Today”、“Calendars”、“Inbox”等文字而不是图标。

    日历

    为了帮助你决定在导航栏或工具栏上使用文字还是图标,可考虑一下屏幕上有多少图标同时可见。屏幕上同时存在过多的图标会让App难以理解。另外要注意,在横屏环境里决策会有所不同,因为常规横屏环境往往对条栏文字有更多的容纳空间。

    3. 图像(Graphics)

    iOS应用往往包含大量图像。无论你要显示用户的图片或创建自定义作品,这里有几条需要遵守的原则:

    支持视网膜显示屏。确保为你App中的所有作品和图像提供高分辨率资源。

    以原始宽高比显示图片和图像,且不要放大至100%以上。你一定不想让作品和图像在你的App中看起来扭曲或太大。让用户自己决定放大还是缩小。

    不要在你的设计里使用抄袭苹果产品的图片。

    不要在你的设计里使用苹果App的图标、图片或屏幕截图。

    相关文章

      网友评论

          本文标题:CH1. UI Design Basics(11)_Icons

          本文链接:https://www.haomeiwen.com/subject/qfzehttx.html