UI设计师必备|Web设计尺寸规范
1、网页基础规格：- 网页宽度通常设为1920px，高度可自适应，视区宽度为950px至1200px，具体尺寸需依据项目需求、客户意见及用户特性调整。- 首屏高度推荐在700-750px，主体内容区域宽度保持在1200px。 文档设置：- 创建文档时，应以1920px宽度，高度不限，采用RGB颜色模式，分辨率为72dpi。
2、尺寸规范建议在1024px*768px分辨率下，页面宽度设置为1003px，可视范围通常为920px至1000px。常见的页面宽度有960px、980px和1000px，一屏高度一般为650px。 UI设计方面，对于iOS（iPhone）系统，推荐使用标准字体：中文使用“苹方”，英文使用“旧金山”。字号最小为24px。
3、尺寸规范：在分辨率1024px*768px的情况下，满屏宽度为1003px，通常定义可视范围为920px~1000px之间。常见：宽960px、980px、1000px，一屏高度650px。
4、-1080，这是目前常用设备中最大的尺寸（除了Mac 5K屏）。1440-900，常见于15寸MacBook Pro，是许多UI设计师的首选。1366-768，这是普通PC电脑的分辨率。1280-800，13寸MacBook Pro的代表分辨率。考虑到Retina屏幕的特性，13寸和15寸MacBook的分辨率虽大，但实际显示效果与上述范围相近。
5、设定字体使用规范，如主标题、次标题、小标题、正文、辅助文字、失效文字、链接文字等字号、颜色、样式等。补充：字号不得小于 12px，标准 icon 可转成字体图标，特殊字体可以使用 WebFont。 排版注意行高和段落、标点和空格、对齐、文案长度、层级引导。行高和段落 行高默认为字号的 5 倍。
基本网页设计中的尺寸选择
1、在基本网页设计中，尺寸选择应遵循以下原则：PC端网页安全区域宽度：通常选用1200px作为设计标准。这一标准主要基于当前主流设备的分辨率，特别是1920*1080这一分辨率占比高达494%，且大部分屏幕分辨率超过了1366*768，因此无需对1366宽度以下的尺寸做特殊处理。
2、在设计和实现PC端网页时，通常选用1200px宽度作为安全区域的设计标准，这一标准主要基于当前主流设备的分辨率和栅格概念的出现。根据百度流量研究院的最新数据显示，2019年10月份我国网民访问PC网页的主流设备分辨率仍为1920*1080，占总百分比为494%。
3、Web网页设计尺寸的选择并不固定，但通常可以选择1920或根据工作电脑的分辨率来决定。以下是一些关键点：常用分辨率考虑：目前常用设备中最大的尺寸是19201080，因此很多设计师和培训机构会选择1920作为网页设计的宽度尺寸。
4、网页设计的尺寸标准：为1024-768显示分辨率设计的网页，宽度为910px；为800-600显示分辨率设计的网页，宽度为778px。 网页设计中的画布设置：注意分辨率设为72像素/英寸。 网页字体问题：中文字体要特别注意“设置抗锯齿方法”为“无”。宋体是常用的网页字体，12px是最小可显示字体。
5、-1080，这是目前常用设备中最大的尺寸（除了Mac 5K屏）。1440-900，常见于15寸MacBook Pro，是许多UI设计师的首选。1366-768，这是普通PC电脑的分辨率。1280-800，13寸MacBook Pro的代表分辨率。考虑到Retina屏幕的特性，13寸和15寸MacBook的分辨率虽大，但实际显示效果与上述范围相近。
6、网页设计标准尺寸：800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。1024*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615之间.就不会出现水平滚动条和垂直滚动条。
网页设计常用尺寸大小
1、*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615之间.就不会出现水平滚动条和垂直滚动条。
2、- 网页宽度通常设为1920px，高度可自适应，视区宽度为950px至1200px，具体尺寸需依据项目需求、客户意见及用户特性调整。- 首屏高度推荐在700-750px，主体内容区域宽度保持在1200px。 文档设置：- 创建文档时，应以1920px宽度，高度不限，采用RGB颜色模式，分辨率为72dpi。
3、网页的.宽度 现在比较流行的网页宽度是950px，网页两边留出少许白边，简洁又大方。 1024*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615 之间.就不会出现水平滚动条和垂直滚动条。
4、PC端网页安全区域宽度：通常选用1200px作为设计标准。这一标准主要基于当前主流设备的分辨率，特别是1920*1080这一分辨率占比高达494%，且大部分屏幕分辨率超过了1366*768，因此无需对1366宽度以下的尺寸做特殊处理。
一般网页设计背景尺寸是多少?
1、标准页面按照800x600分辨率制作，实际应用的尺寸为778x434像素。页面长度通常不超过三屏，宽度不超过一屏。每个标准页面的大小通常参照A4纸张的尺寸，即5x11英寸。banner广告的标准尺寸为全尺寸468x60像素，半尺寸234x60像素，还有小尺寸的88x31像素。此外，120x90像素和120x60像素也被视为小图标的标准尺寸。
2、网页设计的背景尺寸应根据网页的具体要求来确定。 在800*600分辨率下，网页宽度应保持在778像素以内，以避免水平滚动条的出现。高度则根据页面的内容和布局来决定。 在1024*768分辨率下，网页宽度应保持在1002像素以内。
3、一般做网页设计背景尺寸的标准尺寸是1920x1080像素。详细解释如下：网页设计背景尺寸是一个重要的设计元素，它直接影响到网页的视觉效果和用户体验。在设计网页背景尺寸时，通常会考虑到用户的显示器分辨率。目前，1920x1080像素是常见的显示器分辨率尺寸，因此，这个尺寸被认为是设计网页背景的标准尺寸。
