banner家居设计

aabao 2022-08-18 产品设计 71 0

如何让Banner做的更好看?

①文字排版Banner中的文字信息传达应与口语表述相似,需要抑扬顿挫、重点突出地进行。在文字排版上,要求重点突出,大小粗细错落有致。字与字之间的结构、布局、留白、组织、呼应等要疏密有序。字体保持在两种左右,加入一些跟内容有关联的元素或者形状,可以很好地表达整个设计的情绪。在明确主题以及内容之后,我们就要根据主题和内容来设计版式,版式就是画面的整体布局,好的版式能够清楚的表达核心思路,正确的展示想要给用户看的东西;大体上排版一般分为两种:图文左右排版和文字居中排版。1、图文左右排版 因为我们的视觉浏览习惯都是从左往右还有从上到下的,所以我们在做 Banner 的时候会经常性的选择使用左右排版,那么使用左图右文还是左文右图也是需要根据主题和内容来决定的。当配图示意比较模糊的时候,我们使用左文字右图的形式,强调文字的吸引力,有一定指导作用。图片来自花瓣这里文字能够精准地将信息带给用户,文字所占比例比图片多些,这也解释了ju11net登录地址为何大部分左文右图排版的 Banner 都是文字占比大于图片。当配图示意比较明确,同时图片能够强调吸引的时候,我们采用左图右文字,如下图: 使用左图右文字,也是因为图片的内容更吸引用户多一些,所以对图像的品质要求更高,精致感品质感也有要求,这种类型大多使用在家居,护肤等产品上。小结:图文左右排版,以分割排版的方式构图,画面有明确的独立性和引导性,这种方式留白更多,较好的视觉引导和方向使信息更明确,更显品质感。 2、文字居中文字居中的排版多用于电商促销、公众号的文章封面等,大多是突出文字的内容,比如促销的折扣,文章的主题等,其余的产品或者图片都是为了搭配文字做出的气氛烘托,吸引用户点击。 图片来自花瓣使用这种方式让画面展示规整稳定、醒目大方,视觉更聚焦,信息更集中,在突出主体的同时能使整体画面具有一定的冲击力。小结:文字居中布局对于实物(人,商品,创造形象)要求并不高,文字信息本身的处理要求就会高一点。在确认好主题和内容后,我们根据产品所要突出的重点来决定我们的版式,是要突出文字还是突出产品,突出产品即使用左图右文字,这种版式对产品的图片要求比较高;想要突出文字,则可以选择左文字右图或者文字居中排版,但都对文字的设计要求比较高。 不确定用什么版式,我们可以在设计的时候不妨多做几个版本,大胆尝试。 ②文字设计Banner的文字信息是其表达中心思想的灵魂,如果在设计文字的时候全部使用自带字体,会使 Banner显得太过生硬,不富有情感,应该更多地采用字体变形,重新组合。通过不同的笔触粗细和宽高比例,展现 Banner的视觉冲击力和活力。文案内容要高效的传递信息,吸引用户注意力,让人一下子看到主题,文案中文字的排版要区分主次,把控好信息层级;使用合适的字体,明确字体适用的场合,同一画面中字体的使用尽量不要超过三种,过多会显得杂乱,要使用识别度高的字体。而 Banner 中常用的字体有三种:衬线体、非衬线体和书法体。 1、衬线体衬线体笔画有粗细之分,它模仿的是中国古代字体和古代碑文上的字体,简单且易变形,衬线体能给人古典,经典,文艺的感觉,适合用于文艺气息的家居用品或文娱类的相关宣传设计上。 图片来自花瓣以上图为例:文案内容中的“全面沦陷”,让人一目了然;下面一行的内容,更加详细解释了上面的主标题。画面颜色凸显主题,所以字体变形,使用白色,反而在画面中更加突出。衬线字体一般推荐使用方正经黑简体、方正俊黑、方正兰亭显黑简体、华文细黑等,使用的时候注意版权问题。 2、非衬线体非衬线体较简洁,笔画较粗,很容易产生视觉重点,非衬线字体体现现代、简约的特性,适合用于苍劲有力、促销类的相关设计,吸引用户注意力,提高Banner点击率。图片来自花瓣以上图为例:主副标题区分清楚,在字体笔画变形上,结合科技感的气氛,增加了光的流动感,让标题不会过于死板。非衬线字体常用的有:汉仪润圆、方正综艺简体、造字工房劲黑、造字工坊版黑、方正兰亭粗黑、冬青黑体、思源黑体等。 3、书法体书法体源自中国古代,能体现中国文化和挥洒墨水的豪气,适用于传统、中国风、意境的文艺主题和金戈铁马般的豪迈主题。图片来自花瓣上图为例:中秋节是中国的传统文化,使用书法体能够将整体画面营造的中国古典风更好的融合起来,书法体推荐李旭科书法、汉仪尚巍手书、叶根友行书繁体等字体 。

ui设计:流行的几种banner的处理类型

banner是我们接触工作后在制作品牌和内容宣传上最常见的工作,它的展示起到着非常重要的引导性作用,一个界面的第一视觉往往会被优秀的banner所吸引。这两天抽空整理分析了一些常用的类型,对设计banner头疼的小伙伴们要仔细看看哦~

一般来说,一个好的Banner首先是要保证信息传达准确,然后再需要保证画面的协调感和氛围,可以看到,一张Banner,不仅仅由点或者不仅仅由线组成,而是点、线、面相互组合,相互平衡,最终形成一个版式丰富的Banner图。

以下素材部分源自学员作品,部分源自花瓣(感谢设计师们的分享,如果看到自己的作品,介意的请联系删除~)

色块分割

以上banner采用不同比例大小的色块组成Banner的背景,加上人物与文案,这种表现形式适用于突出产品,如家居,服装,电子产品等。界面感简而不白,能快速提取到有价值的信息,注意选色的时候要注意整体的色感。

几何边框

简约,常常会给人以冷酷、干净、现代的感觉。设计中使用的形状、元素简洁;使用的配色方案统一、整体,用色克制。质感体现上较为细腻;结构上经常使用留白、简短/准确/有核心价值、有“气质”的留白,框起来的是焦点,几何图形是永恒的装饰品哦~.~

2.5D

空间几何这种风格,通过建造一个空间体,用几何来营造氛围,空间感代入感强。这类稍微研究一下还是可以做出来的,关键是创意想法的表达,这个就要多费心思了

2.5D风格在电商设计中很流行,其风格新颖、实用,可以放置很多内容,有动有静,可以很好的与二屏三屏连贯起来,受到一些大型促销活动的青睐,经常能看到这种风格的首屏海报。

扁平插画

简洁而不简单,去掉繁琐的装饰效果,展现主体的核心表达。用文字以外的图形或者人物等来帮助banner带来更直观的感受,文字稍微处理变形一下加图形或人物可以让banner更有活力更有感觉。这种类型的banner,金融、教育、旅游用的偏多,当然插画能力OK的话,各个行业运用起来都不是问题

色彩叠加

较为流行、多变,整体视觉会相对年轻,使用的元素相对更直接、明确、结构直白;整体有给人干净、明朗、和谐的感觉。突出文字,用简单的图形装饰烘托气氛。可用纯色,渐变色来进行背景色彩叠加处理,选大图的时候要注意哦,整体的意境要靠色调和明暗调出来,当然最简单的还是选用干净不杂乱的底图。

色彩是有情感的,不同的配色会带给人完全不同的心里感受。所以我们在做图的时候需要根据主题来进行配色,合理、舒适,让banner图整体和谐。所以我们需要考虑想要表达什么样的情感,想让用户看的时候有什么样的感受,所表达的情感与主题是否相符合,基于这些点来做配色就更加的有目的性了。

渐变纹理

微妙的渐变已经作为已经设计趋势回归了。渐变的背景,甚至渐变的叠加,都能让你的Banner设计风格化,搭配图片、纹理和文字,渐变能给人多种多样的体验。色彩浓郁是其特点

和UI设计不同,在电商和广告Banner 的设计当中,纹理一直都存在,甚至是非常常用的元素。纹理能够很好的提升整个Banner 的信息量和整体的质感。当然,在使用纹理的时候千万不要让纹理喧宾夺主。

当我们在做一个banner的时候,如果没有特别的要求,其实我们是有很多个方向选择的,首先问下自己你是想要突出什么信息呢?是突出商品呢?还是突出文字呢?还是突出整体的氛围呢?还是强调整体的协调感呢?还是说强调品牌呢?这个可以通过体会用户心理来判断方向。

好了今天就先到这里,讲了这么多小伙伴们get到了几点呢?

猜你喜欢

  • 圆方家居设计软件怎用

    圆方家居设计软件怎用

    默认文章副标题或英文标题
  • 室内设计效果图的比例

    室内设计效果图的比例

    默认文章副标题或英文标题
  • 室内设计课堂手绘效果图

    室内设计课堂手绘效果图

    默认文章副标题或英文标题
  • 室内设计手绘图纸效果图

    室内设计手绘图纸效果图

    默认文章副标题或英文标题
  • 度假别墅室内设计效果图

    度假别墅室内设计效果图

    默认文章副标题或英文标题
  • 家居设计杂志英文图片大全

    家居设计杂志英文图片大全

    默认文章副标题或英文标题
  • 发表评论

    发表评论:

  • 扫描二维码

    手机扫一扫添加微信