当前位置:文档之家› ui设计标准

ui设计标准

1.风格统一(素材)

a.在页面中使用的中英文主要字体不得大于5种(页面中至少出现3次以上为主要

字体);

b.中文宋体无效果(包括加粗)是否在12号-14号之间;

c.页面或者海报中使用的颜色不大于5种(黑白灰不属于有色彩);

d.主题颜色和辅助颜色的搭配是否根据配色原理搭配;

e.使用icon是否是同一系列;

f.icon的大小是否一致;

g.icon的出现是否有规律;

h.使用素材是否统一系列(如果用的是欧美人全页面都用欧美人);

i.元素所传达的氛围是否一致;

j.使用元素能否表达页面或海报想要传达的意愿;

k.背景传递的氛围是否一致。

2.风格统一(创意)

a.字体设计是否有相同的变形方式;

b.字体设计的图层叠加样式是否相同;

c.设计的字体变形是否适合店铺产品(衬线字体/非衬线字体)。

3.风格统一(展现)

a.页面主题一致;

b.风格和产品能够相互结合;

c.在不同部分中页面的风格和感觉一致(每个模块/自定义页面/详情页)。

4.消息明确

a.能够清晰了解每张海报的设计是为卖产品还是为宣传文案;

b.当雇主分不清自己的诉求点时需要给到雇主你的建议。

5.消息明确(产品)

a.产品清晰无码;

b.产品在页面有效信息的占比至少50%;

c.产品展示不得出现于页面、场景无关的元素;

d.细节图片展示需要尽可能放大图片像素不能低于1000*1000;

e.产品突出,能够和背景文案有明显的层次感区分。

6.消息明确(文案)

a.文案清晰无码;

b.文案在页面占比至少50%;

c.文案的选择是否能够和产品/活动相互适应;

d.文案突出,能够和背景产品有明显的层次感区分;

e.文案编辑简单易懂。

7.细节掌控(产品)

a.产品抠图没有毛边;

b.产品/模特上有明显的瑕疵需要去掉,图片地面上的杂质需要去掉;

c.能够正确的添加符合场景的倒影和投影;

d.页面上不应该出现和店铺无关的水印、信息;

e.能够对产品整体提亮和减淡,将产品对比度和明暗能够识别并调整;

f.非个性设计中产品展示手法一致;

g.能够对产品进行基础的修片(修补、改尺寸、色相饱和度);

h.能够对产品进行简单的调色工作,将色差缩小(色彩平衡、可选颜色、渐变映

射)。

8.细节掌控

a.文字排版是否主/副标题明显分开;

b.产品排放是否将主要款式提前展示;

c.一张页面中同类文案排版间距是否相同(例:主/副标题间距所有海报文案都相同);

d.两段文案间距至少3px;

e.产品摆放时能够看清整个产品;

f.每个产品间除个性化设计外需要等距排放;

g.每个模块之间排版能够规整对齐;

h.每个设计模块间间距相等;

i.产品/文案/模块在非个性设计中默认垂直/水平居中;

j.在一张海报中光源需要固定,产品背景的光源统一;

k.在整个页面中的设计元素光源固定;

l.海报中使用素材清晰,易分辨;

m.页面布局中逻辑清晰;

n.页面/海报中出现的文字信息不能有错别字;

o.页面/海报中出现的信息不能出错(价格、名称、产品)上线;

p.详情页中图片展示统一按照正面、背面、侧面的顺序展示;

q.详情页排版逻辑清晰。

9.视觉引导

a.在首页中如果页面长度超过8000px则在页面3-4屏间必须要有明显的分类和搜索

框;

b.页面中是否有行动点;

c.是否有制作店尾;

d.店尾上是否有增加回到顶部按钮,方便消费者再次浏览;

e.每个模块中内容统一不散乱;

f.行动点是否看起来能够点击。

10.需求明确

a.和雇主沟通时明确知道雇主需要做什么内容;

b.和雇主沟通中需要明确知晓雇主所需要的设计风格/颜色的忌讳;

c.如果雇主不清楚自己要的风格和感觉,需要雇主提供参考意见;

d.如果雇主不清楚自己要的风格和感觉,设计师应该给到雇主建议;

e.设计排版布局和产品的排列顺序需要确认;

f.和雇主沟通时明确最迟交稿时间。

11.资料齐全

a.需要活动页面设计时,主体活动文案需要确定;

b.提供设计相关的图片;

c.主推款的卖点和基础信息需要雇主提供;

d.详情页嵌套时产品的基础信息需要提供。

相关主题
文本预览
相关文档 最新文档