照片编辑软件怎样进行ui设计

现在照片编辑类的 APP 用户受众非常广泛,但是在整体比例当中,年轻女性在其中的占比很大,今天小编主要给大家分享照片编辑软件怎样进行ui设计,希望对你们有帮助!

照片编辑软件怎样进行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组件,包括图标和按钮。

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章