已收藏,可在 我的资料库 中查看
关注作者
您可能还需要

​速卖通无线端详情页如何优化设计(尺寸、文字、图片)?

分享一些尺寸、文字、图片、图文排版的设计建议~

​速卖通无线端详情页如何优化设计(尺寸、文字、图片)?

随着移动互联网时代的来临,无线端必将成为兵家必争之地。究竟速卖通无线端详情页如何优化设计?下面介绍一些尺寸、文字、图片、图文排版的设计建议。

1、尺寸宽度

以iOS的750px为例,以下的内容都以750的宽度为例做示范。屏幕高度建议一屏的内容最高不超过1334px。

​速卖通无线端详情页如何优化设计(尺寸、文字、图片)?

2、文字内容

●字体

iOS:open

sans

Android:robot

●大小

使用阅读清晰字体,避免变形、潦草字形,最小字号不得小于26px

●颜色

字体颜色对比明显,例白底黑字、黑底白字

●字数

精简卖点,一段文字的内容不要超过三行,一般用户阅读大量信息的时候都是跳跃式阅读,一段文案段落过多,不会仔细阅读。

​速卖通无线端详情页如何优化设计(尺寸、文字、图片)?

3、文字排版示例

●正确的

字体大小清晰、图文分离表达

​速卖通无线端详情页如何优化设计(尺寸、文字、图片)?

​速卖通无线端详情页如何优化设计(尺寸、文字、图片)?

●错误的

超过最小字号、字体背景不清晰

​速卖通无线端详情页如何优化设计(尺寸、文字、图片)?

​速卖通无线端详情页如何优化设计(尺寸、文字、图片)?

​速卖通无线端详情页如何优化设计(尺寸、文字、图片)?

​速卖通无线端详情页如何优化设计(尺寸、文字、图片)?

4、图片表达方式

●正确的

图片比例饱满、图片占屏宽的三分之二

​速卖通无线端详情页如何优化设计(尺寸、文字、图片)?

​速卖通无线端详情页如何优化设计(尺寸、文字、图片)?

●错误的

商品主体显示太小、辅助元素太多

​速卖通无线端详情页如何优化设计(尺寸、文字、图片)?

​速卖通无线端详情页如何优化设计(尺寸、文字、图片)?

5、图文排版方式

●正确的

图文分离、居中排版、左右排版、文字至少离屏幕边界32px

​速卖通无线端详情页如何优化设计(尺寸、文字、图片)?

​速卖通无线端详情页如何优化设计(尺寸、文字、图片)?

●错误的

排版过于密集、出现中文

​速卖通无线端详情页如何优化设计(尺寸、文字、图片)?

以上内容属作者个人观点,不代表雨果网立场!如有侵权,请联系我们。


分享到:

--
评论
最新 热门 资讯 资料 专题 服务 果园 标签 百科 搜索

收藏

--

--

分享