提升产品能力之海报编辑功能及视觉交互分析

2022年,我在美团从0实现了一个海报设计平台,使用的是canvas方案,功能比较简单,使用最多的是,根据模板批量生成海报,支持在编辑器进行微调。

为了提升我们线下门店的运营推广效率,我们也需要开发一个海报系统,为了在功能和体验上能达到业界遥遥领先,就得先调研竞品的功能及技术实现。

可画

访问网址为:www.canva.cn/。

从官网首页打开,到我能看到完整页面,至少用了10s,网站性能一般。登录之后的界面为:

接着,我想创建海报,然后网站加载不出来了:

接着,不管点击哪,都一直在loading,而我去打开美图,却是可以的。

特色是,左侧提供品牌设计相关的功能,以及支持动态添加应用中的模块到左侧栏。

美图设计室

访问入口为:www.x-design.com/

打开美团的海报设计入口,感觉页面设计不是很友好,太暗。

点击创建设计,首先会打开弹窗,可以让用户选择一些常用尺寸,或者自己输入想要的尺寸。

定好尺寸后,会打开一个新的tab:

选择左侧某一个素材,可以拖拽到编辑区。

稿定设计

访问入口为:www.gaoding.com/

不管是否登录,进来就能看见他们提供的设计工具或海报设计模板。

登录成功后,页面布局没啥大改动,只是模板推荐会根据用户之前的浏览记录及使用过的模板,进行不同的推荐。

不管是点击右上角的创建设计,还是点击编辑推荐的模板,都会打开一个新的tab进行海报设计。

和美图不一样的是,它把自定义尺寸放在最上面,推荐尺寸放在最下面,同时支持保存自己常用的海报尺寸。

打开新的tab,如果是通过推荐模板进入的,则可直接基于该模板编辑。

而通过创建设计进入时,则会创建一个空的海报。

和可画及美图的海报编辑器的最大区别是,它把背景库从左侧移到了右侧,用户体验更好。

总结

整体看,稿定设计的用户体验最好,美图在AIGC方面的功能更丰富,而可画则在素材上更丰富。

如果我作为用户的话,我肯定会选择稿定设计。只有需要一些品牌设计及团队协作,才可能考虑可画。

相关推荐
卡奥斯开源社区官方5 小时前
鸿蒙智行 L3 内测启幕:从技术架构到商用落地的全链路技术拆
华为·架构·harmonyos
一水鉴天5 小时前
整体设计 定稿 之31 拼语言统筹表 - “归” 档位属 多轴联动(codebuddy)
人工智能·架构
HuangYongbiao7 小时前
NestJS 架构设计系列:应用服务与领域服务的区别
后端·架构
沉迷技术逻辑7 小时前
微服务保护和分布式事务
分布式·微服务·架构
MarkHD7 小时前
智能体在车联网中的应用:第11天 CARLA自动驾驶仿真入门:从零安装到理解客户端-服务器架构
服务器·架构·自动驾驶
野蛮人6号7 小时前
黑马微服务 p23Docker02 docker的安装 如何正确安装docker,黑马微服务给的文档不行了,如何正确找到解决方法
java·docker·微服务·架构
小毅&Nora7 小时前
【后端】【微服务网关】 ① 全景图:2025年主流网关选型、原理与实战指南
网关·微服务·架构
Wnq100727 小时前
新型基于“去中心化分布式Agent“技术的操作系统DIOS
分布式·嵌入式硬件·中间件·架构·云计算·去中心化·信息与通信
西格电力科技8 小时前
绿电直连架构适配技术的发展趋势
大数据·服务器·数据库·架构·能源
OOOaaa1231238 小时前
⸢ 捌-Ⅳ⸥⤳ YOLOv10n改进版:融合MAN-FasterCGLU-WFU架构的书籍封面检测系统
yolo·架构