网页设计参考线设置规范（网页参考线版面）

本文目录一览：

• 1、网页设计的页面尺寸标准
• 2、进行网页banner设计的时候需要注意什么
• 3、网页设计有什么讲究吗网页设计有什么讲究吗知乎
• 4、网网页设计如何设置辅助线的颜色和间距

网页设计的页面尺寸标准

1、pc端网页的设计稿尺寸是宽度1920px，高度最小是1080px，主体内容在1200px内就行，比较规范。

2、网页设计标准尺寸：800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。

3、网页设计合适页面尺寸：800*600下，网页页面宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。

4、页面布局 统一尺寸 据统计，目前 PC 端用户屏幕分辨率占比排名前三的是 1920*1080、1366*761440*900，以 1440 来设计的话，向上适配或者向下适配误差会比较小。

进行网页banner设计的时候需要注意什么

1、网页设计注意排版网页设计中，使用全屏照片作为网站背景固然简洁漂亮，干净利落之余设计师需更要考虑到整个网页的布局，如何在大幅照片上进行排版，设置栏目，与照片背景颜色不产生冲突，又不影响用户的阅读体验。

2、Banner的“重量”要轻。以468×60的Banner为例，最好是15K左右，不要超过22K。

3、动态和静态禁用动图作为banner，动图会给用户造成浏览压力。静态图片会让用户更加的轻松，而没有视觉疲劳感。“重量”要轻注意用PS修改图片大小，在保证图片精度的情况下，尽量将突破压缩在最小，以提高网页加载速度。

4、做好信息的平衡和协调 信息并非越多越好，不要把所有信息都突出，要做好各种信息的平衡和协调，才能真正地吸引人。

网页设计有什么讲究吗网页设计有什么讲究吗知乎

网页设计的要素 在一个中，最重要的页面当属主页，所以在此以主页为例，说明在网页中版面设计的问题。

留白太少留白是网页设计中一个重要部分。它有助于防止用户在浏览网站时变得疲惫，它可以在内容中划出距离，而且它本身也看上去不错。空白不是必须用白色的，而是，它仅仅是为其他设计元素提供间隔和缓冲的空间。

符合用户需求 想要更好的完成网页设计工作，那么就必须要提前考虑用户的视觉需求以及心理需求，只有符合用户需求的设计才能够使用户产生较高的兴趣。

网网页设计如何设置辅助线的颜色和间距

1、第四然后点击右边水平线的代码。在其中加入代码clock=“颜色编号”，就可以改变水平线的颜色。第五然后再点击选择水平线。就可以看到下面会出现一个属性窗口 第六然后在属性窗口的水平线高的选项中。

2、我们已经插入一个水平线了之后，选择水平线。鼠标右键找到编辑标签，快捷键是Shift+F5键。我们在标签编辑器里点击浏览器特定的。随后我们点击颜色。我这里选择一个红色好了。

3、首先，打开vswxxxcode-style并创建一个H5标准页面，该页面用于演示html行距和间距的设置方法。其次，在页面上添加一个p并将宽度设置为300，目的是为了让p中的文字换行，从而设置行高。

4、在菜单栏中选择“视图”-“新建辅助线”，然后输入水平或垂直坐标的像素值即可设置辅助线。同时，你还可以通过“视图”-“辅助线”来选择线的颜色。 通过快捷键调整 快捷键是在PS中设置辅助线的最快捷的方式之一。

5、首先，打开电脑上的Axure软件；进入界面之后，点击工作区右侧的【样式】。然后，点击【背景颜色】来进行设置；在出现色板中点击自己喜欢的颜色即可，这里，为了更好的给大家演示，选择醒目的【蓝色】。