网页设计中字号的秘密！

新闻 2024-9-22编辑：深圳网站建设阅读（）标签： 网页设计 字号

深圳网【wǎng】站建【jiàn】设公司 帮助企业提升网站形象,彰显公司实力,PC+手【shǒu】机【jī】+微信+小【xiǎo】程序
【模板网站的价格】国际域名+阿里1G空间+备案 一条龙服务
【定制网站的功能】SEO精准营销系统+城市分站+W3C标准
【营销网站的效果】重长尾，重优化，提权重，扩收录，提排名
【量身订制的设计】据据需求量身定制。设计到满意为止
【专属【shǔ】VIP的服务】24RX365 为您【nín】提供1对1的专【zhuān】属VIP服务

　　你网【wǎng】站上的正文【wén】字体太小【xiǎo】。虽然【rán】桌面显示器和手机屏幕的尺寸【cùn】在增加，但是机身【shēn】字【zì】体似乎在缩小。虽然他们的原始尺寸是一样的，但感觉上【shàng】他们比【bǐ】以前更小。我经常发现自己眯【mī】着【zhe】眼睛【jīng】看屏幕上的内【nèi】容【róng】，不应【yīng】该【gāi】是【shì】这样的。今【jīn】天我【wǒ】们来研究一下这【zhè】个不断增长的问题的原【yuán】因以及【jí】如何解决它。

　　大文本的案例

　　小字体【tǐ】的网【wǎng】站设【shè】计是【shì】老派概念。正文字体尺寸使用12pt的想法几乎可以【yǐ】追溯到互【hù】联【lián】网和数【shù】字出版【bǎn】的第一【yī】天，当时文字【zì】处【chù】理器的默认大小是12pt。(这正是设【shè】计【jì】师开始【shǐ】使用非官方指南的原因。)

　　那时屏幕【mù】也小的【de】多，而12pt的文本在距【jù】你眼睛几【jǐ】英尺的地方也可【kě】以很好【hǎo】的阅读【dú】。

　　超大的【de】标题和副标【biāo】题已【yǐ】经流【liú】行了一段时间，正文部分也【yě】需要赶【gǎn】上。一个关【guān】于【yú】网站分析，营销【xiāo】和测试的博客Kissmetrics注意到【dào】，大多数网站的字体【tǐ】太【tài】小【xiǎo】，他们甚至称之为“网页设【shè】计的7宗罪”之一。

　　有一【yī】个很大【dà】的【de】原因【yīn】：你必须立【lì】即吸引用户的注【zhù】意力，而小字体【tǐ】没有更多【duō】能留住用户时间的【de】有价值的点。

　　还不信?这里还有四个正文字体应该更大的原因。

　　1.阅读更容易

　　可读性是一件大事。你为什么设计一个用户难以阅读的网站?

　　第一点是【shì】在Web上放弃对正文字【zì】体的纯数值度量。无【wú】论你的字体【tǐ】是12pt还是【shì】16pt或22pt，如果无法读取，这些都不重要了。(字【zì】体大【dà】小不是【shì】通【tōng】用【yòng】的【de】，随【suí】着【zhe】字【zì】体【tǐ】的不同而不同。)正【zhèng】文应该与屏幕上的其他内【nèi】容【róng】相称，便于用户【hù】可以从远处看到。

　　一段【duàn】时间的标准是，单列中的每行45到60个【gè】字【zì】符【fú】(包括标【biāo】点符号和空格)是大多数【shù】读者的理想长度。因此，你【nǐ】需要【yào】考虑最常【cháng】见浏【liú】览器的【de】尺寸、所使用的列的宽度【dù】以及适【shì】合该范【fàn】围的文字大小【xiǎo】。记得【dé】调整相应的断【duàn】点。

　　对于【yú】较小【xiǎo】的屏幕，范围【wéi】更紧【jǐn】密，大多【duō】数人都认为较大的字体更好。(行数范围的一半。)

　　诀窍【qiào】是【shì】创建一个适合阅读的刻度。你【nǐ】要【yào】处理的文字尺寸越【yuè】多，这就越【yuè】重要。在逐行阅读时，太宽的【de】字体让人【rén】难以集中精力【lì】; 太拥挤导致【zhì】阅读【dú】时眼睛移动太快，没有一【yī】个【gè】很好的节奏。

　　2.使设计更直观

　　字体的大小有助于网站设计的整体可用性。

　　如果所有字【zì】体按比例缩【suō】放，大字体【tǐ】可【kě】以帮助其他用户界面元素(如导航链接【jiē】或按钮文本)尺寸的调整【zhěng】。它有【yǒu】助于【yú】整体流【liú】程。

　　大字体还可以帮助你更好【hǎo】地决定内容以及有选择【zé】性的【de】进行编辑【jí】，这对用【yòng】户来说是一件【jiàn】好事【shì】。这种精简有【yǒu】助于将最重要的元素呈现在设计【jì】之上。请【qǐng】记住，用户【hù】的关注【zhù】时间很短， 那【nà】么他【tā】们需要了【le】解的设【shè】计和如【rú】何与之交互的一切都【dōu】必须【xū】一目了然【rán】。

　　设计中的一【yī】切都将受【shòu】益于重新思考字体尺寸【cùn】，因为它们共同拼成最【zuì】终的产品。所有编辑和重【chóng】新思考如何【hé】放置的部分可以提高可用性，因为【wéi】你花时【shí】间来【lái】评估设【shè】计【jì】中的各【gè】个【gè】元【yuán】素，而不是像往常那样按照相同的方式摆【bǎi】放所有【yǒu】的【de】东西【xī】。

　　3.减少疲劳

　　用户疲劳是一个真实【shí】存【cún】在的【de】问题。大多数人整【zhěng】天都在看屏幕，浏览手机【jī】、玩【wán】游戏、平板电脑、在电脑上工作或【huò】看电视。他们【men】的【de】眼睛已经【jīng】很疲【pí】劳【láo】了。

　　大一些的字体可以帮助减少一些看屏幕的疲劳。

　　屏【píng】幕【mù】疲劳【láo】的另一个常【cháng】见来源是移动设备，用户【hù】必须通过屏【píng】幕【mù】获取元素。大手机正在【zài】减少拇指容易触及的区域，但较大的【de】元素和字体【tǐ】可以帮助解决这个【gè】难题【tí】。

　　变大字体和其他【tā】用户界面【miàn】元素是很重要的一个原因是，因【yīn】为它有助于【yú】调【diào】整视【shì】觉显示与物【wù】理显【xiǎn】示相匹配，从而为用【yòng】户提供【gòng】更多的舒适感【gǎn】。

　　4.增加视觉冲击力

　　你希望你的网站设计可以让用户产生强烈的第一印象。较大的【de】字【zì】体比较小【xiǎo】的【de】字体更【gèng】具有强烈的视【shì】觉效果和冲【chōng】击力【lì】。大【dà】字体【tǐ】更容易被【bèi】阅【yuè】读。

　　这些策略都有助于持续地吸引用户的注意力。

　　使用大一些的【de】字体的意外后【hòu】果是设计中的其他元素【sù】都【dōu】可【kě】能【néng】变大【dà】。大字体有助于【yú】你在设计中创造更多的空间。更多的空间通常会创【chuàng】造出更舒适【shì】的用户体【tǐ】验，也增加了对【duì】比的【de】元素，有助【zhù】于将吸【xī】引用户到设计【jì】的【de】部分。(这是【shì】最【zuì】基【jī】本的设计理论，但它有效。)

　　大一些的字体和增加的【de】间距是大多数用户不会看到或谈【tán】论的【de】元素，但他们会意识到。这种体验【yàn】是很容易【yì】实【shí】现的【de】，希望可以【yǐ】让【ràng】网站数据像【xiàng】网【wǎng】站驻留【liú】时间和访问者数【shù】量一样上升。(这些措施可以【yǐ】是确【què】定修改成【chéng】大【dà】字体是否对用户产生影【yǐng】响的【de】关【guān】键因素。)

• 上一章：企业网站“关于我们”页面设计基本步骤
• 下一章：百度关键词优化多少钱一年,百度SEO优化...