网站开发简单规范-设计篇

  

-设计效果图

一、网页

1、pc端：

1.1）效果图：

尺寸：1920px宽，主内容区1200px宽。

注：

1.1.1）特殊情况，比如客户要求可不按此标准。

1.1.2）做完1920px宽的效果图（jpg）之后再裁切一个1440px宽的效果图（jpg）。

1.1.3）源文件（psd）和图片文件（jpg）在客户确认之后，一并打包发给前端切图。

1.2）字体：

1.2.1）页面上字体：

中文：“微软雅黑”，英文：“Helvetica”或“Arial”。

1.2.2）图片上字体：

中文：“思源黑体”或“思源宋体”等开源字体。

1.3）图片：

以客户提供的为主，自己选用的一定注意版权问题。

2、移动端：手机版

1.1）效果图：

尺寸：750px宽或720px宽。

1.2）字体：

1.2.1）页面上字体：

中文：“思源黑体”或“苹方”，英文：“Helvetica”或“Arial”。

1.2.2）图片上字体：

中文：“思源黑体”或“思源宋体”等开源字体，英文：“Helvetica”或“Arial”。

1.3）图片：

以客户提供的为主，自己选用的一定注意版权问题。

二、公众号，小程序

1、效果图：

尺寸：750px宽或720px宽。

2、字体：

2.1）页面上字体：

中文：“思源黑体”或“苹方”，英文：“Helvetica”或“Arial”。

2.2）图片上字体：

中文：“思源黑体”或“思源宋体”等开源字体，英文：“Helvetica”或“Arial”。

-文件命名及保存

一、文件夹

1、按项目名称命名文件夹；

2、子文件夹分为“方案”和“资料”。

二、文件

1、psd和jpg文件命名一样；

2、修改文件时多做备份，发给前端的文件保证为最新的确认版。