长沙天琥设计培训学校 培训资讯

网页设计页面排版技巧

来源:长沙天琥设计培训学校  时间:2019-01-10 10:18:54

出色的排版可以提高用户的阅读积极性,反之,差的排版只会降低用户的阅读积极性。 优化排版就是优化界面。

长沙天琥设计培训学校

  一个网页的成功设计是需要经过无数次实验才能成功的,很多大型网站的网页都是经过设计师精心设计的,在设计网页时,如果页面排版不合理会让读者的眼睛疲劳,放弃阅读,这会严重导致网站的用户体验大大的降低,较终失去用户。以下就是长沙天琥设计培训学校总结的网页设计页面排版技巧等等的介绍,希望为您带来帮助。

  网页设计页面排版常见问题: “字间距太挤或太宽” “行距太小或太大” “段距太少或太多” “每行字数太多或太少” 段落的距离不应过于大宽,特别是和行距之间的感觉,如果太宽,会让人觉得视觉的不平衡,特别是长篇文字的多个段落时,会严重影响用户的浏览效果。

  行距的问题:如果行距之间太小,那么看上去感觉字和字之间都粘在一起了,在看这个文本的时候会需要花点时间去分辨,这样的排版会让读者看得很累,很不舒服。如果距离适中,分得很清楚,看起来有很强的识别性。如果距离太较宽松了一点,看起来也很清楚,但是当你的文章不是一两行而是十几行与几十行的时候你就会觉得文章的连贯性产生了很严重的脱节,一般排版不会越过两个字体高度(2em)。

  字数的问题: 如果每行文字太长,这样看起来头要摇来摇去,这样读者更容易显得很累。因为要不断的转动头,或是让眼球不断的左右摆动。较舒服的方式就是读者一眼看上去就能把一行看完,不然从行末到下一行行首也会形成断裂感。如果每行的字数太少,又太扁了,这样看起来也不是很舒服。由于在不断的换行阅读,眼球也会觉得不舒服。推荐的较好字数是: 不大于45个字母,不大于30个汉字。

  网页的设计成功与否,是要看用户是否喜欢,而不是看网页有多酷,在酷的网站,没有流量,那也只是摆设。

  【网页设计应急小技巧】

  一、旋转法

  将页面的主体或局部进行旋转

  我们一般的页面版式都是方方正正,四平八稳,有点呆板。如果将局部或整体适当的旋转,打破稳定的构图,画面就会动感有趣一些。

  二、黄金分割法

  灵活运用黄金比例分割的办法将页面"切"开

  黄金比率被认为是理想的矩形比例,在过去的文化遗产中也有很多这样的遗存。将这个比率应用到版式设计中,也能够设计出容易为用户所喜欢的构图。但不要被这些比例所束缚,很多是靠自己的感觉去应用。

  三、曲线法

  将曲线用于背景或版块分割,消除矩形分割的生硬感。

  与直线相比,曲线具有圆润的特点,让人感觉轻松、愉悦。增强视觉感的同时也能够营造活跃的气氛。

  四、借用法

  借用现实中的东西,将实物抽象化,提炼出大型轮廓用于背景。

  现实中的东西也可以应用到网页设计中?当然可以,只要想的到。

  五、三角拼贴法

  像做手工一样,将裁剪好的三角形打乱,重新拼贴

  不同的几何形状有不同的性格,圆形是活泼可爱的,方形是平稳整齐的,三角形就是尖锐动感的。

  三角形的不平衡性及其尖锐性能够增强视觉上的刺激,快速吸引用户,可以用于科技和时尚这种风格同样比较"锋利"的网页。

  六、色块分割法

  将各版块用不同颜色来区别

  经常面对需求方这里是重点、那也是重点、那那那也挺重要,统统需要突出的要求,对于主题比较明快的页面 可以考虑将版块用不同颜色来区别,经过色块来强化页面版式和布局,难度较大的是在色彩搭配上要取得平衡。

  当使用四到五种纯色进行搭配的时候,注意只要色相、纯度、明度三个属性中有一个属性是基本相同或者接近,搭配起来基本上都不会觉得太牵强。

  【企业展示型官网页面制作排版技巧】

  1、企业网站一般要让用户直观地感受品牌定位,首页展现方式有两种:直观地展现企业详情,再辅助企业新闻进行企业文化宣传,这要求页面中必须有的模块是企业宣传主模块和新闻模块。主宣传模块通常采用轮播布局,在有限的页面尽可能展现更多的内容,也能让用户不至于页面疲劳。新闻模块可分为企业内部新闻和媒体报道,这样看上去更为威望。

  2、企业官网的第二个核心功能是产品展示,不同于电商,很多传统企业官网的企业官网只需要把产品图片展现出来即可,不需要太多的电商功能。这时候,产品有两种展现方式,一种是在官网首页,一种是设置二级页面。首页展示可以借助流布局,或者在轮播图中植入产品。

  3、产品展示建议采取极简风格,花俏的配色并不能吸引一个机床的采购组,简单直白表现产品特点往往更容易获得订单。在排列上较好严格遵守对齐规则。

  4、联系方式放置也是很讲究的,通常,用户更容易接受放置在右上角的联系方式,或者在右侧栏目隐藏的联系方式。如果希望页面更好看,在底部放置也是不错的选择。

  5、官网颜色搭配较好选择适合品牌的同色系,比如蓝色、白色、紫色、红色在企业官网中较为常用,切记用视觉冲击力过强的明亮色彩。

  更多设计资讯,培训课程,开班时间,学校地址等学校信息,请进入长沙天琥设计培训学校

尊重原创文章,转载请注明出处与链接:http://cstianhu.5zix.com/news/47007/ 违者必究! 以上就是长沙天琥设计培训学校 小编为您整理网页设计页面排版技巧的全部内容。


申请试听课程

只要一个电话
我们免费为您回电

较新课程

长沙UI设计实战培训班

长沙UI设计实战培训班

UI设计前景好,缺口大

咨询 报名

长沙网页设计精英培训班

长沙网页设计精英培训班

快速掌握网页设计三大核心:1.熟练运用P

咨询 报名

长沙电商设计运营培训班

长沙电商设计运营培训班

随着电商的爆炸式发展,行业人才缺口巨大。

咨询 报名

长沙室内空间创意培训班

长沙室内空间创意培训班

随着中国房地产的崛起,买房热的兴起,家装

咨询 报名

长沙平面视觉创意培训班

长沙平面视觉创意培训班

该课程适合想要学习平面设计的学员,学习P

咨询 报名