文档介绍：古滕堡图表:人们浏览页面或布局时,视线趋向于从左上角到右下角,左上角是第一视觉落点区,右下角是最终视觉落点区,即对角线平衡:可以运用视觉元素、颜色等创建一条虚拟的“线”(如对角线上统一颜色),让用户视线跟随从左上到右下。
凸显个性——统一设计风格,形成积极印象:使用符号。
导航:让用户感觉到他们在指挥软件——命令使用动词;
让环境成为引导的线索;
、解释:(1)加上相关帮助文档的链接;(2)加上说明性文字;(3)修改标记,让其意思表达的更清楚;
;
——(1)提出搜索词建议;(2)使用自动完成输入框;(3)列出搜索结果:指出用户当前在哪个页面,遵循标准;(4)提供回到搜索结果列表页面的出口(按钮/链接。。。);(5)精炼搜索,高级搜索也简洁——当前页扩展,避免重新加载;递进显示,根据用户需要逐步显示控件;
8. 表单——单列显示,标签和输入框分布一列,标签位于输入框上方;确定与取消采用首选处理方式与第二处理方式,减弱第二处理方式的控件的视觉效果;及时校验机制;对用户填写的表单要纠错也要赞扬(告诉用户正确);计算字符数,告诉用户已经输入多少字符,用户输入数字快到达上限时醒目标记出来。
9. Wizard向导——建立清晰的预期(通过一系列“路标”:告诉总共多少步骤、剩下多少步骤,可采用可折叠垂直面板)
10. 登陆——记住用户名,使用后忘记密码时可以不用再输入用户名;
11. 退出——动员用户返回(返回登陆界面);
12. 用户体验以用户需求为中心,用户研究贯穿整个产品的生命周期。了解用户的背景、动机、特性、情景、行为、目标****惯、期望
13. 概念设计——绘制过程:(1)问题主题确定;(2)任务目标描述;(3)联想尽可能的交互操作;(4)操作结果描述;(5)交互关联描述;
14. 分解任务——(1)根据场景或需求分解出主要任务流,在纸面上绘制屏幕流;(2)进一步详细分解,分解出每一个屏幕的详细构成;(3)最后将每个屏幕流串起来;
15. 设计网页时最好由内向外设计,一般首页是二级页面内容的提炼,二级页面是三级页面的提炼;
16. 视觉设计——(1)找对定位;(2)用视觉表现出成绩关系和结构;(3)图形达意尽量明确;
——(1)初步印象:是否眼前一亮,元素能否抓住用户;能否尽快搞懂网站是何类型,提供何服务;(2)信息可视化:页面是否有层次感,远近效果是否都一样;元素是否平衡;通过模块能否分辨出网站;越重要的地方越突出;逻辑上相关的地方视觉上也相关联;(3)导航系统:深入页面是否清楚自己位置;(4)功能结构:主体逻辑是否清晰,思路是否顺手;能否满足需求;(5)尽量利用****惯法;(6)明显标识可以点击的地方;(7)尽量降低干扰;
18. 规范——常见的页面规范有:信息架构、人机交互、界面视觉、语言和文字;
19. 页面设计——(1)页面重心失去平衡:页面可以使用色彩、文字与图片的协调、按钮、小元素来调整页面重心;(2)尽量缩短页面长度;(3)不能为了网站利益而牺牲用户感受;
人机交互——输入字数限制提示;输入文字形式限制的提示;上传文件的取消;上传文件后要干什么;(4)网站主动提供帮助
20. 面包屑——放在最顶端;使用〉对层级进行分隔;使用小字体;使用“你在这里”;将最后的一个元素加粗;
:
(1)对比:避免页面元素太过相似,如果两个元素不同,则最好使其截然不同(行太长,影响读者阅读、将关键字设为粗体,视觉上吸引读者注意);各种对比包括有:大小对比(不要保守)、粗细对比、结构对比、形状对比、方向对比、颜色对比;
(2)重复:让视觉元素重复出现,重复颜色、形状、材质、空间关系、线宽、字体、图片等;
(3)对齐:每个元素应当与其它元素有视觉联系,使页面同意而有条理;
(4)亲密性:彼此相关的项靠近;
22. 企业名片规格:*2(英寸)/*(cm);字体大小(7~9点);
:向上倾斜的产生一种前进的力量,向下倾斜的产生一种反向的力量;
24. 如果布局中存在方向对比,则充分进行强调,如使用不同字体、增加行间距、结合图片强调方向或形成方向反差等;
25. 颜色——暖色是前进色,会引起我们注意,只需很少的暖色就产生对比;冷色是远离型,在视线中后退;
26. 配色:黄金法则——60:30:10(主色调、次要色调、辅助色);
勿忘黑色:灵巧运用黑色,而不是用太多的黑色。黑色能够让任何一个色彩看起来干净,可以是一个黑色的箱子,画框,做一种点缀;
听从自然的教导;
从图案中提取色彩;
流动色彩,让整个空间统一起来;
三大阶段九个原则——
阶段一:色彩的选择;(选择基