布局上的设计细节：
内容与内容，使用大留白与线
功能与功能，使用分割板块
减少不必要的断层和分割，同一板块不同内容之间，可以用大留白的方法来进行呈现。
灰色分割的高度大概在10pt 留白的间距大概在15-20pt之间
建立认知—增加信任—促销导购
图片设计细节：9:8(头图)/9:6/1:1（相关推荐）/16:9（视频）
文字的呼吸感
36px(18pt)的标题
行间距：50px(25pt) 字间距12px(6pt)
28px(14pt)的正文
行间距：40px(20pt) 字间距10px（5pt）
22px(11pt)的副文
行间距：30px(15pt) 字间距10px（5pt）
标签：标签的高度要和文字高度保持一致
标签的文字：11pt比正文粗一点的字体
标签内让留白左右各3pt 
列表流：
表头细节：
间距的控制一半的原则
标题的大小15pt
标题的图标尺寸和文本的高度一致右边的小三角和副文案一样大小
表内容细节：间距的控制方法/字体的细节/图片的尺寸细节
行**间距区分以4pt为基准。（以这样的方式拉开层次）
表尾细节：通常就是一个横向的按钮（高度在44-45pt）
优惠券的设计
功能上来决定我们卡片中呈现的信息的优先级，例如，文字的大小，文字的颜色，板块的分布等。
设计的时候可以参考一些实物化的内容在里面，例如优惠券可以撕下来的感受。
评价：配图的时候尽量使用统一的图片来进行填充，尽量保持图拼啊的干净整齐
五角星设计的一些细节要点
在模块排版的设计中，我们的内间距要保持统一；比如说板块和板块指甲的间距要保持一致，内容和内容之间的间距要保持一致
主副标题文字区分明显（颜色 大小 粗细） 如果运用圆角数值（3pt-5pt）
头像大小在26*26pt
我们在做设计稿的时候，头像选取尽量遵循一下几个方向
正面视角的
背景相对简单的
颜色明亮的
卡片流：一个内容的完全复用，用户了解更多细节信息的入口，把信息以固定的排版布局模式展现出来，
从布局和基础板块来说：卡片的内容区域的高度相对来说比较固定
主要信息区域布局也相对固定/卡片还能以一种带有背景色的方式来进行设计，突出卡片差异化/
对于卡片流中的文字排版布局，除流运用到流图片流中间距的一些排版方式之还有注意字体大小上的一些细节的调整。
图标可以当作一个辅助功能进行展现，主要是靠一些文字有关的内容来进行展示，但是我们在制作图标的过程中，也要考虑每个卡片板块中图标的统一性，还有呼吸感。
feed流板块中发现一些辅助的按钮还有标签等
我们在设计这类标签还有按钮元素的时候，我们要注意整体画面重心平衡，不要因为加入的标签还有按钮就让整个画面失去的平衡感，这点也是feed流的设计容易忽视的一个问题。
app详情页链接首页/最全的最详细的载体页
若有收获，就点个赞吧
0 人点赞
