首页 > 教程 > 关键词  > 设计技巧最新资讯  > 正文

设计者在网页排版中应注意的一些问题

2012-04-18 17:17 · 稿源:站长之家

导语:排版是一门艺术,也是一门技巧。我们每天都能在报纸,书籍等各种媒介上看到排版,或精美,或丑陋。如何能在准确传递信息的同时,又能排出精美的版面,这是设计师们值得深思的问题,因为这关系到读者的阅读感受。本文以网页排版为例,从几个方面阐述了成功的设计在排版中应该注意的问题和细节。

站长之家(CHINAZ.com)4月18日编译:大体上来说,排版是为了信息分享而重新将字体进行排列的一门艺术和技巧。也就是说,排版是为传递信息而进行的简单排列组合,然而,好的排版非常注重视觉精度和细节,甚至是很小的细节都不容忽视。排版最早出现在书写当中,因此即便是最简单的字母排列也可算一种排版。如今,印刷品,书籍,报纸,信件,电视,网络等都会涉及到排版,简直是无处不在。甚至连重要的网站在以前就开始关注排版了,并且在当时尝试用现成的资源尽可能提高排版水平。

网页排版

网页排版是近年兴起的一个普通排版的分支概念。虽然,图片也可以传递信息,但网站上的内容大部分是由文字组成。这就是网络排版如此受重视的原因。排版的重要性丝毫不亚于视觉层次,合适颜色的选取,网站功能以及其它特性。我们从来没低估过网络排版的重要性,也深知它在良好的用户体验中所发挥的重要作用。

任何追求漂亮版面的人都知道,印刷排版跟网络排版完全是两码事。尽管有些规则可能相同,但网页设计所处环境完全不同,两者都有自己一套必须遵守的规则和准则。两者的原理不同,不能同时存在,跨越这个界线可能会导致排版混乱。

层次结构

尽管,你可能已经熟悉了网页设计的层次结构,你可能也明白排版中也少不了它。层级结构会给你一个阅读显示文本的起点。这点非常重要,因为这会帮助你准确传递信息,同时保证读者准确理解。很多网站在这个问题上都做得很好,但是你还是应该牢记在心,这样你的网站就不会显得太过时。

间距问题

尽管,很少遇到网站排版中出现层级结构的问题,但相当多的网站排版却存在间距排列的问题。网站所有元素的间距都必须按照一定的条理进行排列,因此你在处理间距必须遵循这些条理。你可能需要去了解以下的专用术语:行距大小(Leading Size)、字偶间距(Kerning)和字间距(Tracking)。

行距大小是一种增加或减少文本行之间产生的空格的方法。点击此处阅读,你就知道到为什么减少行距有利读者阅读。字偶间距是调节字符间空格,使其达到更愉悦的视觉效果的过程。使用字间距同样能达到字偶距调整的效果,两者之间的唯一差别在于空格的产生,字间距是在每个字符间产生等量的空格,而字偶间距是调整的基于字符对所产生的空格。

颜色和调色板

排版中的颜色并不专指单一的文本颜色,通常是指网站用到的所有颜色。网站用到的图片和颜色相当于文本的“背景”,因此使用颜色时要谨慎。网站的元素要和排版颜色协调,不要让文本显得模糊不清。你也可尝试较大尺寸的排版(又称为宏观排版)来达到更好的效果。简单来说,宏观排版就是使用更大的文本来吸引用户。它的长度通常不能超过1到4个单词,因此,保持文字的简洁性和正确性就显得格外很重要。在关键信息下,但是这并不是那么重要,因为这并不是你的网站的焦点,但大尺寸文字却是。

网站宏观排版示例

Purple Bunny

Matt Hall

举报

  • 相关推荐
  • 小红书可以长文了:正文可发千字以上 一键排版

    小红书官方近期开启长文功能内测,定向邀请创作者申请开通,为内容创作带来新体验。 长文创作有清晰流程:标题限20字内,正文支持千字以上输入,可插入图片、表情包。 长文支持一键排版”功能,点击后长文自动切分,还能借助AI自动生成封面配图与文章摘要。 后台提供6个排版模板,创作者可自选风格,灵活调整主题配色、封面、标题及摘要,实时预览效果,让长文

  • AI日报:阿里通义推Qwen-TTS模型;Cursor已支持网页和手机端;字节发布图像合成技术XVerse

    【AI日报】今日AI领域7大突破:1)阿里通义Qwen-TTS实现方言语音合成重大突破;2)Cursor发布Web版AI编程工具;3)字节XVerse技术实现多对象精准图像生成;4)NoteGen跨平台AI笔记工具革新知识管理;5)ManimML动画库可视化Transformer架构;6)TEN+Agent开源语音交互技术降低延迟;7)Chai-2抗体设计模型将药物研发周期缩短至两周。淘宝同时上线RecGPT推荐模型提升购物体验。

  • 视觉中国:解码文创!总台“万马奔腾” 文创设计征集活动火热进行中

    中央广播电视总台联合中视实业集团等机构举办"万马奔腾"暨马年"大春晚季"文创设计征集活动,旨在通过创意设计传承中华优秀文化。活动聚焦生肖马元素与春节文化,鼓励设计师挖掘非遗技艺与现代设计的融合,打造兼具文化价值与商业潜力的文创产品。征集涵盖文创产品设计、平面插画、智能机械三大领域,面向专业设计师和文创爱好者。优秀作品将获得丰厚奖励及展示推广机会,助力传统文化创造性转化和创新性发展。活动已进入中期阶段,距离截稿还有34天。

  • 在版权诉讼中,Anthropic 赢下了关键AI训练裁决

    就像任何渴望成为作家的读者一样,Anthropic的语言模型并非为了抄袭或取代原作,而是为了创造出完全不同的内容……

  • iOS 26新设计被吐槽丑 网友:苹果怎么卓里卓气

    近日,苹果公司发布的iOS26移动端操作系统新设计引发了广泛讨论,不少网友对其设计风格表示不满,直呼“太丑”。 据悉,在苹果公司举办的全球开发者大会上,iOS26作为软件更新亮点被推出,其中全新“液态玻璃”设计成为关注焦点。然而,当网友们看到真实交互界面后,却纷纷表示失望。有网友称,初看液态玻璃设计虽有噱头,但在真实使用场景中却显得有些“安卓味�

  • AI 购物,为什么难以戳中你的痛点?

    AI进入电商不是什么新鲜事。 对平台而言,AI正在成为电商的新质生产力。AI导购、数字人直播、AI换装等新场景,被电商大厂放进自己的App。降本增效的同时,或许能收获新的用户体验可能性。 但是,美好的可能性还过于遥远。对C端消费者而言,体感并不一定如平台所畅想的那么丝滑。 普通人对电商应用AI 最深刻的印象,恐怕就是机器人客服油盐不进的自动回复,彼此对�

  • 雷军否认小米YU7是拉高版SU7:90%零部件重新设计

    小米YU7将在明天正式发布,届时将会公布价格。 在发布会之前,很多网友都有疑问,小米YU7是不是就是一款拉高版的SU7? 对此,雷军肯定的回应称:不是!

  • 华为回应《原神》鸿蒙版何时上线:正进行鸿蒙5的开发适配

    日前,华为终端BGCEO何刚微博发文,称鸿蒙5上架了很多游戏,我也要下载体验一下。 有网友在评论区留言询问:《原神》啥时候上线? 对此,华为终端客户服务表示,华为正与应用开发者进行HarmonyOS 5的开发适配与技术沟通工作,因体量、功能差异不同功能的适配周期和进度不同,可以尝试在应用市场我的心愿单中添加心愿。 一旦应用上架,应用市场将会第一时间通过通知

  • “全球链接 生态共生”钻石珠宝产业创新生态发布!中钻网同步启幕

    6月28日,"全球链接+生态共生"钻石珠宝产业生态创新发布会暨中钻网开幕仪式在上海普陀举行。活动汇聚珠宝行业领导、政府代表及企业高管,共同探讨产业数字化转型。普陀区将打造集交易、消费、展示于一体的钻石珠宝全产业链生态圈,建设中钻网数字化平台,推动产业创新升级。现场签署多项战略合作协议,发布《普陀区钻石珠宝产业生态规划》,旨在将普陀建设成为国际钻石文化消费地标和产业创新策源地。活动标志着中国珠宝产业向数字化、国际化迈出重要一步。

  • 装库科技应邀出席丰台区“未来企业家”发布会 展示AI设计与数字化交付能力

    6月20日,丰台区举办"丰聚英才·企航未来"未来企业家实训营发布会。装库科技作为区内科技企业代表受邀参会,董事长王敬现场展示企业在AI设计与数字化家居领域的技术成果。丰台区委书记王少峰参观企业展台,深入了解企业在人工智能设计、数字化供应链等方面的能力。装库科技重点介绍了"所见即所得"全流程服务体系,通过AI技术实现户型识别、风格生成、产品选配等创新应用。作为国家高新技术企业,装库科技致力于构建从房产交易到家居交付的智能化平台。此次参会是企业深度融入区域创新发展生态的重要举措,未来将继续发挥在AI设计、数字化供应链等领域的技术优势,助力丰台区高质量发展。