PSD问题汇总

1. 网页设计不是平面设计。（凡事多问、多百度）。

2. 图层颜色规范：

(1)  废弃图层 --> 隐藏&& 灰色||无；

(2)  蓝色 --> 隐藏层（与触发者同）；

(3)  紫色 --> 交互状态（如无紫色标记，遇到同类不同样的东西全做区分处理）；

3. 图层与分组

(1) 图层顺序尽量顺序（↑↓）

(2) 多图层实现的元素尽量分好组（ps:分组要做好）

(3) 图层分组尽量明确 --不奢求语义化

(4) 废弃图层至少隐藏最好删除

(5) 图层要在区域内，不要做超出画布的东西。

(6) Body背景图层需锁定

(7) 严禁对图层编组的整租使用混合选项内的各种效果

(8) 各种板块区域建一个矩形在底层（拒绝随意板块。尤其是无明显边界的板块）

1. 图片尺寸

   需要用户上传的图片尺寸需先了解用户图片尺寸设计排版，比例必须保持一致（首页，列表页，详情页||若不一致只有溢出隐藏写法）；

   不要搞出太多种尺寸大小。相差不多的尽量统一

   

   多列列表 元素宽度与边距大小要一致（可用 板块划分工具 计算）

   

   图片尺寸与样式。常见16:10 16:9  4:3。 建议16:9。 好看

   图片大小尽量取偶。。

   图片展示 样式也不建议过多。注意统一比例。考虑合理性

   

   图标需要有明确的内容区，因为要统一规格尺寸。（转智能对象或建透明隐藏矩形框同4-8）

2. 板块样式

   标题样式不要太多。。没什么意义。同类标题要保持一致性

   1. 

   1. 相同内容展现形式尽量统一或做一定的板块移动处理（极大减少工作量的同时保持页面的统一性）

      1. 

3. 文本与文本域

   分清单行文本与文本域；单行文本不要使用文本域。使用文本域的时候要根据行高和行数计算高度。

   1. 

   1. 能一个图层就解决的问题不要弄多了。多行文字使用文本域+行距实现。

      1. 

   2. 使用透明度不要是为了调节文字颜色（除非是为了透明效果。）

      1. 

   3. 文字区域不能使用自动，字号行距使用偶数（平面设计部分可随意）；

      1. 

   4. 写活文字部分，字重尽量不要使用 light写活文字部分，字重尽量不要使用 light，浏览器的兼容性不一； 图片内容部分随意。

      1. 

   5. 文案不能随意断行。。样式应用是有实际意义的。。

      1. 

4. 慎用图层样式 不要用投影做边线，内描边。

   1. 

      优先取偶 无论板块还是图片都尽量使用偶数，

5. 合理留白

   1. 同类型内容 边距不能随意变动。

   2. 这里设计稿为了保持一样的宽度。塞得满满当当。。

      1. 

          

6. 响应式常见内容区宽度，拉同类型，等比压缩等除外。按常用分辨率划分一般就的宽度 减去（80~120），以下分辨率按适用程度自行采用。

   1. 1200（适用于1280+屏幕）

   2. 1360（与用于1440+屏幕）

   3. 1440（适用于1600+屏幕）

   4. 1520（适用于1600+屏幕）

   5. 1640（适用于1920+屏幕）

   6. 一般需要保证1200节点无明显问题的基础上拓宽到2~5随意选取。常用就是1&3 双节点

7. 一屏式

   1. 移动端。 高度限定 800（含头底）以内（暂无极限高度测试）内容越精简越好

      1. 设计想象的样子

         1.  

      2. 实际实现的样子（建立在前端缩小了一些边距的基础上）

         1. 

   2. Pc端  含头底600。宽松排版可适当放宽。块状可以等比压缩的可无视。（1920*1080设计）

      1. 

         1. 这种就是要在600内

      2. 

         1. 这种可以随意 但是文字区需要与导航或侧边栏区域区分开，且文字区要遵循内容区规定  

             

             

             

             

             

             

8. 
   设计规范：

   1. 用logo制作48*48的favicon.ico（点击进入页面生成）

   2. 用logo做图文列表的缺省图。

      使用图案叠加和特殊英文字体需写活的，需要把相关png和字体单独存到psd文件夹中一同移交给前端。

   3.