源自：设计达人网
链接：
http://www.shejidaren.com/15-shouji-xianqing-ye-sheji-xijie.html
前言：这是一篇扫盲式的手机详情页的设计细节文案，重点写给0基本的小白设计师的，大佬们笑一笑就好了，当然有错误的地区亦哀告指正，不仅能让我学习到知识，还能避免把人带弯。
目的：做详情之前得清楚详情页的核心目的，个人认为是展示制品卖点与传递制品信息，形成转化，美观是其次。
因此在制作详情页的时候得时刻记住自己主想要表达的是什么，在信息传达到位的前提下，能够检测下下面的细节。
1. 一屏的尺寸
鉴于日前95%的详情页用户都来自无线端，因此咱们在做详情页的时候，有必要认识日前自己工作重点运用的平台的尺寸是多少，这儿平台以某宝为例，手机用iPhoneX，计算出了一屏可展示的高度，这般自己在做详情的时候就晓得多高比较合适了。
2. 竖屏思维
既然用户运用场景是手机，那样在制作详情的时候，尽可能用竖着阅读的方式去制作，而不是- -味地继承电脑端的横屏思维，将详情缩小就可，另一举荐最小字体不少于18px。
3. 图标设计
图标在传达信息的时候，比仅有文字的时候效率要高，亦更易记住。在运用的时候重视统一性，切忌面性图标和线性图标混合运用，在运用线性图标的时候，还要记得统一图标的粗细。
04. 关于名人肖像
当必须显现多个人像的时候，最好使她们形象体积、方向、色调一致，眼睛在画面的高度最好亦统一，这般有利于画面和谐。
05. 图形
冯叔说过圆形最好不要人为拉伸，由于这般并无任何道理，并且还会人为是你做设计不足细心导致的。
06. 圆角矩形
关于圆角矩形的大圆角，不是不能够用，然则大部分人用的欠好，因此稳妥一点，我举荐圆角小一点，或拉成半圆,会大气非常多。
07. 投影
黑颜色的投影其实亦好用的，然则或许有更好的方式，试试加了红色的黑色吧，亦许看上去更干净一点。
08. 按钮 & 搜索栏
凭感觉做的通常都是从业非常多年的设计先辈了，倘若不晓得为何别人做出来好看，能够试着分析下按钮的负空间，与单个字体之间的比例，做出来的按钮整体效果要比之前的大气哦。
09. 箭头
非常多初学者习惯偷懒用英文的符号代替，然则常常细节决定成败，随便画一个矩形，删除一个锚点，旋转45就能画出来，记住统一成文字的笔画粗细。
10. 字体搭配
在针对字体个性不太认识的状况下，黑体搭配黑体、宋体搭配宋体，是不会有错的(黑宋搭配是比较难把握的)，然则搭配的时候必须重视，英文在同字号的时候行高无汉字高，必须加大1-2个字号，同期字重必须匹配。
11. 标题与正方
标题与正文，想要搭配的好看，前期举荐用计算器，固定好标题文字体积或内文文字体积，而后用1.414、1.5、1.618、1.732、2、3等比例进行运算，内文的行距亦是一样的道理，而后举荐大众文字体积用偶数，体积变换输入数值，这般能够在最后导出照片的时候，避免某些意料之外的瑕疵。
12. 辅助线
举荐拉辅助线的是按住shift，辅助线会以1、10这般的整数变化，不会显现小数点的辅助线，避免在对齐的时候显现1px的误差，被说成是粗心的失误。
13. 阅读次序
针对一个过程，试试用1、图、文字的次序，跟图、1、文字的次序阅读，就晓得哪个更流畅，更能带来良好的用户体验。
14. 标题推导
当你的详情中，有多屏视觉页展示的单页，且文字适合排在上方的时候，尽可能让这个文字在每屏中的位置同样，这般会让你的设计看起来很规整，亦特别有设计感。
注：部分照片来自网络，仅用于学习交流之用途。
发表于 2024-8-12 04:50:04
