首页 > 众包知识 > 效果图设计 > 网站效果图设计 >  网站效果图设计规范

网站效果图设计规范

2017/7/3 15:18:24      6859人阅读      作者:来源网络

建设网站有很多类型,我们要把握其共性,就能很轻松的用PS制作出漂亮和效果图。



  
  1.页面宽度和高度。

  
  网页宽度尺寸:现在用户电脑分辨率以1024*768分辨率较有普遍,页面宽度一般上控制在960px~1003PX,如果超过1003PX,浏览器将会出现左右滚动条,这样不够美观。有的同学有疑问,电脑分辨率宽度明明是1024怎么超出1003就会出现滚动条呢?以IE浏览器为准,IE浏览器显示的范围只有1003PX,剩下的21像素刚好是IE上下滚动条的宽度。

  
  网页高度尺寸:一般上设计首页效果图高度有限制(高度具体根据首页内容而定),网站内页,高度不做限制,注意设计高度要随着页面内容拉伸,保证页面的左右是一个整体。

  
  2.页面布局。

  
  网页首页页面布局,分为,左、中、下结构。中间部分,分为:左右或者,左、中、右。注意:每个部位的距离,要根据一定的规律去做排版,注意利用版心线、网格等控制网页部位的比例。

  
  3.网页留白。

  
  注意控制留白之间的距离,如上、中、下 之间的距离,左、中、右之间的距离,甚至网页上每个模块与模块之间的距离,模块内容距离边界的距离,文字与文字之间的行高等,要保持等距。

  
  4.网页中的文字。

  
  一般中文网页正文文字大小多为12PX,门户网站的正文多为14PX。英文文字大小多为9PX。标题文字多为14PX加粗。(注意PS设计里正文文字,样式效果要设置为无,切不可出现锐利、浑厚等样式。)

  
  图片上的文字,大多样式为浑厚或者锐利来让字体显得更加细腻。

  
  5.分辨率的设置


  
  网页效果图分辨率,统一为72像素/英寸,不按照这个为参照的话,你会发现打在图层上的文字不显示正常尺寸,或大或小。

  
  6. 颜色的使用

  
  一般上网页出现的颜色不超过三种,具体根据客户的建站类型和阅读群体,选择正确的色相型。

效果图设计优质服务商

效果图设计方案
免费预约
服务时间:周一至周日9:00—22:00
提供一站式众包服务
立即发布悬赏