首页

客户:要多、要大、要好看,能安排不?

seo达人

一、使用比较有特色的风格

既然粗暴、接地气的设计容易被人说成“土”,那么使用一种当下比较流行,或者比较有特色的风格,就能有效增加画面的设计感和时尚感。

图片

▲ 上图使用高饱和度的蓝色和绿色组合搭配,以及文字以背景的方式环绕在产品的周围,都是近几年比较流行的设计手法。

图片

▲ 上图使用扁平效果的描边色块来进行排版,既能突出文字信息、视觉效果也很时尚。

图片

▲ 把高饱和度对比色、扁平风、几何图形、文叠图等一些常在艺术海报中使用的技巧,用到促销海报中来,这种接地气的设计是不是也变得高级了很多?

图片

▲ 用波普风格设计促销海报,效果也是很亮眼的。

 

二、把文字图形化

有很多海报设计需求是以文字为主的,客户也并没有提供配图,如果只展示文字,效果很容易单调,这时就可以尝试提取文字中的关键词,设计一个图形符号与文字信息进行巧妙组合,文字与图形符号共同组合成视觉主体。

这么做既可以增加画面的美观性、视觉冲击力、形式感,同时文字的面积占比也不会被大面积压缩,保证信息的清晰易读。

图片

▲ 把文字与光线组合在一起,既突出了文字、也加强了画面的视觉冲击和美观性,同时,电子产品的品类调性也得到了体现。

图片

▲ 上图把文字与汉堡图形组合成一个主视觉图形,加强了画面的形式感。

图片

▲ 上图把文字与打板器组合成主视觉图形,打破了纯文字的单调感。

图片

▲ 上图把文字和图片放在一个外卖袋里,加强了设计的带入感和产品属性。

 

三、把文字场景化

其实这也是文字图形化的一种形式,只不过不是把文字与具像的图形符号结合,而是把通过把文字进行扭曲、变形、添加元素等方式,使其具备抽象的场景特征。

图片

▲ 该海报把主要信息组扭曲成墙面和地面的效果,创造出一个立体空间。

图片

▲ 这件作品与上图的设计手法有点类似,也不知道是谁借鉴的谁。

图片

▲ 上图把“敢为先”这个几个字拉大,布满月球后面的整个天空背景,就好似一扇巨大的城门。

 

四、图文组合

即把图片与主要文字组合在一起,共同形成画面的主视觉,而不是相互独立,把文字当成图片的配文,常用的图文组合方式有图叠文、文叠图、图文交叉等。

图文组合的设计方式可以加强图文之间的联系和对比关系,使画面更整体、更聚焦。

图片

图片

图片

图片

 

五、加入人物或动物插画

如果版面中只有文字,或者只有文字和产品图片,那么版面都容易显得无趣、缺少细节,在画面中加入人物和动物而可以增强代入感和亲切感,不过这类实物素材都有版权,而且比较常规,而改成插画素材就可以有效解决这一问题。另外,最好要让这些插画元素与文字或产品发生互动。

图片

▲ 上图加了一个卡通的厨师以后,除了画面更生动、更有趣,也会给人一种值得信赖的感觉。

图片

▲ 上图的排版和形式其实比较普通,但配上搞怪的插画后,海报变得有趣了许多。

图片

▲ 版面上方的熊猫加强了海报的吸引力和趣味性。

 

六、精致的排版和配色

下面的这些促销海报并没有特别的风格、巧妙的创意,也没有新意的设计形式,只是通过精致的排版和漂亮的配色,把大量的文字和图片素材合理地编排在一起,效果照样不错。

图片

▲ 信息虽然很多,但是层级分明、清晰阅读,大量使用色块进行排版,而且在编排上有很多细节的变化,颜色为类比色组合。

图片

▲ 图片和配色很有食欲,文字排版简单、清晰,但又通过不同的色彩、字体、字号、修饰手法将不同信息进行鲜明的层级区分,文字与图片有关联但互不干扰。

图片

▲ 外边框的处理以及版面中的圆点底纹使版面显得更精致、更有设计感,版面虽然排得很满,但是主次分明、信息清晰易读,三组食物所搭配的文字虽然不大,但是细节满满、井然有序。

图片

▲ 大量的手写字体给人一种“纯手工制作”的感觉,与朴实无华的产品形成呼应,文字全部集中排在版面的上方和下方,而中间区域完全留给了产品图片,视觉对比鲜明。

 

图片

抛开客户的需求以及效果谈设计的美观性就是耍流氓,把文字缩小、加一些没什么意义的英文、使用一些酷炫的排版技巧,可能会让你的设计更精致、更洋气,但如果抛弃了客户的需求和消费者真正关心的东西,那么我们并没有真正解决问题,如果客户要大、要多,那么我们就争取给他一个又大、又多、又好看的方案。


作者:葱爷

转载请注明:学UI网》客户:要多、要大、要好看,能安排不?

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司


「上下构图」的排版技巧

雪涛

构图是在有限的空间内把文字、色彩、图形等元素结合起来构成画面,使作品不仅具有美感,还能清晰表达设计者的目的。不同构图能使画面产生不同的视觉变化,进而给观者带来不同的心理感受。同的心理感受。本期分享的是上下构图的使用方法,此构图形式具有良好的视觉效果,也比较容易掌握,是非常实用的构图方式。

什么是上下构图

上下构图形式是将版面分割为上下两部分,或让画面中的元素整体呈现出上下的分布趋势,主空间承载视觉点,次空间承载阅读信息,呈现的视觉效果平衡而稳定。

用超多案例,帮你掌握「上下构图」的排版技巧

最典型的上下构图由「上图下字」或者「上字下图」两部分构成,图片及文字各占据一部分,互不干预,能清晰明了的传达出版面的信息。

用超多案例,帮你掌握「上下构图」的排版技巧

主空间还经常使用图形化的标题文字充当画面主体,可以很好解决画面缺少图片层级的问题。

用超多案例,帮你掌握「上下构图」的排版技巧

上下构图空间划分比较固定,为了得到丰富的视觉效果和良好的设计感,需要通过精心设计的编排来丰富版面的视觉效果。比如文字的横竖排版,元素之间的对比、点线面的运用、巧妙的留白等。

用超多案例,帮你掌握「上下构图」的排版技巧

构图比例

进行上下构图设计时,可以根据版面内容的信息体量划分画面的空间,常用的版面分割比例有:1:1、1:1.618、1:1.414、1:2、1:3等。在设计时也可以反复进行调整,直到找到最为合适的构图比例。

1. 1:1分割

把画面平分为上下两部分,形成对称均衡的分割构成。

用超多案例,帮你掌握「上下构图」的排版技巧

1:1分割比例构成方式,多用于版面中两部分内容处于并列或对立的关系。

用超多案例,帮你掌握「上下构图」的排版技巧

2. 黄金分割

「黄金分割比例(1:1.618)」被认为是最具美感的分割比例,具有严谨的艺术性、和谐性,蕴藏着丰富的美学价值。

用超多案例,帮你掌握「上下构图」的排版技巧

在设计中有意识地运用黄金分割比例进行设计,可以营造出富有美感的版式效果。

用超多案例,帮你掌握「上下构图」的排版技巧

3. 白银分割

「白银分割比例(1:1.414)」是日本率先采用的一种分割比例,目前广泛运用在版式设计的布局中。

用超多案例,帮你掌握「上下构图」的排版技巧

与黄金分割相比,白银分割次空间占据的比例更大一些,能够承载的信息量也更多。

用超多案例,帮你掌握「上下构图」的排版技巧

4. 2:1分割

采用2:1的比例,图片主体在画面中占据主导地位,视觉焦点更清晰。

用超多案例,帮你掌握「上下构图」的排版技巧

主要的信息(标题)常融入图片中放在主空间成为画面主体,阅读性文字则放在次空间。

用超多案例,帮你掌握「上下构图」的排版技巧

5. 3:1分割

3:1分割的比例与2:1比例相似,但图片在画面中占据主导地位更强,主空间承载视觉点,次空间承载阅读信息。

用超多案例,帮你掌握「上下构图」的排版技巧

用超多案例,帮你掌握「上下构图」的排版技巧

通过比例,可以让版面分割更严谨。但没有那个比例关系绝对正确,需要根据画面的项目调性、信息体量、信息功能与图文主体而定。如使用其它比例分割的优秀案例:

用超多案例,帮你掌握「上下构图」的排版技巧

空间调整

把图文按比例分别编排在版面上下方,是比较严谨规范的构图方式,但是为了避免版面的呆板,可以通过调整版面空间变换出多种编排形式。如以下几个案例:

缩小图片和文字空间,使留白处形成外空间,增加层次感。

用超多案例,帮你掌握「上下构图」的排版技巧

在背景(绘画作品)上重新划出新的空间,形成内外空间对比,既丰富了画面层次,又让版面变得生动有趣。

用超多案例,帮你掌握「上下构图」的排版技巧

通过图片文字的错位排版和负空间的巧妙留白,让原本呆板的上下构图变得灵活多变,充满个性。

用超多案例,帮你掌握「上下构图」的排版技巧

让图片位置重心偏移,打破均衡稳定的构图形式。标题的破图处理,也增加了版面的灵活性与丰富性。

用超多案例,帮你掌握「上下构图」的排版技巧

在上方空间上划分出新的空间,这样的手法可以很好让空间具有多变性,也可以让我们的设计更加灵动。

用超多案例,帮你掌握「上下构图」的排版技巧

灵活运用

上下构图的框架看似比较固定,但是也能通过设计手法,变换出多种编排形式,巧妙破除上下分割的单一性与呆板感。

1. 曲线分割

把生硬的直线改为呈现出动态的曲线或斜线进行画面的分割,版面显得更生动活泼。

用超多案例,帮你掌握「上下构图」的排版技巧

用超多案例,帮你掌握「上下构图」的排版技巧

2. 图片裁切

把方形图片裁切为其他形状,使上下构图没有明显的分割线,也可以呈现出良好的视觉效果。

用超多案例,帮你掌握「上下构图」的排版技巧

3. 文字破图

使用文字串联起上下两个空间,破除上下构图版面的单一性。

用超多案例,帮你掌握「上下构图」的排版技巧

4. 元素串联

利用图形、色块等元素串联空间,让主次空间建立起联系,具有丰富的视觉效果和良好的设计感。

用超多案例,帮你掌握「上下构图」的排版技巧

用超多案例,帮你掌握「上下构图」的排版技巧

5. 图片退底

把图片主体进行退底处理,重新营造场景,弱化空间的分区。

用超多案例,帮你掌握「上下构图」的排版技巧

用超多案例,帮你掌握「上下构图」的排版技巧

用超多案例,帮你掌握「上下构图」的排版技巧

6. 空间留白

使用留白破除两个空间的间隙,拉开画面的空间感,具有良好的视觉效果。

用超多案例,帮你掌握「上下构图」的排版技巧

用超多案例,帮你掌握「上下构图」的排版技巧

用超多案例,帮你掌握「上下构图」的排版技巧

总结

  • 上下构图是将版面分割为上下两部分,或让画面中的元素整体呈现出上下的分布趋势,主空间承载视觉点,次空间承载阅读信息,呈现的视觉效果平衡而稳定,是非常实用的构图方式;
  • 进行上下构图设计时,可以根据版面内容的信息体量划分画面的空间,常用的版面分割比例有:1:1、1:1.618、1:1.414、1:2、1:3等;
  • 为了避免版面的呆板,可以通过调整版面空间变换出多种编排形式;
  • 可以通过曲线分割、图片裁切、文字破图、元素串联、图片退底、空间留白等手法,变换出多种编排形式,巧妙破除上下分割的单一性与呆板感。
文章来源:优设    作者:艺海拾贝Design

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


5个排版技巧,帮你轻松搞定UI设计

分享达人

文字排版不只是从下拉选单选择字型和点数而已,文字排版是一项流传数世纪的技艺,自木制和金属的活版印刷便开始,而且它不只历史悠久,还很实用,大部分的人只要掌握一些实用的诀窍,就可以将之活用在诸如履历表、电子报或名片等日常设计项目上。下边就教你几个排版技巧,帮你轻松搞定UI设计

(1)将要表达的讯息配上适当的感觉每种字型都散发独特的情感或个性,也许是友善、新潮、严肃或傻里傻气,但大部分的字型并不是万用的,所以你要判断一个字型对你来说是怎么样的感觉,还有它适不适合放在这个设计里面。方法之一就是列出你希望设计呈现哪些特质,如果能先确定内容更好,这样就能直接挑选字型来配合建立好的内文调性。

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档