文档介绍：程序内部：bootstrap> github> java 初步、JqueryMobile
网页设计：好设计师，从细节做起 -well-on-psd-when-desiging/
■什么是用户体验？
网站的用户体验是指由于网站的作用，品牌影响，操作的便利性，网速的流畅程度，细 节设计等因素，最终影响到用户访问网站的主观体验，包括用户是否成功的完成了任务，是 否喜欢网站，是否还想再来。
就像进入了一家餐厅，除了饭菜是否可口，餐厅的装修，服务员的微笑，设置一句简单 的“请、“谢谢所有的细节都会影响到用户整体的情绪体验，一个不起眼的细节，可以 让用户倍感欣喜，却也只能导致错误，带来沮丧感。
■网站可用性
网页布局、基本元素、基本功能 网页设计需要使网页具有网页基本元素， 遵循网页常规布局，是网页的基本功能得到满足，不过这仅仅完成了可以使用的 目的。
常见设计误区
颜色搭配
元素大小
元素位置不符合用户习惯
素材不清晰，做工不精致、页面粗糙
如何设计使网站可用性提高？
♦网页布局
网页常见布局（5种）
全屏式（大背景、nav、content）
单栏式（head、content> footer）
页面布局：一栏时，页面结构简单，视觉清新，便于用户快速定位，但是页面排版导致
信息量小，常用语目的比较集中和比较独立的网站，应用：支付宝付款页面、注册页面、登 录页面、公文通知、个人信心页。
一栏时的首页：通常使用动态的flash或者精美的图片，给用户留下深刻的印象，留住 用户进一步阅读，但是表现的信息量有限，添加导航和入口链接，起到入口和分流的作用。
两栏式(head、content、sidebar> footer)
两栏时、最常见的布局之一。相对于一栏时，不具备强大的视觉冲击力，相对于三栏时, 不具备巨大的信息容量。
左窄右宽：因为人的视觉习惯是从左往右阅读，从上往下阅读的，所以此时左侧不适合 放置太多的广告或其他次要信息，应该放置网站导航分类的链接，以使得网站访问更加调理, 便于用户搜索和分类浏览，适合于内容丰富，导航分类清晰的网站。
左宽右窄：突出体现了主要内容的主导地位，使用户更多的去关注信息内容，右侧的边 栏可以放置一些次要信息或者广告，在用户浏览内容结束后顺便查看，突出了当前的内容， 视觉流非常清晰
左右匀称：信息的同步展示，因为左右的宽度相等，用户的视线会左右交叉，一定程度 上增加了用户的视觉负担，可能会导致用户的注意力不够集中，但是这种页面更适合于临时 性的对比页面，或者大量信息的分栏罗列展示。
三栏式、四栏式道理同两栏时。
♦页面元素
(head (logo (description)> nav (home> category))> content (page_nav> title(title_name> pub_time、comments)> summary )、sidebar(cate_nav> )footer (links> copyright))
页面元素：表单、标签、链接、翻页、按钮、反馈、验证码。
页面元素的完整性是保证网站页面可用的基础。
如何设计使网站易用性提高？
细节修饰美化、改善用户体验 可以通过细节处理、培养用