版式设计——网页排版

页面排版很大的影响用户使用时的感受,所以在设计网页的时候要更加着重注意页面的排版,下面就是一些比较常见的页面排版:

  • 骨骼型
    • 形式:理性的分割方法,竖向分栏与横向分栏交错
    • 优点:整齐严谨、理性和谐
  • 满版型
    • 形式:用图像充满整版,清晰醒目的文字安置在高清的图像上
    • 优点:视觉传达直观强烈,给客户高大上的感觉。商品广告常用形式。
    • fullpage框架
  • 分割型
    • 形式:把整个版面分成上下或者左右两个部分,一侧放图片,另一侧放文案
    • 优点:配有图片的部分具有故事性易感化消费者,文案部分则真实有效意图明确
  • 中轴型
    • 形式:沿浏览器窗口中轴将图片或文字作水平或者垂直排列
    • 优点:元素凝聚力更强,有稳定感,平衡感
  • 曲线型
    • 形式:图片或文字在页面中以曲线安置编排
    • 优点:页面具有韵律节奏感
  • 倾斜型
    • 形式:页面中主体或者图片,文字作倾斜编排,使页面不那么稳定
    • 优点:有动感,引人注目
  • 对称型
    • 形式:将版面中的元素按照对称位置摆放,可绝对对称,也可相对对称
    • 优点:对称板式更稳定更理性,相对对称形式多样,更灵活不呆板
  • 焦点型
    • 形式:通过视觉引导手段来安放页面元素。按设计心理学分三种:
      • 1.中心:将强对比图或文字置于页面中心
      • 2.向心:视觉元素向中心聚拢
      • 3.离心:视觉元素向外辐射扩张
    • 优点:具有强烈视觉效果
  • 三角型
    • 形式:网页元素按三角形排列
    • 优点:正三角形最稳定。倒三角形产生动感
  • 自由型
    • 形式:自由型多以自然形象的抽相对象
    • 优点:活泼,生动,自然
  • 分割屏幕
    • 形式:使用分割线将屏幕分割成两个部分
    • 优点:平衡稳定,引导客户快速选择
  • 去界面化
    • 形式:去除所有额外的界面元素
    • 优点:极简主义,使商品展示更惊艳
  • 一屏以内(一页型)
    • 形式:让设计完全在一屏内展现
    • 优点:分属响应式设计,可适应屏幕尺寸,动效更精彩,让人耳目一新
    • 自由主题
标签

发表评论

电子邮件地址不会被公开。 必填项已用*标注