• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 专业科班系列!如何快速提高你的版式设计水平?

专业科班系列!如何快速提高你的版式设计水平?

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含专业科班系列!如何快速提高你的版式设计水平?等相关知识,希望在学习及工作中可以帮助到您

@设计便利店:学习版式设计就是学习如何处理信息重点,因为在任何设计中,最重要的信息需要首先被注意到,然后是次要信息。下面介绍几种适用性强的区分层次的手法给大家。

在开始设计之前,关键要先梳理好哪些是重点信息,哪些是次要信息。接着就是要讲重点放在什么位置,是标题,内容,还是图片。这些信息的重点就是版式的层次结构。一旦确立好层次结构,接下来就是靠常用的视觉形式来处理即可,例如通过字距,笔画粗细,颜色,以及字体等等。方法如下:

1. ?添加垂直空白空间

在标题的单行或更多距离上下,将其与其他内容分开,达到强调的效果。

2. 利用黑色的浓度

这个方法能强调其自身的视觉效果。如轻粗线字体、中等粗细搭配超大字体等。要记住,字号小的粗体视觉上会比正常墨线的大号字显得更加厚重

3. 改变字体

例如从常规体切换到斜体或手写体,斜体手写体是好东西,要善用,它可以打破呆板的版面,也会让设计变得没那么正式,线条柔和,但是弊端是可读性低一些,可以适当加大字号,这样利用阅读。

4. 换小写字体为大写字母

相较于第三点而言,换小写字母会比大写字母能增加设计的正式性。大写字母需要更多的空间,小字号的大写字母是一个更加微妙的转移重点的办法

5. 色彩是有万能的工具

字体不一定要用黑白灰来创造出对比的效果,色彩的色相值或者明暗值太相近效果也不好。红与绿这一类的互补色会让字体看上去在波动。添加细腻的颜色或字体时,可以考虑使用较粗的字体,并给颜色提供大一些的区间。

6. 改变字号大小

改变字号大小来强调某些内容的同时,要确保主体段落和标题之间的实质性差异。如字号大小太过接近,便不能很好地突出重点。要想突出重点,就要使得字号之间的差别足够明显。还需要注意的是,同样的字号大小也可能看起来完全不一样。如图,14pt的Baskerville要比14pt的Helvetica看起来大。这取决于:文本周围的空间,文本的相对尺寸,字体的粗细等。加大字号的关键在于,它能作为一种吸引读者的注意力制造的方法。

7. 少即是多

尽量不要同时采用太多方式表达强调和重点,如果在一个地方使用过多的技术,会让人有点眼花缭乱。这样不仅起不到强调的作用,相反还会淡化重点。当你试图强调重点,并分出层次时,少即是多是一个很强的判断标准。用电脑来做出一些调整十分容易,你需要有一些约束,避免将上述的各种方法用的混杂。

如上图,强调的内容过于多,标题加粗加下划线,用了两种无关颜色,仅仅一p的内容就用了4种字体,调整方案如下,去掉多余装饰,仅保留两种字体,只用黑灰两色,好配合这张干净简洁的图片。

另外一个特别需要注意的,少即是多不仅仅是对视觉,更是对设计师的欲望控制,很多人都想一次性把所有技术一并用上的冲动。因为不一定要大喊大叫才能让人听到,在耳边吹个风更能撩人,哈哈!

8. 标题

一旦确定好正文中的各个部分的侧重点后,便可以开始设置适当的字体和版式,如果各级标题有着不同的重要程度,应该尽量确保在视觉上就能够区分开来。

把一行或一个字分成不同部分,或者对一个标题运用不同大小的字号,这样的画面看起来会更有灵动性,不会呆板。例如,英文的话可以把介词或者连接词(a,the,and,or)设置成小点字号,以此突出其他重点文字。所以在标题内容本身也是有重点层级的区分。

还有一点,如上图,介词“the”的位置比大标题和正文高度高了一行,这样处理的原因是可打破其规矩的画面,使得版式不显得呆板。

有一些设计师还会用斐波那契数列来决定字号的大小层次。在斐波那契数列中,每一个数字是前两个数字之和。通过这种方式可能会出现的数列,如8,10,18,28,46或者8,12,20,32,52。这也是一直比较不会犯错的做法,当然不一定完全按照数列的数值,根据具体要求细微调整是可行的。

欢迎关注作者的微信公众号:「设计便利店」

「想掌握排版四原则?3个海报设计教程满足你!」

  1. 《设计易容术!如何设计一张高品位高水准的海报?》
  2. 《设计易容术!如何设计一张高品位高水准的海报(二)》
  3. 《设计易容术!如何设计一张高品位高水准的海报?(三)》

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao..com

优设大课堂

您可能想查找下面的文章:

相关文章

  • 2018-08-23设计师该不该跳槽到区块链公司?来看入职的人怎么说
  • 2017-08-06用@font-face实现网页特殊字符(制作自定义字体)
  • 2018-08-23让传达更有效!7个提升数据可视化的实用技巧
  • 2017-08-06方正字库中英文、文件名对照表
  • 2018-08-23超全UI设计规范,带你了解规范设计全流程
  • 2018-08-23看似花哨的UI概念动效,并不只是为了耍酷而存在
  • 2018-08-23Airbnb设计经理:一个好的交互设计师应该具备什么素质?
  • 2018-08-23表单经典原则是错的?来看这5个表单设计新规则
  • 2017-08-06form提交时传递额外的参数几种常见方法
  • 2018-08-23高手带你读经典!我从《纽摄》获得的30条手机摄影启示

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 掌握这6个关键点,你也能制作出系统而专业的设计指南
    • 哪天就用到了!在移动产品中做音效设计的8个技巧
    • 五帽架设计原则:历史证明最高效的信息组织方式
    • 腾讯设计师:空心图标是否比实心图标难以识别?
    • 那些你所不知的CSS ::before 和::after 伪元素用法
    • 紧跟趋势!聊聊C4D 在电商设计中的实战运用
    • 实现网页背景图片拉伸的两种方法
    • Banner设计宝典系列!玩转9种最常见的设计风格
    • 上亿人使用的京东“猜你喜欢”功能是如何设计出来的?
    • 提高网站访问速度的六种方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有