今天给大家分享一篇手机详情页的设计细节文章，主要写给0基础的小白设计师的，大家可以学习一下。

目的：做详情之前得清楚详情页的核心目的，个人认为是展示产品卖点与传递产品信息，形成转化，美观是其次。

所以在制作详情页的时候得时刻记住自己主要想表达的是什么，在信息传达到位的前提下，可以检查下下面的细节。

1. 一屏的尺寸

鉴于目前95%的详情页用户都来自无线端，所以我们在做详情页的时候，有必要了解目前自己工作主要使用的平台的尺寸是多少，这里平台以某宝为例，手机用iPhoneX，计算出了一屏可展示的高度，这样自己在做详情的时候就知道多高比较合适了。

2. 竖屏思维

既然用户使用场景是手机，那么在制作详情的时候，尽量用竖着阅读的方式去制作，而不是一味地继承电脑端的横屏思维，将详情缩小即可，另外推荐最小字体不小于18px。

3. 图标设计

图标在传达信息的时候，比只有文字的时候效率要高，也更容易记住。在使用的时候注意统一性，切忌面性图标和线性图标混合使用，在使用线性图标的时候，还要记得统一图标的粗细。

04. 关于人物肖像

当需要出现多个人像的时候，最好使他们形象大小、方向、色调一致，眼睛在画面的高度最好也统一，这样有利于画面和谐。

05. 图形

圆形最好不要人为拉伸，因为这样并没有任何意义，并且还会人为是你做设计不够细心造成的。

06. 圆角矩形

关于圆角矩形的大圆角，不是不可以用，但是大部分人用的不好，所以稳妥一点，我推荐圆角小一点，或者拉成半圆,会大气很多。

07. 投影

黑颜色的投影其实也好用的，但是或许有更好的方式，试试加了红色的黑色吧，也许看上去更干净一点。

08. 按钮 & 搜索栏

09. 箭头

10. 字体搭配

11. 标题与正方

12. 辅助线

推荐拉辅助线的是按住shift，辅助线会以1、10这样的整数变化，不会出现小数点的辅助线，避免在对齐的时候出现1px的误差，被说成是粗心的失误。

13. 阅读顺序

对于一个步骤，试试用1、图、文字的顺序，跟图、1、文字的顺序阅读，就知道哪个更流畅，更能带来良好的用户体验。

14. 标题推导

当你的详情中，有多屏视觉页展示的单页，且文字适合排在上方的时候，尽量让这个文字在每屏中的位置一样，这样会让你的设计看起来很规整，也很有设计感。

以上就是今天的内容，关注疯狂的美工官网，每天分享不同电商设计技巧！