全国服务热线:400-6263-721

位置:南昌UI设计培训学校 > 学校动态 > 照片编辑软件 要如何设计UI

照片编辑软件 要如何设计UI

来源:南昌UI设计培训学校时间:2021/5/25 16:42:08

  照片是记录生活的重要手段,在智能手机如此普及的今天,谁的手机里面又没有几百上千张照片呢?这些记录关键时刻的图片,对于每个拍摄者而言都是不可复制的珍贵瞬间。也正是因此,许多用户对于摄影和照片的编辑美化处理,都有着的热情。今天的项目,是设计一个照片编辑 APP。

南昌ui设计培训学校

  任务简述

  移动端图片编辑 APP 的 UI 和 UX 设计。

  预处理流程

  考虑到用户大的受众是15~35岁之间的女性用户,设计师将会针对这些用户制作自拍和照片编辑 APP,目前这款 APP 暂时定名为 Cuteen,而 Slogan 则定为「遇见美丽的你」。

  在针对这个 APP 进行 UX 设计的时候,需要满足它基本的六个特征,在风格上能够增加现代化、年轻化、女性化、趣味化的 UI 设计。此外,我们团队还决定创建一组自定义图标用到 UI 当中,并且结合相对鲜艳的配色方案。

  在开始动手设计之前,设计师针对用户和市场进行了调研。这个阶段搜集的信息能够反映出用户的期待,对于产品的设计非常有用。团队基于研究成果进行头脑风暴,设计师则将她的核心设计思想体现在整个 UX 设计方案和风格偏好上。

  UI 设计的主要策略是创造时尚和富有娱乐性的风格。考虑到这款应用主要面对的是年轻的女性用户,因此设计师决定采用明亮的配色方案搭配渐变的效果。而诸如拍照按钮这样的 CTA 元素则使用明亮的粉红色。这样的配色和美丽的设计策略,与女性用户的气质和偏好非常契合。

  至于六个不同功能的图标则使用六种对比色来呈现。通过这种方式,让不同的功能和不同的色彩产生关联,这样一来,用户在逐渐熟悉应用的过程中,可以在不用阅读图标标签的前提下识别它们。此外,为了让整个界面看起来更加舒适宜人,设计师使用了白色的背景,让整个布局在视觉上更加平衡。

  经过多次的探索之后,设计师选择了第二个方案,也就是没有 Banner 的这个方案。随后设计师还开发出了上图中的三个变体,作为默认的 UI 解决方案。这种结构让交互区域更为明晰,而且逻辑清晰。另外,第二个方案内置了许多不同的风格样式供用户选择,随意切换。在这个版本的设计当中,用户的注意力会集中在自定义的图标上。需要学习软件的同学,大家可以百度搜索锦子会,去锦子会下载更多学习资源!如想要了解我的,请百度搜索罗锦,欢迎了解更多我的设计之路!

  总而言之,Cuteen 的 UI 界面看起来是明亮而充满活力的,有着直观的交互系统,原创的信息流和自定义的图标集。

  自定义的图标设计

  原创的自定义图标是这个 APP 的亮点之一。对于参与这个项目的平面设计师而言,是个有趣的挑战。

  为了节省时间来构思并完成作品,设计师选择了手绘草图。设计师提供了三套不同风格的图标,并且为每个功能提供了各种各样的概念设计。

  终,UI 设计师决定使用第二个设计方案之后,平面设计师将草图重新绘制为数字化的图标,所有的细节都得到了呈现,自定义图标提升了整个 UI 界面的可识别性。另外,这些自定义图标同样支持自定义风格,这也使得整个设计显得多样而自由。

领取试听课
每天限量名额,先到先得

尊重原创文章,转载请注明出处与链接:http://www.peixun360.com/627/news/362035/违者必究! 以上就是南昌UI设计培训学校 小编为您整理 照片编辑软件 要如何设计UI的全部内容。

温馨提示:提交留言后老师会第一时间与您联系!热线电话:400-6263-721