专栏名称: 超人的电话亭
只分享有价值的设计经验。
今天看啥  ›  专栏  ›  超人的电话亭

学员案例优化 - AI拍照软件界面交互

超人的电话亭  · 公众号  · 设计  · 2024-09-19 22:41

主要观点总结

本文描述了一个学员正在进行的项目案例的改版过程。文章详细介绍了改版对象、问题分析和改版方案。

关键观点总结

关键观点1: 项目背景介绍

文章介绍了一个基于用户照片进行AI生图的工具,用户可上传照片并根据预设模板生成不同风格和用途的照片。

关键观点2: 问题分析

文章指出了视觉改版中多个模块的问题,包括顶部栏、快速入口、标签、卡片信息流和底部导航等。问题包括样式不和谐、权重关系不清晰、细节元素不统一、主色使用过度和图标与目标风格不搭配等。

关键观点3: 改版方案

文章提出了针对性的改版方案,包括调整顶部和快速入口的样式、优化信息流内部组件的样式、使用样式差异显著的双层标签、简化新品卡片的布局形式等。

关键观点4: 改版效果预览

文章提到了改版完成后的效果预览,包括主色的应用、配图的添加和图标及其辅助色的补充等。

关键观点5: 课程推广信息

文章提到了相关的课程招生信息,包括B端产品设计全能班和C端体验设计的课程详情和咨询方式。


文章预览

今天还是改版日,主要的改版对象是一个学员正在做的项目案例,原图案例如下: 这是一个根据用户照片进行AI生图的工具,需要用户先上传自己的照片,然后再根据预设的模板生成不同风格和用途的照片,比如证件照、写真照等。 问题分析 因为是视觉的改版,这次我们先细节后整体,先从模块/组件层面逐一进行分析,再从整体进行总结。 首先,第一个模块是上方顶部栏和快速入口。 搜索框和图标的样式不太和谐,搜索框是浅色背景而图标是个深色硬朗的线性图标。且快速入口使用的是较大的圆角,和搜索框的圆角不统一。 下方快速入口的 “开启虚拟分身” 模块是一个新手引导模块,引导用户去完成分身创建之后就会消失。但是看起来像模块的标题,缺少足够的引导性,新手不会想着去点击它。 快速入口的6个选项,权重关系是不清晰的,“ ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览