网站首页 > 室内设计> 文章内容

UI设计基础教程之网页设计流程与规范

※发布时间:2018-6-5 23:52:55   ※发布作者:habao   ※出自何处: 

  网页设计是UI设计师工作的重要组成部分,想要做出好的网页设计作品你需要遵守一定的设计流程和规范。提及网页设计,很多人想到的就是前端代码和后台的程序,但在做这两个之前,你首先要有设计图。而遵守网页设计规范最重要的作用是:统一识别、节约资源、重复利用、上手简单。那么网页设计规范包括什么呢?下面就来给大家介绍一下UI设计教程中的网页设计流程与规范。

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

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

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

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

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

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

  以上就是UI设计教程中有关网页设计流程与规范的相关介绍。如果你想参加专业的UI设计学习高端全面的UI设计知识,你可以到地方看一看,试听之后再决定。