摘要: 为了帮助用户了解应用当前要做什么,也给用户的下一步行为做参考,以及了解操作后所产生的结果 ,当用户和系统需要交互时,使用不同的模式来反馈信息或结果。当设计者使用反馈或者自定义一些反馈时,请注意:为用户在各个阶段提供必要、积极、即时的反馈;避免过度反馈,以免给用户带来不必要的打扰,能够及时看到效果的、 阅读全文
posted @ 2017-11-07 15:12 地铁程序员 阅读(1283) 评论(0) 推荐(0) 编辑
摘要: 合适的数据展示方式可以帮助用户快速地定位和浏览数据,以及更高效得协同工作。在设计时有以下几点需要注意:依据信息的重要等级、操作频率和关联程度来编排展示的顺序。注意极端情况下的引导。如数据信息过长,内容为空的初始化状态等。1、表格表格被公认为是展现数据最为清晰、高效的形式之一。注: 1. 表格中的时间 阅读全文
posted @ 2017-11-07 14:25 地铁程序员 阅读(1899) 评论(0) 推荐(0) 编辑
摘要: 数据录入是获取对象信息的重要交互方式,用户会频繁的增加、修改或删除信息。多种多样的文本录入和选择录入方式帮助用户更加清晰和高效的完成这项体验。设计者应当注意这几点:为初级用户/偶尔访问的用户提供简单易懂的文案作为『标签(Label) 』;为领域专家提供专业术语作为『标签(Label) 』。当需要用户 阅读全文
posted @ 2017-11-07 14:12 地铁程序员 阅读(1350) 评论(0) 推荐(0) 编辑
摘要: 在广义上,任何告知用户他在哪里,他能去什么地方以及如何到达那里的方式,都可以称之为导航。当设计者使用导航或者自定义一些导航结构时,请注意:尽可能提供标识、上下文线索,避免用户迷路;保持导航样式和行为一致或者减少导航数量,降低用户学习成本;尽可能减少页面间的跳转(例如:一个常见任务需要多个页面跳转时, 阅读全文
posted @ 2017-11-07 11:17 地铁程序员 阅读(595) 评论(0) 推荐(0) 编辑
摘要: 布局是页面构成的前提,是后续展开交互和视觉设计的基础。设计者在选择布局之前,需要注意以下几点原则:明确用户在此场景中完成的主要任务和需获取的决策信息。明确决策信息和操作的优先级及内容特点,选择合理布局。一、常用布局网站展示页、Dashboard、列表页、表格页、详情页、表单页。在设计前先了解这些模板 阅读全文
posted @ 2017-11-07 11:09 地铁程序员 阅读(523) 评论(0) 推荐(0) 编辑
摘要: 在界面中,我们需要通过对话的方式与用户产生共鸣。精准、清晰的语言会更容易让用户理解,合适的语气更容易让用户建立信任感。因此在界面设计时,文案也应当被重视。 在使用和书写文案时有以下几点需要注意:从用户角度出发表述一致重要的信息放在显著位置专业、精准、完整精简、友好、正面一、语言1、明确表述立足点在表 阅读全文
posted @ 2017-11-07 10:52 地铁程序员 阅读(909) 评论(0) 推荐(0) 编辑
摘要: 跨平台的字体设定,力求在各个操作系统下都有最佳展示效果。字体是界面设计中最重要的基本构成之一,用户通过文本来消化内容和完成工作,优雅的字体将大大提升用户的阅读体验及工作效率。在满足不同终端始终保持良好的阅读体验的同时,使页面的视觉层次更加清晰。使用时有以下三点需要注意:合理的使用不同的字重、字号和颜 阅读全文
posted @ 2017-11-07 10:33 地铁程序员 阅读(1467) 评论(0) 推荐(0) 编辑
摘要: 图标是具有指代意义的图形,也是一种标识。通过使用图标表达命令,强调状态,表示产品或类别。为了系统及跨平台之间图形认知保持一致, 图标在设计和使用时有以下两个原则点需要注意:简单的图形语言以及高辨识度。清晰、直观的图标更能明确指代含义便于识别记忆;保持图标之间一致的风格和表现方式。界面中的所有图标都应 阅读全文
posted @ 2017-11-07 10:07 地铁程序员 阅读(1337) 评论(0) 推荐(0) 编辑
摘要: 一、颜色Red热情、警示 Green成功、通过、安全 Blue专业、科技 Pink典雅、明快、女性 Orange醒目、温暖 Purple高雅、浪漫 Yellow活力、提示 Cyan清新、冷静、结构化 Grey平稳、中性二、色彩应用1、品牌色的应用品牌色是体现产品特性和传播理念最直观的视觉元素之一2、 阅读全文
posted @ 2017-11-07 09:46 地铁程序员 阅读(831) 评论(0) 推荐(0) 编辑
摘要: 1、亲密性 a)纵向间距示例这三种规格分别为:8px(小号间距)、16px(中号间距)、24px(大号间距)。 b)在这三种规格不适用的情况下,可以通过加减『基础间距』的倍数,或者增加元素来拉开信息层次。注:A、y=8+8*n。其中,n>=0,y 是纵向间距,8 是『基础间距』。B、增加元素示例,通 阅读全文
posted @ 2017-11-07 09:30 地铁程序员 阅读(1959) 评论(0) 推荐(0) 编辑