童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

平面设计中,有哪些简单好用的排版技巧和方法?

3月3日 不星湖投稿
  当两张图片中应用的构成元素都相同,画布尺寸也相同的情况下,排版的好坏就决定你整张图片的质量了,这就好比两个厨师,同样的食材做同一道菜,味道却可能截然不同。
  一、版式
  首先我们需要了解的版式。我们平时制作或看到的版式大部分都是由中心型、中轴型、分割型、倾斜型、骨骼型、满版型为主。
  中心型排版,利用视觉中心,突出想要表达的实物当制作的图片没有太多文字,并且展示主体很明确的情况下建议多使用中心型的排版。中心排版具有突出主体、聚焦视线等作用,体现大气背景可用纯色,体现高端背景可用渐变色。
  上图为Elysions的作品
  
  中轴型排版、利用轴心对称,使用画面展示规整稳定、醒目大方当制作的图片满足中心型排版但主体面积过大的情况下,可以使用中轴型排版。中轴型居中对称的版面特点,在突出主体的同事又能给予画面稳定感,并能使整体画面具有一定的冲击力。
  在做电商活动海报的时候中轴型是很出效果的一种形式
  分割型排版,利用分割线使画面有明确的独立性和引导性当制作的图片中有多个图片和多段文字时可以使用分割排版。分割型排版能使画面中每个部分都是极为明确和独立的,在观看时能有较好的视觉引导和方向;通过分割出来的体积大小也可以明确当前图片中各部分的主次关系,有较好的对比性,并使整体画面不单调和拥挤。
  倾斜型排版,通过主体或整体画面的倾斜编排,使画面拥有极强的律动感,刺激视觉当制作的图片中要出现律动性、冲击性、不稳定性、跳跃性等效果,可以使用倾斜型排版。倾斜排版可以让呆板的画面爆发活力和生机,当你发现自己的图片过于死板或僵硬时,尝试让画面中某个元素带点倾斜,会有出奇的效果。
  骨骼型排版,通过有序的图文排列,使画面严谨统一、具有秩序感当制作的图片中,文字较多时,通常都会应用骨骼型排版。骨骼型排版时较为常见的排版方式、清晰的调理和严谨性让画面平稳,是一种不会出现的错误,但是毕竟单一的排版方式。有些时候为了打破骨骼型的单一和平稳,我们也可以应用上图第三张的形式,在规整的排列中加入一些律动强烈的素材。
  网页设计(包含电商)中大部分都是骨骼型排版形式
  满版型排版,通过大面积的元素来传达最为直观和强烈的视觉刺激,使画面丰富且具有极强的带入性当制作的图片中有极为明确的主体,且文案较少时可以采用满版型排版。常见的满版型排版有整体满版、细节满版和文字满版。
  如第一张:整体满版会让画面有强烈的带入性。
  如第二张:细节满版能快速明确和展示主体。
  如第三种:而文字满版通常是以装饰的形式来表达某些文案。
  二、方法
  了解了基本的版式,我们再去了解排版中需要注意的几个问题。
  首先是对版式的选择,你如果拿到一份客户的要求而没办法想出来接下来可以用哪些方法去排版,显然是作为设计师而言不太光彩和合格的事情。我在上边的例子中也写到了,不同的情况下可以应用不同的版式,而所谓的不同情况大多数时候有这么几种,字少图少、字少图多、字多图少、字多图多,字图一样。其次就是如何应用,版式是一种缥缈的艺术,理论形式固定,但表现形式多样。当你手法纯熟了,怎么摆放都会很好看,而在刚开始练习的阶段,我们还是最好注意好排版中需要严格遵守的一样东西留白。
  留白很多大师都讲过,分析过,大部分来说比较宏观,都是跟意境挂钩,我再去说重复的东西就没有意义了,我要说的是几个细碎的留白问题,首先我要否认很多人认为留白就是要做简约风的印象,其实留白无处不在,简约风只是留白更宏观的定义而已那么怎样去理解和运用留白呢,首先我们要对留白有几个新的认识:
  第一,文字间距、行距都是留白,而这种距离如果太过统一和拥挤画面就会死板,所以在文段较多的情况下,我们可以适当调节文段的距离来改善画面的效果,也就是加大文字间的留白。
  如下图:
  第二,比如某个元素内部又有其他元素,那么这个元素内部区域就需要合理的留白,内部元素不能太满,也不能太偏。
  如下图:
  第三,元素跟元素之间要有一个合理的留白,不然就会拥挤难受。
  如下图:
  第四,除满版型排版以为尽量让画面四周有足够的留白。有些时候不必要放那么多的装饰元素,在画面中,那样反而会抢了主体,比如这个下图,其实竹叶也可以表达所需的意思,而且更灵动。
  第五,装饰元素在做飘散的时不要集中在一个区域,那样会让某个区域留白不够显得拥挤,还会显得图片的感觉小气,飘散的元素我们尽量做的大气一些,挥洒写,弥补周边空旷的同事又能让画面大气。
  如下图:
  第六,留白的同时也要去白,去白是一种平衡留白画面的效果,一般来说常用的去白方式是对线去白,即下方有元素而上方很空的时候,给上方增加一个元素来平衡画面;当主体过于渺小导致留白过多时,需要放大主体和调整其它元素来去白。
  如下图:
  图1:中心主体太小上下空洞图2:下方去白,上方空洞图3:上下去白,画面平稳
  举例:
  中心元素过小,周边过于空旷
  中心整体放大,主体上下留白过多被弥补,但主体与文案间的留白关系不是很舒服
  拉开文案的行距,使主体与整体文案的空间感相近,弥补文案上下的留白过剩
  结合留白,我再针对上面提到的不同情况应用不用版式举个简单的例子,当客户给我的方案是字少图少和字少图多的情况下,中心型、中轴型、满版型、骨骼型、分割型等多种方式都可以解决当前问题的。比如我们用一下文字和图片做一张图:
  
  图1:中心型;图2:中轴型;图3:满版型
  骨骼型
  分割型
  有时候我们也会遇到一张图片中要放很多小图片的情况,而且很多小图片的素材尺寸都是不同的,这里也是很多人经常犯错的地方,大部分人都是随意摆放并配上文字,其实我们可以把每个图片都做在同等大小的形状中显示,既规整又大方,如图:
  
  而当素材不太美观和即便排列整齐,整体图片也还是有些拥挤时,我们可以化繁为简,去掉小图展示:
  综上内容,版式没有绝对的好坏,只有合适不合适;这期我们讲的主要还是围绕简洁的版式,下期我们队复杂的版式再做更深入的理解。
  再次感谢大家的支持,SoThanks
投诉 评论 转载

用好的交互设计来管理复杂“个人中心”“复杂是世界的一部分,但它不应该令人困惑,好的设计能够帮助我们驯服复杂,不是让事物变得简单(如果复杂是符合需求的),而是去管理复杂”。复杂是可以被管理的,但要做到这一点,我们都……Sketch的一些常用技巧谈不上译文,汇总了一些文章当中介绍的tips,包括常用快捷键和一些小技巧。最后一条还蛮亮的,很实用,我怎么没想到这样做。1。“插入”的常用快捷键你在使用Sketch……一个用户体验设计师的转化率优化准则优化,作为一种服务,正变的无处不在。那么,对于通讯公司和专业的优化公司来说这两者有什么区别呢?笔者在理解转化率优化问题的时候碰巧遇到了TomAdams,CodeCompu……走心!优秀的移动端UI应当如何用微交互打磨细节?UI设计的细节很重要,它不仅仅体现在静态的元素上,动效和微交互也是如今UI和UX设计中最重要的细节。想要打造优秀的移动端UI设计,微交互和动效设计是绕不开的问题,今天的文章我们……为什么用户会无视网站首页的轮播图?数据显示:在三百万个网站中只有大约1的网站首页上的轮播图会被点击。一个在首页上如此之醒目的元素竟然只有这么低的点击率到底怎么回事?个中原因相比会让你大吃一惊。绝大多数轮播……交互设计规范分享:页面信息展示、信息交互和通用组件规范本规范按web交互属性分三个部分:页面信息规范、信息交互规范、通用组件规范。前些时间正准备写交互规范,就去网上搜罗了一下交互规范的一些范本,想作为借鉴参考,但却没能找到比……逐渐兴起的对话式设计,你了解多少?对话式交互将逐渐改变人类的生活和习惯,未来的生活是怎样的正是我们所兴奋和期待的:)对话式交互的崛起计算机从简单的CLI(Commandlineinterface,命……用好的交互设计来管理复杂“筛选器”我们必须按照人们的行为方式来设计,而不是按照我们希望他们应有的行为来设计。好的设计不是让事情变得简单(如果复杂是符合需求的),而是去管理复杂。在《在做交互设计时,你需要知……产品经理的UX移动端的输入操作设计UX是Userexperience的缩写,指用户体验,UX设计指以用户体验为中心的设计。UXPlanet(uxplanet。org)上面讨论很多关于移动设计里做好UX的技巧,很……做好用户体验,掌握这些要素就够(一)我在人人都是产品经理这个平台上,没看到更全面概括原则与思想的文章,所以我想在这系统的说说。考虑到篇幅太长,用户看的可能会比较费劲,所以我会分成几篇文章来讲。有时我们在做用……平面设计中,有哪些简单好用的排版技巧和方法?当两张图片中应用的构成元素都相同,画布尺寸也相同的情况下,排版的好坏就决定你整张图片的质量了,这就好比两个厨师,同样的食材做同一道菜,味道却可能截然不同。一、版式首……不一样的方法论:从迪斯尼动画学到的五大UX设计原则本文作者RebeccaU,成文于她和迪斯尼首席动画师GlenKeane在SXSWpanel合作的一次干货分享之后,文章讨论了UX设计师能从迪斯尼动画……
等待页面优秀案例鉴赏【设计经验】图标设计初阶要先型(中)【设计经验】图标设计初阶要先型(下)【设计经验】图标设计初阶要先型(上)20个实用便捷的CSS3工具、库及实例(下)Yep!教你用动效阐释APP运作机制20个实用便捷的CSS3工具、库及实例(上)电子商务网站设计分析首屏设计交互设计工具篇移动设计模式整理分析导航篇从令人发指的苹果来看所谓的细节设计页面动效能否拯救扁平设计?(附工具推荐)

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界