网页设计页面排版技巧
网页〔制定〕页面排版技巧
以下就是网页制定页面排版技巧等等的介绍,希望为您带来帮助。
一个网页的成功制定是必须要经过无数次实验才干成功的,很多大型网站的网页都是经过制定师精心制定的,在制定网页时,如果页面排版不合理会让读者的眼睛疲惫,放弃阅读,这会严重导致网站的用户体验大大的降低,最终失去用户。
网页制定页面排版常见问题: "字间距太挤或太宽' "行距太小或太大' "段距太少或太多' "每行字数太多或太少' 段落的距离不应过于大宽,特别是和行距之间的感觉,如果太宽,会让人觉得视觉的不平衡,特别是长篇文字的多个段落时,会严重影响用户的浏览效果。
行距的问题:如果行距之间太小,那么看上去感觉字和字之间都粘在一起了,在看这个文本的时候会必须要花点时间去分辨,这样的排版会让读者看得很累,很不舒适。如果距离适中,分得很清楚,看起来有很强的识别性。如果距离太较宽松了一点,看起来也很清楚,但是当你的文章不是一两行而是十几行与几十行的时候你就会觉得文章的连贯性产生了很严重的脱节,一般排版
不会越过两个字体高度(2em)。
字数的问题如果每行文字太长,这样看起来头要摇来摇去,这样读者更容易显得很累。因为要不断的转动头,或是让眼球不断的左右摆动。最舒适的方式就是读者一眼看上去就能把一行看完,不然从行末到下一行行首也会形成断裂感。如果每行的字数太少,又太扁了,这样看起来也不是很舒适。由于在不断的换行阅读,眼球也会觉得不舒适。推举的最好字数是:不大于45个字母,不大于30个汉字。
网页的制定成功与否,是要看用户是否喜爱,而不是看网页有多酷,在酷的网站,没有流量,那也只是摆设。
网页制定应急小技巧
一、旋转法
将页面的主体或局部进行旋转
我们一般的页面版式都是方方正正,四平八稳,有点呆板。如果将局部或整体适当的旋转,打破稳定的构图,画面就会动感有趣一些。
二、黄金分割法
灵活运用黄金比例分割的办法将页面切开
黄金比率被认为是理想的矩形比例,在过去的文化遗产中也有
很多这样的遗存。将这个比率应用到版式制定中,也能够制定出
容易为用户所喜爱的构图。但不要被这些比例所束缚,很多是靠
自己的感觉去应用。
三、曲线法
将曲线用于背景或版块分割,消除矩形分割的生硬感。
与直线相比,曲线具有圆润的特点,让人感觉轻松、愉悦。加
强视觉感的同时也能够营造活跃的气氛。
四、借用法
借用现实中的东西,将实物抽象化,提炼出大型轮廓用于背景。
现实中的东西也可以应用到网页制定中?当然可以,只要想的到。
五、三角拼贴法
像做手工一样,将裁剪好的三角形打乱,重新拼贴
不同的几何形状有不同的性格,圆形是活泼可爱的,方形是平
稳整齐的,三角形就是尖锐动感的。
三角形的不平衡性及其尖锐性能够加强视觉上的刺激,快速吸
引用户,可以用于科技和时尚这种风格同样比较锋利的网页。
六、块分割法
页面设计是什么将各版块用不同颜来区别
常常面对必须求方这里是重点、那也是重点、那那那也挺重要,统统必须要特别的要求,关于主题比较明快的页面可以合计将版块用不同颜来区别,通过块来强化页面版式和布局,难度较大的是在彩搭配上要取得平衡。
当使用四到五种纯进行搭配的时候,注意只要相、纯度、明度三个属性中有一个属性是基本相同
或者接近,搭配起来基本上都不会觉得太牵强。
网页制定排版中哪些元素最重要
1.文字
虽然有时候可能一个页面的文字没有几个,但你可千万别小瞧文字的作用。字体的选择,字体的大小、间距以及多种字体如何自然地搭配都是决定你制定的关键因素。在同一个页面有限的文字区域内你所用到的字体样式绝对不只一种,甚至会有三四种,这是为了打破单一字体给用户带来的单调感。字体的搭配是将两种或更多字体通过合理的排版达到最正确效果的过程。关于很多初学者来说,他们觉得选择只用选择美丽字体就够了,事实上,选择美丽的字体并不难,如何让它们完美地搭配在一起,相得益彰,这才是应该好好下功夫的地方。
2.图片
图片可以说是一个网站的核心了,许多制定师都会把大量的精力放在图片制定上,因为很多用户在浏览网页的时候停留的时间不会太久,更不会花太多时间阅读你的内容。这个时候,一张好看的图片就能够快速有效地抓住用户的眼球。大家所熟知的苹果公司大部分都是这样的套路,直接将产品的图片浮现在大家面前,没有过多的赘述,反而会让用户觉得简洁明了。
3.交互
交互制定在网页制定中有着相当好的势头,那么在制定交互的时候,必定会涉及到许多的页面、组件。由于这么多的组件元素要排列在同一个页面上,要合计的状况也就多了许多。在做交互制定之前,你必须站在用户的角度合计,菜单导航应该在哪个地方最清楚可见?组件应该通过什么样的方式展现用户才会觉得方便?组件和组件之间要怎样排布才会不影响用户的视觉效果?这就要求网页制定师有一个流畅的原型制定过程,通过借助一些原型制定工具(Axure,Mockplus, Justinmind等)来制定出合理、带来优良用户体验的交互制定。
4.视频和动画
如果一个网页只有文字和图片这样静态的元素,不免少了一些生气。现如今,视频和动画的制作成本很低,网络传播性强,与交际媒体网站的兼容性好,甚至在一定程度上,视频和动画传播
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论