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

本文提供了一系列关于网页导航设计的最佳实践建议,包括使用易记的URL、保持导航元素一致性、合理布局导航栏等,旨在帮助设计师创建更加用户友好的网站。
<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>
内容概要:本文提出了一种基于融合鱼鹰算法和柯西变异的改进麻雀优化算法(OCSSA),用于优化变分模态分解(VMD)的参数,进而结合卷积神经网络(CNN)与双向长短期记忆网络(BiLSTM)构建OCSSA-VMD-CNN-BILSTM模型,实现对轴承故障的高【轴承故障诊断】基于融合鱼鹰和柯西变异的麻雀优化算法OCSSA-VMD-CNN-BILSTM轴承诊断研究【西储大学数据】(Matlab代码实现)精度诊断。研究采用西储大学公开的轴承故障数据集进行实验验证,通过优化VMD的模态数和惩罚因子,有效提升了信号分解的准确性与稳定性,随后利用CNN提取故障特征,BiLSTM捕捉时间序列的深层依赖关系,最终实现故障类型的智能识别。该方法在提升故障诊断精度与鲁棒性方面表现出优越性能。; 适合人群:具备一定信号处理、机器学习基础,从事机械故障诊断、智能运维、工业大数据分析等相关领域的研究生、科研人员及工程技术人员。; 使用场景及目标:①解决传统VMD参数依赖人工经验选取的问题,实现参数自适应优化;②提升复杂工况下滚动轴承早期故障的识别准确率;③为智能制造与预测性维护提供可靠的技术支持。; 阅读建议:建议读者结合Matlab代码实现过程,深入理解OCSSA优化机制、VMD信号分解流程以及CNN-BiLSTM网络架构的设计逻辑,重点关注参数优化与故障分类的联动关系,并可通过更换数据集进一步验证模型泛化能力。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值