《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></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="font-family: SimSun-ExtB;">浏览者的需要确定的。</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 lang="EN-US">URL</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 lang="EN-US">URL</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 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 lang="EN-US"><span style="font-family: Calibri;">404</span></span><span style="">错误而自动重定向。</span></span><span lang="EN-US"></span></p>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值