现在照片编辑类的 APP 用户受众非常广泛,但是在整体比例当中,年轻女性在其中的占比很大,今天小编主要给大家分享照片编辑软件怎样进行ui设计,希望对你们有帮助!
一、任务
移动图像编辑app的UI设计和UX设计。
二、处理流程
考虑到用户的最大受众群体是15-35岁的女性用户,设计师将为这些用户创建一个自拍和照片编辑app,该app暂时命名为Cuteen,Slogan设置为“遇见最美的你”。
在为这款APP设计UX时,它需要满足其最基本的六大功能,在风格上保证现代化、年轻化、女性化、趣味性的UI设计。此外,团队决定创建一组自定义图标用于UI设计中,并结合相对明亮的配色方案。
三、UX 设计
设计师的首要任务是以直观的方式呈现所有功能,确保每个用户都能轻松编辑图片。为了使这个过程效果更高,设计师创建线框图来组织整个界面的信息架构。
线框图将屏幕布局和可视化元素快速地呈现出来,以便开发人员和客户直观了解。
Cuteen这个应用包含6个基本功能,需要以最有效的方式呈现。设计师提供了两种不同的布局选项:第一个方案,包含了顶部圆形 Banner和品牌名称,设计师设计了图标和相机按钮的几种布局变种。
其相机按钮是最高优先级的交互元素,它应具有行为召唤的特征,所以它应与其它背景元素有足够的对比。
第二种方案,侧重于功能显示。删除Banner,图标放在屏幕顶部,照片按钮作为CTA元素放在中间,这种结构让用户更加专注,减少干扰,并使导航更加直观。
此外,设计师还添加了一个显示最近流行效果的信息流,用户不用筛选的情况下查看最新和最流行的特效。
这两种方案各有优缺点,设计师决定在UI设计阶段对比两种方案的优缺点。
四、UI设计
UI设计的主要策略是创造一种时尚和娱乐的风格,考虑到这款app主要面向年轻女性用户,设计师决定使用一种带有渐变效果的明亮配色方案。
CTA元素(如照片按钮)使用亮粉色,这种配色方案和美观的设计策略非常适合女性用户的气质和喜好。
6个不同的功能图标使用6种对比色呈现,通过这种方式,不同的功能与不同的颜色相关联,这样,当用户熟悉app时,就可以在不阅读图标标签的情况下快速识别它们。
此外,为了使整个界面看起来更舒适和愉快,设计师使用了白色背景,使整个布局在视觉上更加平衡。
经过多次探索,设计师选择了第二种方案,就是没有 Banner的方案。然后设计师开发了上图中的三个变体作为默认UI解决方案,这种结构使交互区域更清晰,逻辑更清晰。
此外,第二种方案内置了许多不同的样式供用户选择和随意切换,在这个设计版本中,用户的注意力将集中在自定义图标上。
总而言之,Cuteen的UI界面看起来明亮而充满活力,拥有直观的交互系统、原始的信息流和自定义图标集,这些小细节让整个app强大而实用,设计师应关注每一个UI组件,包括图标和按钮。