网站UI设计之道 第一章节

今天接着把《网站UI设计之道》 第一章节读完
记录一下主要内容

---

可视界面设计中有哪些主要元素：

• 布局和定位
• 形状和尺寸
• 颜色
• 对比
• 材质

有哪些制作用户界面的实用技术：

1. 使用空白来构建联系。 （空白指在各种内容元素之间的空白区域，比如标题、正文和按钮。空白的间距大小能能区分块之间的关系，进行视觉分类。）
2. 使用圆角来定义边界。（圆角通常用来改善图片元素的观感，看起来舒服以及能够为界面带来额外的平滑感，圆角还能够让分界线变得更为明显。）
3. 用颜色来表达含义。（颜色是一个重要的沟通工具。常见的，红色被用在表示破坏性的按钮上，例如删除或移动；蓝色是标准按钮；绿色则用在保存和更新操作按钮上。）
4. 引导用户的注意力。（使用动画来提醒用户关注。用动画来吸引用户的眼球，例如用高亮的部分弹出来告诉用户发生了什么事情。）
5. 使用阴影或深背景聚焦。（目的是将用户注意力集中到某一个区域。例如modal弹窗周围会用阴影来降低其他元素的对比度，反过来增强用户使用区域的对比度。）
6. 强调核心的动作。（应用程序大多有自己一套特别的主要和次要界面）--To do 这里不是很理解 有时间翻阅相关资料
7. 使用块状链接提高效率。 （使可点击的区域变大，方便用户操作。css： display:block ）
8. 用动词作标签。 （ 这里我觉得应该是弹窗提示语要友好，简而言之就是讲人话。确保每个选择对用户都是明白无误的。）
9. 输入时自动 / 重新聚焦。 （在网页文件加载完成后自动激活主表单中的输入框会给予表单应用带来很大的好处。）
10. 使用浮动控件进行简化和解构 （使用浮动空间，在用户移动到一个特定区域后才显示的方式，可以简化界面。根据实际情况采用。）
11. 动态扩展表单。 （todo 翻阅资料）
12. 输入框中的标签。 （界面的简化需要不断地思考总结。input框里的文字提示就是最好的表现。）
13. 上下文敏感的界面元素。 （todo 翻阅资料）
14. 图标。 （语言似乎总是比图标表达得更清楚，除非你的图标用户看上去一眼就懂。）
15. 使用加载指示器。 （没有人喜欢等待。在指示器存在的情况下，用户觉得时间变短了。）
16. 使用按钮状态提高响应性。 （按钮按下去的状态有反馈，点击状态告诉用户 你点击的。）
17. 帮助性的空白状态。 （常见的异常情况处理，没有订单时提醒用户去下单等。）
18. 宣传应用程序的特点。 （通知区域应当吸引眼球但又不至于让用户分心，影响用户的正常工作。这个通知用户是可以关掉的。）
19. 取消操作。 （桌面应用程序最常用的特性之一。）
20. 还原操作。 （根据项目需求，是否让用户可以撤回或者还原操作。）
21. 确认对话框。 （点击删除这种重操作时，再次提醒用户是否确定接下来的操作是非常必要的。）

---

总结：

用户体验可以通过微小、逐渐的过程来获得持续的改进和提高。
通过观察用户与界面之间的互动，从而发现哪些界面是用户真正喜欢的，让用户操作起来拥有愉悦感的。

总而言之，完成比完美重要。用户界面设计，同样可以采取迭代更新改善和升级。