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

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

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

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

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

网页排版

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

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

层次结构

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

间距问题

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

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

颜色和调色板

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

网站宏观排版示例

Purple Bunny

Matt Hall

举报

  • 相关推荐
  • 苹果推出网页版App Store 浏览器即可使用

    苹果公司近日推出网页版App Store,用户无需依赖特定苹果设备,通过任意浏览器访问apps.apple.com即可浏览全平台应用。新版网页设计与原生App Store界面高度相似,功能丰富且交互流畅,取代了原先简单的登录页面。用户可通过左上角下拉菜单快速切换至iPhone、iPad等设备的专属应用页面,实现跨平台浏览。网页版完整移植了原生商店的“今日”标签页内容,包括编辑推荐、热门�

  • 参与开发iPhoneAir设计师离职 转投AI初创公司

    苹果设计师Abidur Chowdhury已离职,他曾参与iPhone Air开发并在宣传片中亮相。这款手机重165克、厚5.6毫米,配备6.5英寸屏幕与4800万像素单摄,采用独特Deco设计搭载A19Pro芯片。其离职引发业界关注,外界正观望苹果会否调整iPhone Air设计及该产品的市场表现。

  • 华为Mate 80 Pro Max外观公布:采用双圆环设计

    华为宣布将于11月25日举行Mate80系列、Mate X7及全场景新品发布会,主题为“实力破圈,开启新篇”。官方预热视频首次展示Mate80 Pro+Max真机外观,后置摄像头延续圆形对称设计,新增“双环”ID,疑似磁吸充电模块,为系列首创。该系列将提供四款机型,首发麒麟9030处理器,预装鸿蒙OS6系统,性能与流畅度大幅提升,引发广泛关注。

  • 华为Mate X7四配色官图发布:独一无二新设计 最强辨识度

    华为Mate X7今天正式公布,将在11月25日的发布会上与Mate 80系列同台发布。 华为官微公布了Mate X7的四配色真机图,展示了独一无二的全新设计,后摄Deco辨识度非常高,工艺似乎也有全新升级。 根据爆料,Mate X7内屏尺寸为7.95英寸,支持2K分辨率,配备UTG超薄柔性玻璃。 Mate X7典藏版外屏采用第二代玄武钢化昆仑玻璃,抗摔性能更出色,其他版本外屏为第二代昆仑玻璃。

  • 拆掉沟通的墙:绿岛风携手中山大学,打造行业“AI设计大脑”

    绿岛风与中山大学、国家超算广州中心合作研发AI智能设计系统,旨在解决传统“客户-销售-设计-销售-客户”沟通链条长、效率低的问题。该系统将企业数十年积累的设计方案与规范注入AI,实现销售与客户直接对话,实时生成专业解决方案,将数天流程压缩至几分钟。AI重塑的不是流程,而是沟通的确定性与效率,打造永不流失的企业智慧大脑,确保服务品质持续稳定进化。

  • 华为Mate 80/Pro/Pro Max/RS开启预约:全系直屏设计

    华为Mate80系列今日开启预约,四款机型亮相官网。全系延续星环设计语言,采用直边直屏方案,配备3D人脸识别技术。核心搭载新一代麒麟9030处理器,性能强劲。配色与存储选择丰富:Mate80提供四色及三种存储组合;Mate80 Pro增加16GB+1TB选项;Mate80 Pro+Max以四款独特配色亮相;顶配Mate80 RS大师版则带来三款高端配色及独家20GB定制内存方案,彰显技术实力。

  • 年轻人开始沉迷奶茶袋 有人赚近千元:联名、季节限定设计受追捧

    近日,一股收集奶茶袋的风潮在年轻人中悄然兴起,原本被随手丢弃的奶茶包装袋如今摇身一变,成为了二手市场上的“香饽饽”,甚至有人通过转卖这些袋子赚取了近千元的收入。 据调查,这股风潮的兴起源于奶茶袋的实用性和收藏价值。不少年轻人发现,奶茶袋不仅可以用作冰箱分格、野餐装备或收纳鞋包,还因其“限量”“联名”“绝版”等特性而具有了独特的收藏意

  • 南京新街口万达美华酒店焕新启幕,以“时空穿梭”设计演绎金陵摩登风华

    南京新街口万达美华酒店以“时空穿梭”为主题,巧妙融合金陵古韵与现代摩登,打造兼具文化厚度与都市活力的旅居空间。酒店设计打破传统,采用金属、玻璃与暖木材质,营造轻盈通透的视觉体验;客房延续4S服务理念,配备智能控温、蓝牙音响等设施,满足商旅人士效率与舒适的双重需求。复合空间“万咖啡”以日夜模式运营,构建24小时不间断的社交场域。作为万达精选服务品牌,该项目通过设计力提升资产价值,展现品牌在高RevPAR与RGI市场的成熟表现。

  • 颜值派亦实力派:佳能 R50V 与竞品的设计美学及性能硬核对决

    在颜值即正义的时代,佳能R50V以极简设计打破传统相机造型局限,搭载专业视频性能,成为年轻创作者焦点。文章对比尼康Z fc、富士X-T30II、尼康Z30、松下GX9四款热门微单,指出R50V通过6K超采样4K视频、全像素双核自动对焦、专业Log格式与直播优化功能,实现颜值与性能的完美平衡。其轻量化镁合金机身、双色选择及竖拍适配设计,兼顾日常穿搭与专业创作需求,堪称8000元内性价比首选的全能型相机。

  • 拜耳×天鹜科技战略携手:AI蛋白质设计赋能健康消费品创新

    在人工智能重塑全球产业格局的背景下,拜耳健康消费品与天鹜科技于11月7日在进博会上签署战略合作协议。双方将深化AI技术在健康消费领域的科研探索、新品研发及应用转化,聚焦智能蛋白质设计、生物制造创新在消化和皮肤健康等领域的应用,共同推动人工智能在个性化健康管理和自我保健领域的发展,加速健康消费产业的智能化、精准化变革。

今日大家都在搜的词: