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

更多培训课程，学习资讯，课程优惠等学校信息，请进入 东莞石排平面设计培训东莞石排PS美工培训东莞石排UI培训东莞石排PhotoShop培训 网站详细了解，免费咨询电话：400-998-6158