横幅材料-ui设计:几种流行的横幅处理类型

第一次看到这个词的时候BANNER material是什么意思?我不知道这是什么意思。和其他图片资料有什么区别?网页中的banner通常是广告,也称为“横幅广告”。其实banner广告(网络广告的主要形式,一般使用GIF格式的图像文件,可以使用静态图形,也可以将多帧图像拼接成动画图像。

如何找到淘宝banner的背景素材?BannerMaker背景你可以在一些图片网站上找到素材。

BannerMaker大小通常为950x120。格式是jpg和gif。

如果找不到,可以自己做。字体是方的,粗的,棕褐色,黑色。

灵猫电商~ ~ ~

Ui设计:几种流行的横幅处理类型。banner是我们接触工作后,在品牌制作和内容推广中最常见的工作,它的展示起着非常重要的指导作用。一个界面的第一视觉往往会被优秀的banner所吸引。这两天抽空整理分析了一些常见的类型,想让设计banner很头疼的朋友们仔细看看~

一般来说,好的横幅首先要保证信息传递的准确性,其次需要保证画面的和谐感和氛围感。可以看出,一个横幅不仅仅是由点或线组成的,而是点、线、面相互结合、相互平衡,最终形成布局丰富的横幅图。

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

色块分割

以上banner利用不同比例的色块组成Banner的背景,加上文字和文案,适合突出产品,如家居、服装、电子产品等。界面简洁但不白,能快速提取有价值的信息。选色要注意整体色感。

几何边界

简约往往给人一种冰冷、干净、现代的感觉。设计中使用的形状和元素很简单;所用的配色统一融合,色彩克制。质地更加细腻;结构上,留白,短/准/有核心价值和“气质”的常用,边框是重点,几何图形是永恒的装饰~。~

2.5D

空间几何的风格,通过搭建空间体,利用几何营造氛围,具有很强的空间代入感。这种工作稍微研究一下还是可以的。关键是创意的表达,这需要很大的努力。

2.5D风格在电商设计中非常流行,新颖实用,可以容纳很多内容,动态静态都可以,可以很好的连接两个屏幕和三个屏幕。受到一些大型促销活动的青睐,经常可以看到这种风格的首屏海报。

平面插图

简洁而不简单,去除繁琐的装饰效果,展现主题的核心表达。使用文字以外的图形或字符来帮助banner带来更直观的感觉。在文本中添加图形或字符可以使banner更有活力和感觉。这种类型的横幅广泛用于金融、教育和旅游。当然,如果插画能力还可以的话,所有行业用起来都不是问题。

颜色叠加

更通俗多变,整体视觉会相对年轻,使用的元素会相对更直接、清晰、直白;整体有一种干净、清晰、和谐的感觉。突出文字,用简单的图形装饰气氛。您可以使用纯色和渐变色来叠加背景色。选择大图的时候要注意。整体意境取决于色调和明暗。当然,最简单的就是选择一个干净整洁的底图。

颜色是有感情的,不同的颜色会给人带来完全不同的感受。所以我们在制作画面时需要根据主题进行色彩搭配,既合理又舒适,使横幅画面整体和谐。所以我们需要考虑要表达什么样的情感,希望用户看的时候有什么样的感受,表达的情感是否与主题一致。根据这几点来做配色更有目的性。

渐变纹理

微妙的渐变已经回归设计潮流。渐变背景,甚至是渐变的叠加,都能让你的横幅设计风格化。有了图片,有了纹理,有了文字,渐变可以给人多种体验。色彩丰富是它的特点。

不同于UI设计,在电商和广告Banner的设计中,纹理一直存在,甚至是很常见的元素。质感可以提高整个横幅的信息含量和整体质感。当然,在使用纹理的时候,不要让它们占了先机。

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

好了,今天就到这里。你什么时候有了这么多朋友?