网页设计是UI设计师工作的重要组成部分，想要做出好的网页设计作品你需要遵守一定的设计流程和规范。今天千锋郑州老师就来给大家介绍一下UI设计教程中的网页设计流程与规范。

　　提及网页设计，很多人想到的就是前端代码和后台的程序，但在做这两个之前，你首先要有设计图。而遵守网页设计规范最重要的作用是：统一识别、节约资源、重复利用、上手简单。那么网页设计规范包括什么呢?

　　1、尺寸大小。在进行网页设计时，我们需要考虑画布尺寸以及分辨率，比如可以根据电脑的分辨率进行分析。现在用的比较多的是1920px的宽度，以前的版本也有用到1440px，比较小的还有1280px的，但现在屏幕越来越大，一般设计的设计的版面也会设置得大一点的尺寸。

　　2、字体大小。一般去设计的时候标题的大小设置在16px或者14px，正文的大小也是用户最小能接受的字体大小为12px，英文的最小码可以设置到9px。当然，不同的需求字体的设置也不尽相同，比如为了避免一些字体不能显示出来，采用的字体会要求采用系统自带的。

　　3、表单。表单就是那些输入框和单选框、复选框，他们之间的间距和大小都有一定的规范。表单与表单的间距，表单与文字的间距，都有一些规范在上面，去设计的时候按照规范去做就行了，当然这些也只是规范，可以适当的放大或者缩小。

　　4、网页栅格。是以规则的网格阵列来指导和规范网页中的版面布局以及信息分布，简单的理解就是可以通过这些网页栅格去区分内容，将内容归类。

　　5、留白。设计的时候不要把所有东西全部堆积再一起，要进行有效的区分。适当的将内容进行留白，让整个界面的各个元素能明显的区分，让看的人觉得界面给的感觉很舒适。

　　6、图文规范。为了让网页看起来更加的整洁，而不像是堆积起来的，所以也要将文字与图片用距离区分开来，让它文字是文字，图片是图片。通常来说，图片与文字之间的间距一般是10px，标图与价格的间距也为10px。

　　以上就是UI设计教程中有关网页设计流程与规范的相关介绍。如果你想参加专业的UI设计培训机构学习高端全面的UI设计知识，建议你先到千锋郑州UI设计培训班瞧一瞧。

　　千锋UI设计培训涵盖手绘素描、平面设计、Web网页设计、移动界面设计、交互设计以及C4D三维设计、H5推广页面设计等知识点，以项目驱动教学过程，大牛讲师全程面授，打造的是既能满足商业目标，又能提升产品用户体验和设计质量全链路UI设计人才。

上一篇

自学Java可以参考哪些书 千锋郑州给你推荐

下一篇

参加郑州Web前端工程师培训 真的能够实现高薪就业吗