卖家应用UI规范

动作

出自建站大师开放平台wiki

跳转到: 导航, 搜索

目录

基本要求

表意清晰:界面风格统一、清晰,文案表示一致可被理解!

直观:操作简洁直观,使用户能够快速上手操作!

专业:给使用者有专业、可信的使用环境

UI设计的具体规范

目前,[建站大师服务提供商] UI主要由以下元素构成:

服务图标

网站模版缩略图

服务主体UI

服务详情页介绍图

服务图标是您放置在建站大师页面(建站大师卖家服务平台、建站大师买家中心、卖家中心等等)上的图标,点击该图标可以到达该服务的详情页面、购买流程页面或使用页面。在这里您可以将品牌宣传与强烈的视觉效果向结合,使其简洁,易辨认且引人注目。

服务图标设计尺寸

图标的标准尺寸为80×80像素,在不同的使用场景中允许等比例缩放为60×60像素、50×50像素。支持jpg和png格式大小不超过50K。

图案设计

1. 在您为图标创建美术图案之前,您需要花些时间想想该图标应该传达些什么信息。当您考虑设计的时候,请以这样的图标为目标:

2. 简洁易懂!太多的细节会使图标显得杂乱或是难以理解,请尽力使用能够被大多数用户理解的图案。

3.具有吸引力的,以至于用户有点击的欲望,并大大促进购买率。

4.具有个性!以便用户可以很容易地在众多的图标中找到你。

尽量使您的图标在清晰与个性之间找到平衡点,这样可以使图标美观又能传达该服务的含义。

图标设计准则

在您确定了图标的设计之后,请在创建时遵循以下准则:

1.使用jpg、png。

2.压缩质量不能低于80%。

3.请不要添加阴影效果,不要描边因为系统叫上圆角后,会把四个角的描边切除,这样会破坏图标的原有设计质量。

4.使用抗锯齿效果。

当你的图标设计通过我们的审核,我们在程序上做出让每个人做的图标看起来一致的方法,统一的圆角效果使用户主屏幕上的所有图标都具有一致的可点击外观。

建议与禁忌

好的案例和不建议使用的案例

好的案例:

Hao1.png Hao2.png


不好的案例:

配色问题导致文案不清晰,元素过多 Bqx3.png

元素不够清晰,表意不明 Bqx1.png

由于图标尺寸较小,您应该使用简单、清晰的元素来表现出服务的含义

装修模版缩略图是您放置在[建站大师卖家服务]中,告诉用户模版长什么样

服务主体UI是您自己的服务整体风格设计

服务详情页介绍图是您放置在[建站大师卖家服务]详情页,介绍自己服务的图片