网页设计有效范围

1、网页设计的宽度一般为多少?应该怎么把握?

百度统计流量研究院对于2017年上半年的分辨率使用情况统计得出。

排名第一的是360×640，这是竖屏，一般在医院、学校中才能见到，暂且不谈。

排名第二的是1920×1080，占比13.07%。

1366×768排第三，占比6.32%。这说明现在主流的电脑分辨率是1920×1080。

排名第七的分辨率，1024×768，是最小的电脑尺寸了，仅占3.13%，很少有人使用。在做pc端的网页设计时，不用考虑这个尺寸，而应在做pad端和手机端的适配时，将其纳入考虑。

而更高级的响应式网站应该是在严格的栅格规范下，适应于不同宽度，确保各宽度下的展示效果。但这样的成本也会相应增加，在开发网站时，需综合考虑实际需求和开发成本。time（《时代周刊》官网）是个很好的响应式网页案例。

(1)网页设计有效范围扩展资料

网页设计中的注意事项：

1、网页设计的尺寸标准：

面向1024-768显示器分辨率开发的网页尺寸，宽910px；

面向800-600显示器分辨率开发的网页尺寸，宽778px；

2、网页设计中的画布设定：

尤其注意分辨率为72 像素/英寸。

3、设计中的网页字体问题

中文字体：尤其注意“设置消除锯齿的方法”选项要选择“无”。

宋体是最常用的网页字体，12px 是中文操作系统可以表现的最小的字体，内容。

文字大小一-般用两种，12px 或14px(现在的新的vista据说能表现10px的中文字，但现在使用并不多)。

英文字体：其中英文字体最小表现为10px 字verdana字体是大多数网页使用的英文字体，比起arial字体更美观和均衡。

效果图：

网页效果图中的网页字体，虽然在最后制作网页的过程中不需要裁剪。但做为设计中不可分割的重要元素，一定要认真使用，因为你不单要设计文字与整体网页的关系，还要设计字体的样式表颜色。

2、网页设计算不算平面设计的范围内？

网页设计也是平面设计的范围，只不过是平面设计的一部分。也就是说平面设计中网页设计只是其中的一小部分，平面设计还包括广告页面的设计的，淘宝宝贝的处理，自己照片的处理等等。

3、网页设计现在主流高和宽是多少，有效显示内容的区域宽是多少，1440可以吗？用删格系统该用多大的？1

不用追求主流多少，适合屏幕就可以。内容多就要拉长。

4、网页设计的尺寸大小是多少，宽度应该是多少？？？

其实也没有硬性规定，但是为了兼容大多数浏览器一般是设置960px，随着现在浏览器分辨率的变化，已开始向着1000px,1200px宽度发展，例如淘宝(1000px）京东商城（1200px）。如果需要兼容不同浏览器尺寸，现在比较流行的做法是做成响应式的，即根据不同分辨率显示不同的尺寸，工作量也就随之增加了。貌似国内的大网站也没有使用。

5、网页设计最合适的页面尺寸是多少？

网页设计标准尺寸：

1. 800×600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。

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

3. 在ps里面做网页可以在800×600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740×560左右。

4. 在PS里做的图到了网上就不一样了，颜色等等方面，因为web上面只用到256web安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广，所以自然会有失色的现象。

6、现在网页设计的中间正文（有效范围）是多宽？是一个范围值？是多少？

?

7、为什么网页设计需要安全距离？

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

2、字体设置过多 通常来说一个网页中最好不要超过三种字体。

3、色彩太多 文本、背景、框架等各为不同的颜色，虽然看似鲜艳但是，多重渐变、几种鲜艳的色彩和大量有鲜明对比的色调及饱和度，会破坏你网站的层次和空白概念。尝试限制自己只用一种鲜艳的色调(如蓝色)，再搭配反相的单色(白、灰、黑)以获得一个漂亮的搭配。这里强调下豆瓣的配色。也是我喜欢的颜色搭配。

4、内容过于堆叠 网页的内容繁多，各种分支信息占据的空间过多，没有突出关键的主题。它有助于在内心组织重要的信息，并引导用户注意在你想让他注意的地方。在传统艺术中，新手们被教导色彩、价值和线性透视三原则和其他艺术指导。在网页设计中，没有特别奉行的准则，但以直观的方式组织你的内容是一条很好的经验规则。也是多年培养的用户习惯。最终习惯就是最终用户。当然一成不变不是我们所鼓励的。

5、没有重视用户电脑的屏幕显示效果 也许某个分辨率对你的电脑效果特别好，但是用在用户电脑上就不一定如此了。虽然这种分辨率的显示器正在减少，但采用更小的分辨率的手机设备也来了。现在的网页设计宽度标准是960像素，虽然没有照顾到每一种分辨率，但在主流分辨率上可以呈现的最好。假如你希望面对大量的手机用户，最好考虑一个手机版设计。

6、没有考虑对比效果 你有没有试过两种对比色彩的运用或者大小的变化，有些方式之所以比其他的更好，其原因就是这是一种眼睛感知到对比的方式。如果你很难舒服的阅读文字，考虑一下改变字体大小或方式。成为一个大师级网页设计师的秘诀：对比，对比，对比。

7、同一件事情做的不够多，或做的太多(过犹不及) 某个主题过于突出或者某个主题被完全冷落了，在页脚加一个”返回顶部”的按钮也很好。但是，太多指向同一目标的途径会降低可用性。让你的奶奶用下你的网站，如果她搞不定，想想哪些东西让初次访问的用户拒绝使用这个网站。

8、不一致 网页内容过于杂乱，没有统一的框架把他们合并到一个中心主旨上。它是把网页设计组织在一起的方式，可以创造一种紧密结合的感觉。在网站页面互相链接的情况下，它可以帮助用户把所有页面都联系在一起。如果你在整个网站持续改变字体、大小和色彩，用户很快会觉得不知所措。

9、没有足够的文字间距 间距过小是造成网页缺陷的一个重要原因。网页一个是行距，可以用CSS直接调整，关系到两行文字之间的距离。这些有助于区分行与段落，使用户更容易阅读文字。

10、贫乏的尺寸大小 标准做法是h1的文字大于h2的文字，头部文字大于段落文字。尽量保持一致的尺寸，因为它有助于一致性(第8条)和内容层次(第4条)。保持文字的可读性，但不要太大，让字体的大小表现信息的重要性。还有，10像素以下的尺寸对大量阅读的人来说太小了。 在平时设计网页过程中，如果能够多加注意到这些问题，从而避免不该犯的错误，就能在整体设计的基础上加分，此外，加上自己特色的创意，真正为用户考虑，才能真正做到优秀的网页设计。

8、有谁知道网页设计的有效范围最大是多少 我做的1920*1080 有效范围1200px

很多人都做全屏的1920或者1640px的banner高的话，最低600吧。。。一般可以860px

9、网页设计宽度多少是最好啊？

网页的尺寸受限于两个因素:一个是显示器屏幕。
现在显示器现在种类很多，以21寸为主流, 正在朝23寸及宽屏的方向发展。但目前也有为数不少的19寸显示器，甚至是17寸的。

另一个是浏览器软件，就是我们常用的IE，Friefox，360浏览器等。

基本上网页宽带是屏幕大小减去22px就是页面的宽度，比如对于800*600分辨率的屏幕，页面的宽度要低于778像素，1024的宽度的页
面要设置成不大于1002px(一般就是950或者960)，等等。当然还有些人觉得设置成fixed比较好，就是满屏，100%宽度。

目前各大网站基本在960/950为主，促使各大网站改为宽屏的原因是，1024*768分辨率的浏览器早已成为主流，更宽的屏幕也越来越多，比如1280*1024。而这些网站的宽度，大都是950px/960px而非1002px(腾讯网的是1002px)。

这个问题上面每个人的观点是不一样的，我认为这里主要要考虑两个因素：

视觉效果和用户体验。

从视觉效果来说，屏幕边缘区域并不是用户的有效视觉区域，也就是说，用户很少去看屏幕的边缘地带的。所以我最近在很多国外的网站看到一些100%宽度设计的网站，两边都会留20px左右的空白(而且这样看起来更加舒服)。

而从用户体验来说，太宽的屏幕，意味着一行会有更多的字，这一点是不好的。大家在看报纸或看书的时候会注意到分栏，比如报纸，无论是对开还是4
开的报纸，都会分成几栏来显示，如南方都市报是分5栏，每栏15个5号字，这样就很容易阅读，如果不分栏，那么就相当于一行75个字，只有一两行字的话还
行，如有二十几行，谁能读下去?!

现在显示器的屏幕越来越宽，如果网页的宽度也一味的宽下去，用户肯定要纠结了!

所以，我认为950-980的页面宽度是最合适的。
网页设计原则：http://www.wzyunying.com/post/74.html