一，响应式Web设计
页面会根据显示的不同分辨率或窗口大小，发生变化，力求在不同的设备或环境下，保证网站页面的良好显示。
Responsive Web Design: 50 Examples and Best Practices(响应web设计的五十个最佳实践案例)
优点：在不同的环境都可以给用户良好的界面体验（待续）。
陷阱：使用不当，可能让用户在不同的环境下，发生不知所措的情况，让用户不习惯。
案例分析：
数据列变化方式：宽屏，每行4列的排列显示。窄屏，每排以2列显示。
菜单移动方式：在宽屏情况下菜单在左边，窄屏情况下菜单移动到了屏幕顶端。
水平垂直切换方式：宽屏，左边内容是较小块，横向排列。窄屏，左边内容移动到下方并且变大（图也不同了）垂直排列。
缩放方式：从宽屏到窄屏没有明显的变换瞬间，整个是根据窗口的大小随时缩放变化的。
文字的排列方式：在宽屏某文字以垂直排列，窄屏是水平排列。比较特殊的例子，只是为了排版的效果。
使用了特殊的CSS标记：-moz-transform：rotate(90deg)、-webkit-transform: rotate(90deg);
图形简略方式：随着屏幕从宽到窄，图形从多到少，逐步去掉图形装饰。
参考书籍：
《Web信息架构：设计大型网站》
《About face 3.0》
《网站交互设计模式》
《锦绣蓝图:怎样规划令人流连忘返的网站（第2版）》
《Web导航设计》
《瞬间之美——web界面设计如何让用户心动》
《设计心理学》（唐纳德 A 诺曼）
拒绝平庸——浅谈WEB登录页面设计：
优雅大方
精致的质感表现
小清新的插图
人文关怀的品牌传达
越来越大的登录框
简约而不简单
不評估 idea 可不可行，只評估這個團隊能不能把他們的 idea 做出來
拿到市場裡去，得到各種真實的反饋。從那裡，你會開始 Pivot。
然後好的團隊，就會慢慢把 idea/product 越改越好，越改越好，
直到有一天變成我從來沒聽過的 idea，直到有一天找到 Product-Market Fit，
長出 Business Model，一步步邁向成功。
WEB表单设计：
保持醒目和简洁
始终与用户的期待保持同步：善用tabindex、拒绝意料之外的跳转。
更大的输入框
安全性很重要
用户界面设计中，按钮交互，的“状态”和“动作”的表达
1、分离状态与动作的表示（如图1）。最直接，产生歧义的可能最小，但可能会占用大量空间，以及造成信息冗余。