编程修炼之web-UI/UX设计

Getting_started_with_the_web
https://www.zhihu.com/question/27928975

UI：User Interface 用户界面
用户界面其实是一个比较广泛的概念，指人和机器互动过程中的界面，以车为例子，方向盘、仪表盘、换档器等都属于用户界面。

UE or UX： User Experience 用户体验
用户体验指用户在使用产品过程中的个人主观感受。关注用户使用前、使用过程中、使用后的整体感受，包括行为、情感、成就等各个方面。用户体验是整体感受，所以不仅仅来自于用户界面，那只是其中的一部分。

耗子叔的推荐书籍：

• Don’t Make Me Think ，这是我看的第一本和设计相关的书。这本书对我的影响也比较深远。这本书践行了自己的理论，整本书短小精悍，语言轻松诙谐，书中穿插大量色彩丰富的屏幕截图、趣味丛生的卡通插图以及包含大量信息的图表，使枯燥的设计原理变得平易近人。
• Simple and Usable Web,Mobile,and Interaction Design ，中文版译名为《简约至上》。本书作者贾尔斯（Giles）有 20 多年交互式设计的探索与实践。提出了合理删除、分层组织、适时隐藏和巧妙转移这四个达成简约至上的终极策略，讲述了为什么应该站在主流用户一边，以及如何从他们的真实需求和期望出发，简化设计，提升易用性。
• Designing with the Mind in Mind: Simple Guide to Understanding User Interface Design Rules ，中文版译名为《认知与设计：理解 UI 设计准则》。这本书语言清晰明了，将设计准则与其核心的认知学和感知科学高度统一起来，使得设计准则更容易在具体环境中得到应用。涵盖了交互计算机系统设计的方方面面，为交互系统设计提供了支持工程方法。不仅如此，这也是一本人类行为原理的入门书。
• Designing Interfaces: Patterns for Effective Interaction Design ，中文版译名为《界面设计模式》。这本书开篇即总结了“与人有关”的各类问题，为读者提供了界面设计总体思路上的指引，帮助读者举一反三。然后，收集并分析了很多常用的界面设计模式，帮助读者理解在实现级别的各种常用解决方案，将它们灵活地运用到自己的设计中。除了上面的这几本书，还有下面的这几篇文章也是很不错的，推荐一读。
• The Psychology Principles Every UI/UX Designer Needs to Know ，这篇文章讲述了 6 大用户界面用户体验设计的心理学原则。
• 18 designers predict UI/UX trends for 2018， 我倒不觉得这篇文章中所说的 UI/UX 是在 2018 年的趋势，我反而觉得，这 18 条原则是指导性的思想。
• The Evolution of UI/UX Designers Into Product

UI设计是建立一个网站之前需要考虑的点，编写代码之前如何做好计划和设计工作。包括：“网页要提供什么信息？”、“要用什么字体和颜色？”、“网页是用来做什么的？”。

做出计划
绘制草图
选定内容

草图—白板草图
低保真原型----展示系统大致结构和基本效果

高保真原型

设计部分
站点地图—
规划软件的功能菜单或者软件的结构
使用者快速了解软件功能

现在的业界也有通过机器学习，将原型图转换成代码的生产力平台，对于前端工程师来说，大厂的配置经常有UI，UX的设计师岗位，但是对于小型公司来说，公司为了降低成本，这一角色经常缺失。所以前端工程师还是有必要知道一些设计准则。

（待补充）