设计基础:从创意到界面

设计基础:从创意到界面

0:00 - 简介

Apple 的设计布道团队将协助设计师和开发者为 Apple 平台打造卓越的 App。这个讲座重点介绍了 App 的四个关键领域:结构、导航、内容组织和视觉设计。通过这些要素,你可以让用户更清楚地了解 App 的用途、价值和交互模式。这个视频将以一个虚构的黑胶唱片收藏 App 为例,说明这些重点领域以及可以从何处改进 App。

1:11 - 结构

有效的 App 设计必须要有清晰、易用、可靠的结构。一个设计精良的 App 应该让用户能够快速知晓自己所在的位置,明确说明可以采取哪些操作,还要为用户的后续步骤提供指引。

即使一款 App 在外观上看起来很吸引人,但如果用户很难弄清楚自己在哪里、能做什么以及如何导航,也会让用户感到沮丧并犹豫不决。

改进 App 设计的过程包括整理信息并分出轻重缓急、删除不必要的功能以及简化布局。这样能让 App 的用途更加清晰,让用户体验更加直观和愉快。

4:55 - 导航

优秀的 App 导航功能能够增强用户的清晰感和自信心。你可以用 iOS 标签栏组件让用户访问主要功能,但务必要保持简洁,每增加一个标签页都会增加复杂性。经过仔细考虑,我们合并了非必要元素,将“添加”这一主要操作放到 App 中最合理的位置上。

然后优化标签栏,将它分成三个不同的部分,带有清晰、直观的标签和熟悉的 SF Symbols 图标,使 App 的范围和用途一目了然。我们引入了工具栏为当前界面提供相应的标题和操作,进一步让用户明了自己所处的位置和可用选项,让用户感受到更可靠的支持,减少猜测疑惑。

8:19 - 内容

接着我们整理了 App 的内容,以提升用户体验。最初,分组和唱片这两种类型的内容混合在一起,十分混乱。为了解决这个问题,我们将内容分成了几个单独的部分,

并采用了渐进式披露,仅提前显示基本信息,然后在用户交互时透露更多信息。这种方法以及一致的设计元素 (如工具栏) 可以让用户知晓所处位置,并使导航更加直观。

我们将布局从网格调整为列表形式,对于结构化信息来说,后者更加灵活易用。分组是管理大量内容的好方法。可以考虑按相关性 (例如时间、进度或模式) 进行分组,使用户能够更轻松地找到所需内容,减轻决策疲劳。

可以用大家熟悉的平台组件 (如合辑视图) 来显示图像。通过这些巧妙的整理和布局技巧,这款 App 为用户带来了直观易用且舒适愉快的体验。

13:28 - 视觉设计

效果出色的 App 视觉设计会在选用元素时深思熟虑,如层次、字体、图像和颜色,以便体现独特个性并塑造用户体验。

这个示例通过分析和优化,应用了视觉锚点、系统文本样式和连贯性的视觉风格,改进了 App 的布局。这样一来,即使屏幕条件和用户偏好设置不同,也可以确保清晰明了、灵活可调。

这个示例还用了语义色并加入了图像来强化个性,同时也使界面更加一目了然。最终我们得到了一个简洁、直观且包容的界面,可以适应用户的各类需求,使 App 使用起来更加愉快、高效。

相关故事

迅雷打不开怎么办?无法打开迅雷的解决方法
mobile365体育手机版入口

迅雷打不开怎么办?无法打开迅雷的解决方法

桔子树如何修剪才能长满桔子
任丘36524便利店电话

桔子树如何修剪才能长满桔子

赚钱资讯汇总!看广告赚钱的APP软件排行榜前10名,都在这里了!
www.38365-365.com

赚钱资讯汇总!看广告赚钱的APP软件排行榜前10名,都在这里了!