网页设计 百文网手机站

PC网页设计尺寸规范

时间:2022-03-01 16:39:08 网页设计 我要投稿

PC网页设计尺寸规范

  引导语:网页的设计尺寸需要考虑浏览器的版本兼容性问题,以下是小编整理的网页设计基本尺寸规范,欢迎参考阅读!

  固定的内容:

  1.PS中设计分辨率为:72像素/英尺(图片质量的像素点)

  2.颜色模式RGB 8位(显示器的三原色红,绿,蓝为RGB)

  不固定的内容:

  一、网页背景

  a.纯色背景平铺(自适应浏览器)

  b.渐变色或底纹平铺背景(自适应浏览器)

  目前网页设计中都会做通栏大图,以方便吸引客户,增加网站整体美观

  c.通栏大图

  二、屏幕分辨率

  1.标准分辨率:1024px*768px(目前10%-20%的用户在用)

  主体设计内容宽度:1000px(常用宽度:960px,1170px,980px,1100px,1200px)

  首屏高度大约在700px

  2.常用分辨率:1280px*768px

  主体设计内容宽度:1200px(常用宽度:1190px,1170px,1100px,1200px)

  首屏高约:750px

  3.系统分辨率统计

  三、设计文档大小

  1.PS中新建文档宽要大于主体设计内容的宽度(目的为了表现设计意图,展示背景效果,左右宽度最少200px)

  2.设计到通栏大图片新建文档的.宽度:1920px,所有的设计文档宽1920px主体内容根据具体情况而定(主体内容要是想要适应所有用户必须低于1000px)

  网页设计的设计阶段

  网站伴随着网络的快速发展而快速兴起,作为上网的主要依托,由于人们使用网络的频繁而变得非常的重要。由于企业需要通过网站呈现产品、服务、理念、文化,或向大众提供某种功能服务。因此网页设计必须首先明确设计站点的目的和用户的需求,从而做出切实可行的设计方案。

  专业的网页设计,需要经历以下几个阶段:

  需要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析,从而建立起营销模型。

  以业务目标为中心进行功能策划,制作出栏目结构关系图。

  以满足用户体验设计为目标,使用axure rp或同类软件进行页面策划,制作出交互用例。

  以页面精美化设计为目标,使用PS、AI等软件,调整,使用更合理的颜色、字体、图片、样式进行页面设计美化。

  根据用户反馈,进行页面设计调整,以达到最优效果。

【PC网页设计尺寸规范】相关文章:

PC网页设计规范09-09

网页设计标准的尺寸11-17

移动端网页设计尺寸标准09-22

网页设计的页面尺寸标准09-14

网页设计中页面尺寸标准09-10

网页设计字体设计规范10-01

网页设计页面尺寸的标准大小09-08

网页设计中字体规范09-29

网页设计之字体设计规范09-15