网页设计规范标准（网页设计规范标准有哪些）
本文目录一览：
- 1、网页设计规范
- 2、网页设计的页面尺寸标准
- 3、网页设计之字体设计规范
- 4、网页设计制作标准规范
- 5、网页设计的基本原则是什么?
网页设计规范
在最新版Photoshop网站Web预设尺寸给了我们一些启示：常见尺寸（1366x768px）、大网页（1920x1080px）、最小尺寸（1024x768px）、Macbook Pro13 （2560x1600px）、MacBook Pro15（2880x1800px）、iMac 27（2560x1440px）等。文字规范 我们现在都知道了网站上面的文字是通过前端工程师重新写在代码里的。
网页设计规范的要求学习网页设计规范要注意四点：（1）布局。（2）颜色匹配。对于初学者，建议在主色调上设置一些亮度梯度或相似的颜色。（3）图像。丝网设计的两个基本要求是：不变形。
后台产品设计规范 以下数值为参考，请结合特定产品灵活运用。 页面布局 统一尺寸 据统计，目前 PC 端用户屏幕分辨率占比排名前三的是 1920*1080、1366*761440*900，以 1440 来设计的话，向上适配或者向下适配误差会比较小。
●设计网站字体。和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，可以根据需要选择一些特别字体。制作者可以根据自己网站所表达的内涵，选择更贴切的字体。
网页设计的页面尺寸标准
全尺寸banner为468px×60px，半尺寸banner为234px×60px，小banner为88px×31px 小图标的标准尺寸还有120px×90px、120px×60px等 每个非首页静态页面含图片字节不超过60K，全尺寸banner不宜超过14k 标准网页广告尺寸规格 120×120，这种广告规格适用于产品或新闻照片展示。
pc端网页的设计稿尺寸是宽度1920px，高度最小是1080px ， 主体内容在1200px内就行，比较规范。
*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615之间.就不会出现水平滚动条和垂直滚动条。
网页设计合适页面尺寸：800*600下，网页页面宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。1024*768下，网页宽度保持在1002以内，如果满框显示，高度是612-615之间，就不会出现水平滚动条和垂直滚动条。
网页设计之字体设计规范
1、最佳易读性规范 行宽 传统图书排版每行最佳字符数是55—75，实际在网页上每行字符75—85更流行。
2、- 标题文字建议使用18px、20px、24px、28px或32px，尽可能选择双数大小；- 按钮文字大小为14至16号，根据实际情况可调整。
3、字体大小不要过大在网页设计中，不要用太大的字体。过大的字体会让页面看起来很不协调，影响用户的阅读体验。不要使用闪烁的文字不要使用不停闪烁的文字。这样会让用户感到不适，影响用户的阅读体验。标题字号应比正文字号稍大在网页设计中，标题文字字号应当比正文字号稍大。
4、字体在设计中的地位是至关重要的。简单说：如果作为文字去使用。公文，标语等，比较正式的内容，尽量实用印刷体，即黑体；宋体等等。有说服力，有可信度。标题要粗，正文要细。作为促销、活动以及内容活泼的主题，就要使用新鲜，特别或者少儿的字体。例如毡笔黑，琥珀体，少儿体，等等。
5、字体的大小设置 网页中字体大小不要乱设置，最好以系统默认为宜，一般是12PT，现在网络上最流行的小中文字体大小为9pt。CSS2规范根据长度、水平和垂直尺寸来定义字体。这个长度为一个数值，前面可能带一个可选的加（ ）或减（-）标记符。另外，该数值后可能有一个可选的单位标识符。
网页设计制作标准规范
1、我们现在都知道了网站上面的文字是通过前端工程师重新写在代码里的。那这种文字在浏览器上的渲染与系统和浏览器有关。图片规范 网站设计中的图片常用4（宽）：3（高）、16（宽）：9（高）、1：1等比例。具体图片大小没有固定要求，但整数和偶数为佳。
2、网页设计规范的要求学习网页设计规范要注意四点：（1）布局。（2）颜色匹配。对于初学者，建议在主色调上设置一些亮度梯度或相似的颜色。（3）图像。丝网设计的两个基本要求是：不变形。
3、页面需要一个默认的底色，错误文字使用 14px，与情感化插画间距 20px，与按钮间距 30px。 1 数据可视化 数据可视化部分可能是后台产品中对视觉设计要求较高的部分，使用情境为各类统计图、大屏展示页面等。
4、首页不宜过长。在主流计算机配置和当地平均网速条件下，页面加载时长不宜超过3秒。网站内容要清晰显示发布时间，时间格式为YYYY—MM—DDHH∶MM。文章页需标明信息来源，具备转载分享功能。页面中的图片和视频应匹配信息内容，确保加载速度，避免出现图片不显示、视频无法播放等情况。
网页设计的基本原则是什么?
1、审美原则 好的创意必须具有审美性。一种创意如果不能给浏览者以好的审美感受，就不会产生好的效果。创意的审美原则要求所设计的内容健康、生动、符合人们审美观念。目标原则 创意自身必须与创意目标相吻合，创意必须能够反映主题、表现主题。网页设计必须具有明确地目标性。
2、除了要有创意和特色外，有一些基本原则是必须要遵循的。明确网站内容 一个网页在设计的时候首先应该考虑网站的内容，包括网站功能和用户需求，而不是以漂亮为中心进行设计规划。明确设计网站的目的和用户需求，从而做出切实可行的设计计划。
3、和谐性 网页设计和谐性是指网页布局符合人们审美的基本原则，让人一看就觉得浑然一体。同时网页设计成功的关键，要使网页的结构形式和网页形成的视觉效果让人产生一种心灵的共鸣，形成沟通，富有生命感。关于网页设计应遵循哪些设计原则，环球青藤小编就和您分享到这里了。
4、图片与文字的协调性一个完美的网页布局会给人一种和平舒畅的心情，它不仅仅是表现在文字的表达程度，更多的表现在图片与文字的协调性。视觉上的对比性通过不同的色彩、不同的图形进行对比，在视觉上形成视觉的冲击，同时在图形也要形成对比，只有这样才能让人们过目不忘。
