Navigation menu

0755-82192581
  • Contact us
  • 0755-82192581
  • 深圳市罗湖区嘉宾路深华商业大厦9楼(地铁1号线国贸站B出口既是)

    3375726676@qq.com


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

    Strategic advanced website design company

    View More
  • 网页设计要注意排版层次结构

    时间:2022-11-10  作者:GARY  来源:https://www.niegoweb.com/
    我们在进行网页设计时,除了要注意整体的风格和内容外,排版层次结构也是要注意的一个重要点。在本文中我们讨论了建立排版层次结构的六个基本变量,解释了如何以不同的方式看待每个变量,进而通过有意修改每个变量来设计作品以有效地创建排版层次结构。


    深圳高端网页设计公司

    简单地说排版层次的概念是指内容的相对重要性的视觉组织。换句话说,我们在页面或空间上组织文本、标题、副标题、列、段落、标注和其他内容的方式表明了它们的重要性。这听起来很容易,对吧?问题是视觉上实现这一点比听起来更具挑战性,特别是对于那些不熟悉排版细微差别的人。排版中的一切都像多米诺骨牌效应一样,引起设计师的连锁反应。这就是为什么当客户要求“小改变”时,它永远不会很小,也永远不会是线性的。排版是共生的。每个元素都对另一个元素有贡献,即使是很小的方式。

    这两个词:印刷和层次结构对于我们领域之外的人来说不是熟悉的概念。事实上,即使在艺术和设计领域,同行艺术家也不一定了解排版层次结构。排版一词是指与排版相关的问题:类型选择、大小、重量、我们设置字母的距离或距离等。术语层次结构是指优先级或重要性级别:首先是什么,第二个和第三个。因此,当这两个术语放在一起时,我们的意思是按重要性级别排列内容,以便与读者交流。

    选择字体、根据视觉重要性安排内容以及组织页面上的元素(标题、副标题、正文、图像、空间等)会引起读者的反应。当页面上的事物相互竞争时,我们可能会感到困惑。我们都有这种感觉,我们甚至可以回忆起当我们看到一个带有血腥字体的印刷纸条或一个排版混乱的网站时的厌恶时刻。然而,学习使用排版是难以捉摸的。这是一个不断练习和磨练视觉敏锐度的问题。

    虽然计算机在我们这个领域的出现确实加快了设计和印刷过程,但在网上看东西和印刷时,印刷比例看起来也不一样也是事实。阅读器和他们的显示器之间的关系不同于阅读器和任何打印的东西之间的关系,无论是手持的还是远距离看到的。

    举个例子,让我分享一下我在排版方面的经验。在成为设计师之前,我毕业于艺术教育学士学位。我了解色彩、研究、构图、对比、绘画、图像、素描、绘画等等。当我回到学校学习设计,特别是平面设计时,我迷路了。

    我最大的挑战是我无法将字母视为语言的语义符号以外的东西。问题不断地涌入我的脑海。例如,“字母有网格是什么意思?你说我做的太多是什么意思?什么是太多了?这怎么太大了?” 问题无穷无尽,令人难以忍受。委婉地说,我的初学者的排版是不该做的一个典型例子。我不知道更好,但我也没有更好地理解。

    当另一位教练向我解释排版就像为我非常想要的戏剧中的一个角色试镜时,我的“啊哈”时刻来了。她建议我像在剧院里演奏一样发音。请注意,我没有任何戏剧经验,但不知何故,这个想法引起了我的共鸣。就在那时,我以一种非常体验的方式意识到,排版是视觉形式的口语。

    不知何故,字母、单词、标题、字体选择、大小、重量、颜色、间距——所有这些都共同产生了一种视觉语言。页面就是舞台。字母、文字、标题、段落等等都是那个舞台上的表演者。另一位教练曾经说过,排版等级就像一个芭蕾舞团,只有一个首席芭蕾舞演员,其他一切都向她鞠躬。拥有音乐和舞蹈至关重要的文化背景,我开始有了这个想法。

    相关案例

    OTHER CASE