【网站版式设计需要遵循的3个原则及技巧】设计项目都需要遵循以下3个网页版面设计的原则 。
一、直观性
所谓直观,指的是在打开的瞬间,用户能够明白这些内容和画面想要传达什么信息 。看过之后不知道想要表达什么 , 或者觉得非常混乱,都是不够直观的表现 。这是视觉心理的问题 。为了留住读者,设计师需要让版式舒朗而明确,脉络清晰 , 用户一望而知之 。只有让内容的价值为用户所了解,才能让人读下去,愿意了解,才有接下来的转化 。
技巧一:图文互补
想要让用户更容易获取信息,需要让图片和文本相互配合 , 让视觉化的图片来营造氛围 , 优先传递大概的信息和感受给用户,文本则提供详细而精准的内容,确保信息准确可用 。文本也需要尽量轻松易懂 。
技巧二:利用信息图
复杂的信息可以借助信息图来呈现,这样可以让不易被人理解的数据和内容,更加视觉化的表达,用户在浏览的时候 , 可以更加轻松地理解,降低信息理解的门槛,更加直观 。
二、易读性
文本内容是绝大多数设计中必不可少的组成部分 。文字的编排需要以易读性为原则 。字体过小、太密、过多装饰甚至跳跃性地插入页面布局中,都是不易读的表现,也是设计师没有为读者考虑的结果 。在书写机会逐渐减少的现代,易读性是文本内容是最基本要求 。文字的可读性要足够强,这不仅与文字的形体有关系,而且和大小、字间距、行间距都密切相关 。
技巧一:疏密有致的文字排版
根据风格和需求来选用最易读的衬线体和非衬线体,文字排版比较通常的做法是将行高设置为1.5em- 2.0em,将段间距设定为2.0em,文本对比度为7:1,最小值为4.5:1 。每行文本字数不要太多,最好控制在42字以内 。
技巧二:清晰连贯的视线流
「视线流」更通俗的叫法是视觉引导,就是整个排版布局有一个相对清晰的阅读顺序和视觉线索 , 用户不会因为模棱两可的排版而选择错误的阅读顺序 。视线流能够让用户下意识、按照顺序来获取信息,更加容易理解其中的内容 。
三、美观性
设计作品需要足够漂亮,给人带来美好的感受,这也是版式设计的使命所在 。在确保了设计的直观性和易读性之后,就需要解决美观的问题了 。为了实现美观性,设计师需要在之前的基础上 , 考虑设计风格、配色和页面构成等要素了 。如果一开始就考虑美观性,很容易造成内容不易读不易懂的问题 。不过 , 值得注意的是,最能够引人注意的主要不是文字 , 而是视觉效果,请谨记 。
技巧一:注重留白的使用
设计的美感很大程度上三个是借助色彩和形式来产生的,而留白则是成就整个设计形式感最有效的手段之一 。大量的留白会强化空间感和品质感,在重要的内容周围大量使用留白能够凸显它 , 有疏有密的留白则会呈现出韵律感 。
技巧二:结合色彩心理学
色彩是另外一个创造美感的重要元素 。结合设计项目来选取合适的色彩,利用设计趋势和成熟的手法来构建配色系统,赋予每一个元素合理的色彩,则是设计师需要反复琢磨和练习,这都是必修课 。不同色彩的心理效应是重中之重 。