网站首页 > PHP教程> 文章内容

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

※发布时间:2018-11-2 4:43:26   ※发布作者:habao   ※出自何处: 

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

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

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

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

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

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

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

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

  张柏芝养小鬼

相关阅读
  • 没有资料
重庆学习网zslpsh,0755深圳房产人才招聘网,拾年网90后,anedc股票,最新电影下载淘娱淘乐,重庆中学生网高考,重庆中学生网高考,学习重庆方言网,重庆中学生学习方法,重庆俗语网,中学生网zslpsh,0755深圳交友网,重庆初中生,贵州重庆方言网,025新闻网,西南重庆方言歌曲,025南京交友网,重庆农家乐美女,观赏蟹种类zadull,云南重庆方言网,重庆中学学习网,028成都交友网,推广taoyutaol,西南四川方言网,观赏龟论坛zadull,四川重庆方言网,022天津交友网,重庆中学生网家长,鹦鹉鱼zadull,重庆俗语,电影淘娱淘乐,taoyutaole娱乐,华夏视讯网,0755深圳旅游招聘,昆明重庆方言网,淘娱淘乐影视,www.00game.net,观赏鱼zadul,重庆高考zslpsh,重庆中学生网高考,027房产招聘网,坝坝舞wagcw,西南重庆方言网,贵州重庆方言网,重庆言子儿网,热带鱼zadull,重庆高考zslpsh,0755深圳旅游招聘网,淘娱淘乐影视网,0571.361.cm,重庆方言学习网,028成都新闻,异形观赏鱼种类,影视网淘娱淘乐,最新电影下载淘娱淘乐,0773桂林论坛,拾年网80后动画片,观赏蟹论坛zadull,观赏龟繁殖教程,重庆一中zslpsh,重庆俗语网,广场舞wagcw,观赏虾的种类zadull,观赏鱼观赏虾观赏龟,西南方言网,观赏鱼之家论坛zadull,战争前线辅助00game,西南重庆方言小说,重庆中小学zslpsh,推广taoyutaol,战争前线论坛00game,0871交友网,025南京新闻网,重庆言子儿网站,娱乐taoyutaole,022天津交友网,025新闻网,重庆中学生网学习,022天津交友网,重庆方言歌网,www.120.cm健康网,anedc股票,重庆初中生