恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
重量级干货丨4个技巧助你排出好看的版式
0.0°
2018-05-16 好文转载 教程 原作者: 未知 举报 1646 16 10 0

4个技巧助你排出好看的版式


一、使用长线

利用长线排版这个技巧应该很多人都用过,但是它并没有想象的那么简单,如果运用得不恰当,不但不会好看,还会显得很死板。长线在排版中的使用一般是为了满足以下几个需求。

1.区隔信息
即利用长线条把版面里不同类型的信息区分开,你可以根据实际情况来选择使用虚线还是实线,觉得黑白线单调的话也可以给它点颜色瞧瞧,使用长线区隔信息可以使其看起来更清晰,更方便受众阅读,同时还可以起到规整的作用,使版面不至于太凌


▲如果一个版面内的信息层级关系很多,我们可以同时使用细线和粗线来进行划分。


▲上图使用的是红色虚线,使用虚线会显得没那么生硬。



2.装饰
我们在排版时经常会遇到这样的情况,信息并不是很多,也不适合加图片,所以整个版面容易显得单调和平淡,这时我们可以利用长线来丰富版面,在增加美感的同时还能增加设计感。



▲斜线经常被当做剪刀用,俗称“一剪没”。




▲上图文字顶部增加的直线使该排版看起来更专业。

3.建立固定版式
在画册或报纸的排版中,一般会有一些固定不变的信息放在顶部或底部,作为模板出现,利用长线来辅助建立这种固定版式也是屡试不爽的技巧。




▲在画册排版时设计一个固定版式,可以让版面看上去更精致。


▲用长线建立版式的同时也能起到分隔信息的作用。



4.强调
在文字下面加直线还能起到强调信息的作用,就像我们以前看书的时候划重点一样,引导到受众把目光聚焦在此。


▲线条是直还是弯应该跟设计师的性取向没毛关系。

二、使用短线

短线的功能和长线大同小异,虽然没有长线用得那么普遍,但有时候更好用,特别是在网页设计、UI设计、名片设计中,我们能经常看到短线的身影。短线的用法有如下几种:

1.区隔信息
利用短线区隔信息比长线要更灵活一点,不会造成太规矩的效果,而且虽然是短线,但是受众经常会脑补把它延长。



▲当然,有时候是因为信息比较短,所以用短线更合适。



▲上图的短线除了分隔信息外还起到了点缀的作用。

2.装饰
短线也是可以用来装饰的,把短线放在文字信息的前面、或者相对应的留白区域,再选择合适的颜色,可以有效丰富版面。



▲在文字的下一行位置加短线





▲在文字对应的空白区域加短线

3.归类
就是用一条短线把一部分信息归为一类,一般采用竖线。把文字左对齐或右对齐,然后在对齐的一面加一条长于或等于这段文字的直线,跟大括号的用法差不多,但是要更好看一些,在信息类别比较多的版面中很实用,如下图:



▲在目录中使用短线是最合适不过的了。



▲上面的这些短线都有点长?那我们就叫它长长的短线吧。

三、使用色块

使用色块进行排版也很是实用的一项技巧,而且容易营造时尚的感觉,经常被用在画册和网页设计当中,色块在版式中的主要用途有以下几个:

1.划分区域
在画册或网页设计中,可以用色块来划分区域,一个色块承载一块信息,使该色块内的内容与其他信息区别开来,如果色块较多时最好让它们形成一定的节奏感,比如呈统一或渐变效果。



▲色块在划分区域的同时还能把一些看起来比较零散的信息组合起来。




▲上图的三个色块各使用了不同的颜色,且有意上下错开创造节奏感。

2.突出重点
突出重点信息的方式有很多,把它放在色块中也是一种不错的方法,文字和色块要使用对比色



▲上图的色块是为了凸现标题。

3.分离背景

当我们在图片上排文字的时候,由于图片的明暗关系不是太平均,所以会影响文字的阅读性,这时在文字底部增加色块是一个不错的方法,如果把背景图调成黑白,再使用颜色鲜艳的色块效果会更好。




▲如果想保留背景图片的完整性,也可以适当降低色块的透明度,或者使用正片叠底效果。

4.丰富设计形式(装饰)




色块本身就是具有强烈设计感的元素,所以我们可以用色块来进行构图,比如用几个色块组合成一个图形,或者通过色彩搭配制造对比,都可以做出很漂亮且有特色的设计。



▲上图的色块其实是左上角品牌标志的延展,构图很特别



▲上面这款包装顶部的橙色在大面积的白色对比下显得十分显眼,成为了该包装的最大亮点。






更新:2018-05-16

收藏

16人已收藏

梦梦_喵喵星人

小白领取资源,咨询设计问题都可以加我qQUN:652137396

  • 175

    作品

  • 748

    粉丝

  • 4

    关注

  • PS鼠绘章鱼角图标教程
  • PS鼠绘邮件图标教程
  • AI绘制扁平化快餐图标教程
  • PS绘制简约风格沙滩插画教程

    猜你喜欢

      2018-05-16 好文转载 教程 原作者: 未知 举报 1646 16 10 0

      重量级干货丨4个技巧助你排出好看的版式

      0.0°

      你确定要举报重量级干货丨4个技巧助你排出好看的版式

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年04月28日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      10
      16
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录