Navigation menu

0755-82192581
  • Contact us
  • 0755-82192581
  • 深圳市罗湖区人民南路国际商业大厦20楼(地铁1号线国贸站E出口既是)

    szniego@126.com


    © 2007-2020 All Rights Reserved.
  • 策略型高端网站设计公司

    Strategic advanced website design company

    View More
  • 网页设计排版的技巧

    时间:2021-09-24  作者:尼高GARY  来源:https://www.niegoweb.com
    网页设计中使用字体有许多细微差别,您需要了解这些细微差别,以专业地设计内容并向用户传达信息。因此,我们为您提供六个理想的数字排版规则:字体、样式、可读性——所有这些都是网站文本设计中最重要的。


    网页设计

    好的排版更容易阅读,而糟糕的排版会排斥用户。因此,设计好的排版是为了优化可读性、可访问性、可用性和整体图形平衡。换句话说,您也在通过优化排版来优化您的用户体验。因此,这里是我们的六项规则,可帮助您提高文本内容的可读性。

    1、注意字体大小
    近年来,大字体越来越流行,如果字体大一些,对网站来说就更好了。但为什么?这是由于“全面动员”——在智能手机上阅读小字体很复杂。所以大字的观感要好很多。阅读大字体的文字或头部并不困难。然而,小排版在设计中也是可以接受的,因为它可以和谐地填充图像之间的空间。

    文本经常被扭曲“表面上是为了设计”——但应该反过来做!网站的文本组件始终优先于图形。没有文字提示的图片本身不会提示您执行目标操作。但与文本一起 - 这很容易!因此,正确确定优先级以获得您想要的。使网站上的字体尽可能大!当与简洁的设计相结合时,它们看起来非常酷。此外,请使用响应式字体,因为它们在桌面和移动设备上的可读性相同。

    2、注意文本对齐
    许多设计师推荐左对齐文本,因为它被认为最适合感知。您可以非常小心地使用中心和正确对齐。但在宽度上——绝不是,这样的文本变得不可读。将站点上的文本结构化到左侧——这是感知信息的重要因素!所有文本的格式都必须适当,如果标题和副标题可以居中,那么项目符号列表-仅在左侧,这样读者会更舒服。

    3、如何设计标题大小
    标题样式是基于金字塔的。H1——主标题——最大字体,H2——二级副标题——更小,以此类推。正文小于最后一级的标题。不建议用大写字母(大写)制作标题。设计师说,在这种情况下,人们将标题视为图像,而不会深入研究文本的本质。最好用不同的字体或对比色突出标题。

    4、特殊排版术语:单元、字距调整、行距。
    这些是布局设计师的术语,但您应该了解它们。印刷单位是字母的高度。字距是字母之间的间距。重要的!不同字母之间的字距调整可能不同。这样做是为了更好的可读性。行距是行与行之间的距离。大小、字距调整、行距的值选择始终为每个项目单独选择。但是有一个一般性建议是将前导的大小扩大 1.5 倍。

    5、相同元素的通用样式
    组合相似元素是用户体验设计的基本规则,它也完全适用于排版。这是因为相似的元素在视觉上被视为一个整体。因此,要使设计看起来时尚,必须同时执行所有相似的元素。这些是菜单中的字体、同一级别的标题、文本本身、表单中的字段、图标。

    但最好注意颜色 - 无论如何,不要过度使用。裂缝的不同颜色会分散注意力。不同的颜色会产生混乱的感觉。此外,避免以粗体或小滴突出显示要点。相反,最好将它们放在图标旁边或对比鲜明的背景上。如果不是分散用户注意力,而是集中注意力对您来说至关重要,请以相同的方式设计相同类型的元素!

    6、使用什么文本颜色
    主要字体的经典版本:黑底白字或白底黑字的组合——比这更好的还有待发明。然而,深灰色字体而不是黑色看起来相当不错。白色字体在深红色、深蓝色或深绿色背景上看起来也不错。今天,另一种令人愉快的替代方案很受欢迎——透明背景上的文本。

    为了将用户的注意力集中在主要的文本块上,可以通过将它们放在彩色背景上来突出显示它们。CTA 按钮应始终采用对比色。仔细尝试“酸性”颜色,尤其是在将红色与绿色或蓝色与黄色组合时。

    相关案例

    OTHER CASE