<dd id="rcs5i"><tr id="rcs5i"></tr></dd>
    <div id="rcs5i"></div>

    <div id="rcs5i"></div>

      1. <div id="rcs5i"></div>

        当前位置: 首页 > 设?#24179;?#31243; > 平面设计理论 > 如何提升网页内容的可读性

        如何提升网页内容的可读性

        当我们聊设计的时候可读性是我们最常提及的话题良好的设计应该都是可读的设计如果信息都无法正常而清晰的传达那么设计就失去了意义

        设计的可读性和排版设计息息相关与此同时对比度的控制也是其中的核心想要提升内容的可读性让内容以更加顺畅更符合逻辑的形式呈现在用户面前你需要借助对比度来表达让用户真正顺畅的理解

        色彩对比

        如何提升网页内容的可读性

        前景的文?#20013;?#35201;和背景有着明显的对比它需要能够吸引用户的眼球

        创建色彩对比的方法有很多最流行的做法是在白色或者浅色的背景上使用黑色或者深色的文字这种设计由来已久经久不衰的理由是它确实非常有用当然将两种颜色倒置过来也一样有用

        但是在实际的设计过程中情形复杂多变文字和背景的配色往往受到多种因素的影响这个时候需要多加尝试?#27492;?#25991;字在背景的映衬下是否能够被用户清晰的看到尤其是在视频和?#35745;?#20043;上追加文字排版的时候

        为了降低背景多变的色彩对于文字的视觉影响一个比较靠谱的方案是在?#35745;?#21644;视频上覆?#24039;?#19968;个半?#35813;?#30340;有色图层来“统一”色调让文本的可读性更好设计师可以通过调整这个有色图层的?#35813;?#24230;明度和色调来控制和文字的对比度这样一来背景?#35745;?#21644;视频中的内容对于文字的影响可以降到最低

        另外一个方案是将文字和?#35745;?#35270;频分开排布这样就不会牺牲两者的信息表现力唯一的问题是需要提供双倍的展示空间并且需要选取合理的排版布?#24103;?/p>

        文本样式的对比

        不同风格样式的文字能够借助差异吸引用户的注意力有趣而让人着迷的字体越来越多比如?#20013;?#34924;线字体 Le Farfalle 就是如此

        单个字体本身的优秀设计是很不错但是两种不同字体的对比带来的反差更能吸引用户

        不过不同字体的搭配是非常讲究的因为风格不搭的不恰当谁?#39029;?#24120;会让用户感到震惊可以选择一些具有相同特征的不同字体用户不会为之感到突兀这些字体最好拥有相同的x高度(小写字母x的高度)在弧度和倾斜角度?#25103;?#24120;接近这些“和而不同”的字体能让文本内容看起来一致而有差异有趣而不枯燥

        大小尺寸对比

        超大的字体和超小的字体所构成的视觉差常常能够让用户惊叹

        当字体大到一定程度的时候就能带来足够的视觉冲击如果搭配上很小的字体构成对比那么这种视觉冲击会显得更加引人瞩目虽然超小的字体单独使用也能形成类似的效果但是相比超大字体要困难的多

        字体的大小差异很容易被用户注意到超大的字体能够在你的整个设计当中形成视觉焦点在文章排版中正文字体使用正常大小标题和副标题使用超大字体(副标题会相对小一些)这样的设计会让文章排版的轻重缓急清晰地呈现出来

        分享到: 
        八种很漂亮的排版方法和技巧分享
        怎么留白才能合理?解析简约设计风格
        ڿ¡

        <dd id="rcs5i"><tr id="rcs5i"></tr></dd>
          <div id="rcs5i"></div>

          <div id="rcs5i"></div>

            1. <div id="rcs5i"></div>

              <dd id="rcs5i"><tr id="rcs5i"></tr></dd>
                <div id="rcs5i"></div>

                <div id="rcs5i"></div>

                  1. <div id="rcs5i"></div>