说起网页界面设计,也许大部分人首先想到的是前端代码和后台程序,但在做这两件事之前,还有一件事要先做。就是设计图。没有设计图,前端工程师就没有实现的依据。下面我们就来详细了解一下,网页设计图的设计规范有哪些?
一、尺寸大小
不管设计什么,我们必须有一个画布才能开始设计,那么我们这个画布应该做多大呢?这正是我们在网页界面设计时遇到的第一个问题。
一般来说,我们设计的时候是根据电脑分辨率大小设计的,根据电脑显示器的大小,现在使用1920px的宽度居多,以前的版本也使用1440px,比较小的使用1280px,但现在屏幕越来越大,一般设计布局也可以设置得更大一些。
如果我们在设计时使用1920px宽度的屏幕,那么,我们应该把我们的内容弄得多大,和整个宽度一样大吗?一般不会有人这样做。
我们有时会做1920px的宽度,但有的电脑宽度只有1440px,看不到最边上的内容,所以我们需要一个内容区域的大小。为了使任何显示器都能完全显示所有内容,这个内容区域的大小一般在1000左右,以前的设置比较小,但是1000还是保险点。具体大小可以根据自己的要求调整。
二、字体大小
网页界面设计对字体的要求也很多。通常设计标题的大小为16px或14px,注意不要设置为15px,以免出现单数值。
正文的大小也是用户可以接受的最小字体大小12px,没必要设计得那么大。英文最小尺寸可以设置为9px。这个尺寸已经看得很清楚了。
另外,使用什么字体。这个网站设计出来在网上是给别人浏览的,所以为了防止部分字体无法正常显示,所以基本上会选择系统自带的字体,比如说中文的微软雅黑色、黑体、宋体、英文的有Tahoma、Arial等,这些也是我们需要考虑的问题。
网页界面设计除了以上这两个方面的规范需要遵循之外,还有网页的格栅也是需要遵循一定的规范的。但是今天因为时间关系,我们就不做详细介绍了。