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