网页设计开发的一些想法

为什么80%的码农都做不了架构师？>>>   

##网页应用设计

• 清晰的流程 应用设计是为产品提供一个流畅的生命周期，设计好产品的状态机。
• 资源连通性 在适当的地方放入关联资源的链接，提供更多信息。但是这是次要的，不能够喧宾夺主。

##网页交互点

• 防呆 其实是防止用户不知如何做的措施，使用各种手段，让人自然知道怎么做，不需要思考。
• 引导正确的操作，而不是防范错误的操作 辅助用户理解应用，并给出指引。引导用户做正确的事情，比防止出错更重要。认真完成一件正确的事情。yeah！
• 及时反馈 对用户的键盘，鼠标响应，对用户的当前输入即时反馈。
• 自动验证 自动验证用户已经完成的输入
• 错误指引 发生错误的时候，给出下一步的指引，不要仅仅告诉人家出错了，要告诉人家怎么办。
• 自动更正 用户的不合理的输入，给予自动的更正，或者更正提示。

##不同风格的应用

• 数据维护性 典型的tree form table list 组件拼合的数据维护画面。可以考虑使用统一的数据模型，来解决数据的一致性问题，比如backbone，同时可以借鉴react的不可变数据的思想，通过版本的比较来获取变更通知。一般情况下，可以使用三个版本：

  • 临时版本。input框里面当前显示的值。这个值还没有保存到数据模型中，类似Hibernate的游离状态。
  • 当前版本。当前数据模型的最新值。这个是浏览器端数据模型的最新值，但是没有同步到后端。
  • 初始版本。 这个是从服务器端同步回来的值，代表最初的版本。

• 在线作图类型 在下通过svg vml等技术进行作图。这个处理点在于捕获键盘鼠标的事件。可以设置一个统一的键盘鼠标事件捕获器，并且结合画布的当前状态，进行抉择，应该如何响应。

• 引导注册等分步类型 这个分步引导好像一幕幕话剧，因此可以创建一个导演的角色，来安排所有的场景。哪里高亮可操作，哪里灰色不可操作都可以通过导演定义在场景中。

• 分类展示类型 这个大多数网站都是这个展示类型的，博客，购物网站，社交网站等。这种场景需要细腻的效果，过分炫彩的效果会影响正常功能的使用。需要对鼠标的移动，悬浮，滚动等事件进行响应，但是幅度和效果需要小巧细腻。需要突出风格，因此往往需要一套统一的主题，图片，按钮，边框，阴影等需要统一。

• 活动宣传页面 多借助图片和大量的css3动画来做。一次性页面，精心设计，然后死掉。

转载于:https://my.oschina.net/honchy/blog/402604