《Web设计大全》读书笔记之五

<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-size: small;"><span style="">使用简单的和能记忆的</span><span lang="EN-US"><span style="font-family: Calibri;">URL</span></span><span style="">去改善导航。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-size: small;"><span style="">不隐藏</span><span lang="EN-US"><span style="font-family: Calibri;">URL</span></span><span style="">——复杂的或简单的——除非你尽力让人们避免直接链接。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-size: small;"><span style="">在站点内利用连贯的和清楚的网页标签标识所有网页。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-size: small;"><span style="">在点击时，站点</span><span style="">边侧的标签图标或组织名或标识应该始终让用户返回站点主页。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-size: small;"><span style="">按钮状态应被认为是网页的第二种形式，并且选择状态应该总是凹的，而不是凸的。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-size: small;"><span style="">当使用颜色代码来指示节位置时，保证使用的颜色彼此有明显的不同。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-size: small;"><span style="">不要过分热衷于主题的位置暗示，以免掉入设计者定义的隐喻中。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-size: small;"><span style="">不要试图在链接中模仿浏览器的历史机制。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-size: small;"><span style="">避免将链接简单地命名为“回退”，通常要精确地表示链接要退回到哪里。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-size: small;"><span style="">避免创建使用浏览器回退按钮不能回退的页。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-size: small;"><span style="" lang="EN-US">Cookies</span><span style="">是站点分发给用户，并存储在用户系统中的少量文本信息。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-size: small;"><span style="">用户把他们的起始页记作永久的标志，把站点的主页当作半永久性的标志。正因为如此，这些页面在生存期应该保持稳定，但要和其他访问的页面有显著的不同。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-size: small;"><span style="">避免在屏幕的底部放置主要的导航，为辅助或增强导航保留这一区域。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-size: small;"><span style="">避免把主要导航放在屏幕的最右侧。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-size: small;"><span style="">主页和其他标志页应该考虑采用面向中心的导航方式，以区分同一站点的其他页面。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-size: small;"><span style="">导航的布置应该和页面的布局保持一致。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-size: small;"><span style="">导航应该是一致的，元素在位置、次序和内容上应当是稳定的。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-size: small;"><span style="">用当前屏幕的位置来区别导航的选择项时，要明白这四个位置是最顽固的障碍。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-size: small;"><span style="">一有可能就应当把导航引导竖放在屏幕上，就像所有其他页上的基本导航的放置一样。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-size: small;"><span style="">把基本<span lang="EN-US">Web</span>导航按钮和回退按钮间的距离最小化。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-size: small;"><span style="">对连续的选择应使鼠标移动的距离最小。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-size: small;"><span style="">避免把帧用于布局，而在导航设计时使用它。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-size: small;"><span style="">当使用帧的时候，要使小帧控制相邻的大帧。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-size: small;"><span style="">除非显示器的分辨率给出了很好的说明，不要关掉帧的尺寸设置和滚动。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-size: small;"><span style="">不要把远程作为导航的强制形式。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-size: small;"><span style="">在导航中尽可能地限制滚动和鼠标的移动。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style="font: 7pt 'Times New Roman';"> </span></span></span><span style=""><span style="font-size: small;">在得到结果之前最多装载三个页面。</span></span><span lang="EN-US"></span></p>