1、确定页面的任务目标
有用：满足用户需求、产品需求
易用：架构清晰、流程清晰
好用：友好、情感化
获取信息+操作流程=用户完成任务=》决定排版的内容
2、信息元素的组织分类
利用卡片分类法
3、对组块进行排版布局
设计原则
a、清晰的视觉引导
从左向右的阅读习惯、对角线法则
b、显示
逻辑关系清晰、突出主要任务流程
c、弱化
优先级低
不需要第一时间区分、可减少认知压力
增加操作步骤
d、删除
删除不必要的功能，如确认密码（增加查看明文密码）
e、隐藏
鸡肋功能、高阶功能
可以隐藏后增加视觉的引导
f、影响因素
操作频率：左下角为高频操作区
距离与面积：用户使用指定设备到达一个目标的时间由距离和目标大小决定
但是不能过大和过近（分组不清、界面混乱）
g、情感化体现、人性化
动态效果，提高用户体验
4、权衡平台规范和用户使用习惯
1、确定页面的任务目标 有用：满足用户需求、产品需求 易用：架构清晰、流程清晰 好用：友好、情感化 获取信息+操作...
主要学习Bootstrap全局CSS中的排版样式，包括了标题、页面主体、对齐、列表等常规内容。 一、页面排版 1....
学习明确页面的任务:业务目的和用户目的 学习页面信息组织分类的方法：卡片分类法 学习页面排版的四种类型：分类工具点...
灵活运用浮动排盘 页面内容及代码： html代码如下 css代码如下：
纯JS实现KeyboardNav(学习笔记)二 这篇博客只是自己的学习笔记,供日后复习所用,没有经过精心排版,也没...
纯JS实现KeyboardNav(学习笔记)一 这篇博客只是自己的学习笔记,供日后复习所用,没有经过精心排版,也没...
一．页面排版 Bootstrap 提供了一些常规设计好的页面排版的样式供开发者使用。 1.页面主体 Bootstr...
页面排版原则 元素在页面构成中排版要遵循四大原则:对齐、亲密性、重复、对比 页面元素包括: 内容与行为 ...
排版不存在于真空中。精心设计的排版有助于给定页面上的整体用户体验。如果不能很好地整合到整个页面组成中，即使是句子或...
我们通过CorelDRAW上方菜单栏“布局”中的“插入页面”可以创建多个页面，同时编辑，适合比如书籍排版，杂志排版...
本文标题：学习笔记五—页面排版
本文链接：https://www.haomeiwen.com/subject/yiqogttx.html
网友评论