最近有客户需要我们帮忙设计几张电商详情页的设计，以前我们也有此类型的客户，也设计过不少的电商详情页，这次总结一下网站设计的经验与技巧：
1、大英文字体的运用
英文的运用可以增加画面逼格，甚至可以直接作为主题，传达产品调性。绝对是提
升画靣品质、装X耍帅之必备良药。
2、选择适合的字体
文案，是重中之重，首先你要保证它的识别度。其次，如果你掌握不了图层样式就
不要去用，重重的阴影和奇怪的样式不仅降低文案的识别度，也让你的作品质虽大打折
扣。关于字体选择，因为是运动风格，最好使用硬朗一点的字体去做大标题。如：造字
工坊系列、锐字系列等。
3、层级关系
层级和对比是相辅相成的，有层级的文案排版会让人易于阅读。
你也可以这样，让文字与产品形成相互遮挡的关系，来营造层次感
4、选择模特
电商BANNER设计，有模特一般都会比纯文字更出效果，但是选择过程中有些模特
更容易出彩，让模特和文案产生联系可以更好的突出氛围。关键词：模特视觉线方向、
模特动作。
模特的视觉线和文案的联系如下图，眼神仿佛在看着文案
模特的动作和文案的联系如下图，红框内的文案正好填补了页面中的空白部分
5、处理模特
处理模特的色调和肤质，也可以提升图片质垦。关键词：硬粗黑哥哥、降饱和（但要稍
微保留模特固有色）、加对比（不要过头了哦）、适当锐化。
6、灵话布局
我们通常情況下会认为电商页面只是采用横向棑版，然后分区往下进行即可，但是
，优惠券模块和爆款模块是首屏之后很重要的两个区，我们应该做点什么让他扪产生差
异化，吸引用户关注。
这是我彳门通常情況下会认为的电商页面摊版样式，下面我丨n看看一些灵活多变的排版
样式比较下。如下图：
可以注意下它每个框内产品名称和购买按钮的布局，切换成中文，我们是不是也可以这样去排版布局。
注意下它的标题层级和标题小元素，图文排版，采用英文去填充版面空白，这样的排版布局不止是适用于首页专题页设计，也可以适用于
想请优化外泉展示模块。
8、増加美观度
在陈品陈列模坱中，我们通常认为鞋子在上面，价格文案在下面，主要把这些信息罗列出来就可以，其实并不是，这一模坱，依然有我们该注意的点。
这样做是没错，也不会造成什么影响。但我们是做设计的，我们要尽自己最大的能力本着
消除丑陋的原则去设计一个页面。我认为可以改进的点有几个
1、 产品名称是否可以使用16-18像素字体？
2、 价格是否可以把RMB、：、199拆分来排版？让他们底部对齐，缩小RMB和：，突出
199这个明码标价的重要信息。
3、 购买按钮是否可以右移？给它一定的留白，去突出按钮。并且点击购买是否可以用更小
一点的字体，让按纽更显精致？
4、 鞋子是否可以稍微缩小一点，让鞋子与边框有一定的呼吸空间，更显精致？
下面我找了一些参考，大家可以比较下。
渝公网安备 50010802001760号
