网页设计比例有哪些（网页设计页面的比例大小）

本文目录一览：

• 1、移动端网页设计尺寸标准
• 2、干货分享:网页设计+黄金比例
• 3、网页设计比例
• 4、网页设计中页面尺寸标准
• 5、什么是黄金比例?该如何应用到设计上?

移动端网页设计尺寸标准

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

PC的话一般是800/1024dpi宽，高度你可以多做点，反正可以下拉。

网页设计选用的分辨率是72像素，使用的画布尺寸1920px*1080px。但是并不意味着在整个画布上进行设计，一般采用全屏展示和两侧留白的方式。全屏展示，是整个网站看起来大气一些，但是布局要合理安排，不然看起来有些傻大的感觉。

给定界面元素的尺寸不一致。Android的最小点击区域尺寸是48x48dp，也就是说在xhdpi设备上，按键尺寸至少是96x96px。在xxhdpi设备上，它是144x144px。 无论画布设置多大，我们设计的都是基准放大的界面风格，开发者需要的单位都是逻辑像素。

网页尺寸：淘宝是990（950）宽*任意高，要是自己或者企业的话，这个你随便定，一般宽度是在950-1200之间 手机尺寸：淘宝620（480）宽*任意高，要是自己或者用其他软件的话请参考软件的要求。

因为wep上面只用到256wep安全色，而ps中的REB或者CMYK以及LAB或者HSB的色域很宽颜色很广，所以会有失色现象。页面标准按800*600分辨率制作，实际尺寸为778*434px页面长度原则上不超过3屏，宽度不超过1屏。

干货分享:网页设计+黄金比例

1、当然，黄金分割比例只是设计上的指导。如果你能打破这个规则，保持网页设计页面的自然平衡，作为一个普通规则，黄金比例往往用5：3代替。虽然不是很准确，但是更直观方便。

2、当然黄金分割比例只是在设计上的一个指导而已，如果你可以打破这个规则又能保持网页设计页面的自然平衡也是可以的，作为一个通常的规则，经常把黄金比例用5：3来代替，虽然不是非常精确，但是却更直观和方便使用。

3、布局：将尺寸设置成黄金比例 在布局中使用黄金比例的方法并不难，关键是控制比例和尺寸。重点很简单，把握好1：618的黄金比例。

4、黄金比例通常用于有效放置UI元素。 首先，它可以用于线框的阶段。 通过这种方式，您可以按照黄金比例规划布局布局和调整用户界面组件的大小。 此外，黄金比例计划可以帮助专业人员为网页设计裁剪图像，以确保照片的构图保持均衡。

5、黄金比例可以让一切看起来那样自然。 下面这个网站由平面设计师 Tim Roussilhe 为 自己设计。它的内容虽看起来非常密集，但它的排版也遵循黄金比例和黄金螺旋规律，它的重点是文本的左上部分的网站。

网页设计比例

记住，网站的色彩比例控制在6：3：1最为适宜，这样主次分明，色彩之间也不会相互冲突。引导用户配色方案在网页布局中起着至关重要的作用。你需要仔细审视整个网站，考虑如何使用色彩引导用户。

网站设计分类宽屏和窄屏，宽屏是1024PX，但设计只能设计为1000PX，不然超宽了，窄屏设计是760PX。

对于固定宽度的网站布局，设计师常用的分辨率有：760px、780px、920px、950px等，如今大尺寸、宽屏幕的显示器越来越多，越来越普及，有些设计师也开始采用1000px、1003px这样的分辨率。

在图片中使用黄金比例是指将图片分成3个不相等的区块，3个区块的比例应该是1：0.618：1，也就是说第一列和第三列的宽度为1，而第二列的宽度为0.618，水平区域也是同理。

这个网页设计当中主色辅助色，他们每个占的比例的话应该是8：1比一。

网页设计中页面尺寸标准

1、*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615之间.就不会出现水平滚动条和垂直滚动条。

2、*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。1024*768下，网页宽度保持在1002以内，就不会出现水平滚动条，高度则视版面和内决定。

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

4、网页设计选用的分辨率是72像素，使用的画布尺寸1920px*1080px。但是并不意味着在整个画布上进行设计，一般采用全屏展示和两侧留白的方式。全屏展示，是整个网站看起来大气一些，但是布局要合理安排，不然看起来有些傻大的感觉。

什么是黄金比例?该如何应用到设计上?

1、在设计中，黄金比例可以归结为美学——创造和激发一种通过比例与和谐产生的美感。当应用于设计中时，黄金比例提供了一种艺术性；一个未知因素，一定的描述的事物。

2、黄金比例的黄金分割率是1：618。这比较容易画出来：首先画一个正方形 从正方形的中间（A点）画一条斜线到对角（B点）画一段弧线。通过画圆得到了一个矩形。正方形和矩形组成的图形就是“黄金比例矩形”。

3、黄金比例是不同大小元素之间的数学比例，被认为是人眼最具美感的。 黄金比例等于1：618，通常可以看到您可能在互联网上看到的贝壳形螺旋。那么，如何计算完美的不对称？ 首先，你需要确定小元素的长度。

4、黄金分割（黄金比例）黄金分割是指将整体一分为二，较大部分与整体部分的比值等于较小部分与较大部分的比值，其比值约为0.618。这个比例被公认为是最能引起美感的比例，因此被称为黄金分割。

5、黄金比例是一个定义为（√5-1）/2的无理数。黄金比例所被运用到的层面相当的广阔，例如：数学、物理、建筑、美术甚至是音乐。黄金比例的独特性质首先被应用在分割一条线段上。