深圳网站建设:网页设计组成与规范需要遵循的原则及技巧 ?

分享到:

2020-09-01 11:29:42

  深圳网站建设:网页设计组成与规范需要遵循的原则及技巧 ?伴随着互联网技术的发展趋势,如今一切企业、电子商务或是一切主题活动都离不了网页页面的展现,那麼针对网页页面的设计就分外关键,它是给顾客留的di一印像,网页页面里边有的內容只不过便是图和文,那对于于网页页面设计的方法、规范和常见问题,就由我和大家一起来聊一聊。

网页设计组成与规范需要遵循的原则及技巧

  一、文本

  关于免费网站模板,一个网页页面里边zui关键的原素便是文本,尤其是门户网类和企业类网页页面,假如一个网页页面沒有文本,如同一道菜沒有盐,乏味,乃至网页页面想表述的是啥都不清楚,那麼文本的规范就很重要。普遍的汉语和英文zui多,基础规范以下:

  1、字体样式:汉语常见宋体字、微软雅黑和黑体字,在其中黑体字常见于导航栏或是题目,英语常见无衬线的Arial、Helvetica、Verdana和衬线的Georgia、Times。

  2、字体大小:汉语zui大字号为12px,英语zui大字号9px,但是提议10px起,由于网页页面里边的字体大小一般 为偶数。

  3、款式:网页页面里宋体字12px和14px一般 设定为无,宋体字的别的字体大小和别的字体样式一般 光滑就可以。

  4、粗字体:大面积的阅读文章性文本不宜字体加粗,文本字体加粗一般 适用导航栏、题目或是注重性的文本上。

  5、色调:除开题目或是互动等注重性的文本之外,别的关键文本用#333333占多数,主次文本用#666666占多数,輔助文本用#999999占多数。

  6、行高:行高能够 依据字体大小而定,一般是字体大小的1.5-2倍占多数。

  二、照片

  关于自助建站,网页页面里边di二大关键原素便是照片,尤其是电子商务类和专题讲座类网页页面,照片符合实际人们的懶人阅读文章法,能保证搭眼一看就能了解表述的主题风格是啥或是商品是啥,它是文本所不可以媲美的,而且一个网页页面美丽与否,全靠照片支撑点,有关照片的提议以下:

  1、次序:也就是要尺寸混排,就连简易的电子商务目录页,也要有侧栏或是底端强烈推荐商品的不一样规格产品图片来衬托,那样的目地是防止访问 枯燥,中合视觉效果。

  2、尺寸:有的广告图片会较为大来提高视觉效果撞击力,尤其是页面店标,提议不必超出一屏,不一样屏幕分辨率的电脑上一屏的规格会各有不同,一般801080x左右zui普遍。

  三、标志

  网页页面是毫无疑问免不了标志的装点装饰设计的,仅有文本会干瘪的,那针对标志就非常简单了,留意以下几个方面:

  1、标志要统一尺寸,统一材料,统一角度,统一色调,统一设计风格,例如用线框风就全部所有用线框风。

  2、标志不容易过大,一般标志放进题目边上的占多数,那标志的规格跟边上文本字体大小一样就可以了,假如较为大状况下,尽可能两端对齐,例如垂直居中两端对齐,顶两端对齐,底两端对齐等。

深圳网站建设:网页设计组成与规范需要遵循的原则及技巧 ?

  四、外框

  关于免费网站,在网页页面里,除开注重和互动的情况下外框突显当今实际效果之外,外框绝大多数的功效仅仅具有切分控制模块和排版设计齐整的功效,因此外框要消除,假如色调太重、线框过粗或是外框过多会给人视觉冲击差,觉得全屏幕的线框,而忽视了网页页面的行为主体,关键留意几个方面:

  1、总宽:外框总宽1px就可以。

  2、色调:外框色调一般#cccccc占多数,或是更浅一点的色调还可以。

  3、反复:同一个控制模块里边,假如早已有背景色或是外框的存有,换句话说排版设计早已显著齐整,就不必重合应用外框。

  4、间距:有外框的情况下,內容要跟外框分离出来一点,也就是内外边距要有。

  五、间隔

  网页页面里边设定间隔就好像发表文章要有标点一样,要令人有喘气的時间,而间隔的设定要依据控制模块的尺寸来设定,就好像句子中间分号,文章段落中间句点一样,例如大控制模块间的间隔超过小控制模块间的间隔,那样还能反映出次序关联,留意几个方面:

  1、很小不太好:全部网页页面间隔假如所有都很小,让你很拥堵的体会,看上去挺累,有时候某些独特排版设计的控制模块间隔小还行一些,比如正下方,照片和照片紧靠,可是文本和边沿是有果断的,换句话说照片没了外边距,可是有内边距。

  2、很大不太好:假如控制模块和控制模块中间间隔很远,会造成 网页页面內容不丰富,裂缝,缺乏再次往下看的冲动,因此一般状况下10px到30px的间隔占多数。

  六、颜色

  网页页面设计也是设计,即然是设计,就离不了颜色搭配技巧,而网页页面设计的颜色跟别的相近,既不可以太花里胡哨也不可以太简单。

  1、类型:操纵在三种以内,zui少得有一个主色,主色从哪里来呢?能够 依据网页页面而定适合的,还可以用logo色来做主色,还可以挑选相近色或是拼色来做輔助色,别的能够 高级灰好搭色替代,页面可适度放宽。

  2、色度对比度:除开不大范畴的注重或是互动能够 适度选色对比度高一点的,别的状况尤其是大面积的背景颜色的情况下尽量避免用对比度太高的,看久了晃眼,能够 减少对比度和调节色度,页面可适度放宽。

  七、排版设计

  网页页面的排版设计就好像一名导游员,让游人能有针对性的或是逻辑性的向下游玩,因此排版设计必须条理清楚,只不过保证下列二点就可以。

  1、齐整:针对一般网页页面,要是保证齐整,就算你的设计不容易很个性化很出色,但一定是一个不许人反感的文章,在其中里边的间隔统一,次序要有。

  2、乱中井然有序:针对专题讲座特性的网页页面,很有可能设计稍显浮夸,那就需要乱中井然有序,例如以系列号、题目、线框等做为正确引导。


声明:此篇为凡科建站原创文章,转载请标明出处链接:
  • 热门模板
  • 热门专题
  • 推荐文章
  • 热门标签
合作伙伴