全国服务热线:18980020603 成都热线:028-86633922
新闻中心网站专题联系我们
行业新闻 建站经验 网站建设资讯 手机网站资讯 微信网站建设资讯 APP开发资讯 商城网站资讯

成都网站设计:Banner设计,常见的9种设计风格

发布人:桔子科技    发布时间:2018-03-16 07:12:00    分享到:
banner的设计过程可以分为五步:
 
了解需求
根据需求确定设计风格
根据素材和文案确定版式
构成banner的元素的设计(文案/背景/点缀/素材)
调整配色
整个设计分享共四期,我们今天的分享内容是第一期也就是前两步涉及到的内容——了解需求风格及各风格设计方向与特点。分析风格找到合适的设计方向是至关重要的,往往决定了整个设计的走向。
 
一. 了解需求
 
做任何设计的前提就是了解设计需求,只有弄明白需求方到底想要什么,我们才能少改几次稿。我刚参加工作的时候就没少吃这方面的亏,那时候刚进公司脸皮薄,别人让干啥就立马撸起袖子打开ps开始工作。不明白的地方也不敢问太多,怕打扰别人工作。事实证明,这种想法是多么大的错误。
 
需要了解的需求大体可以总结成以下几个方面。
 
1. 确定文案信息、素材、尺寸大小、投放的平台
 
一般接到设计需求的时候,文案和素材都是需求方确定好的。但是有的需求方会说,你可以根据你的设计需要,稍微改动文案信息。本人亲身经历,这句话真的是一个火坑。文案的不确定会严重的影响设计进程,你改得好,改得他们满意还好,如果不满意,那就面临着重做。除此之外,有时候我们可以从文案和素材里获取设计灵感,确定设计的风格。
 
2. 确定banner是为了实现什么目的而设计
 
比如需求方给到的文案信息是「金秋助学」,我们需要了解金秋助学的对象是谁,是大学生还是小学生,这会影响风格的确定和设计元素的选择。还要了解需求方想要这个banner起到什么作用,是想让更多人参与到这个活动中来,还是想通过这个banner让更多人了解某某企业热心于慈善事业,提升企业的知名度和好感,只有确定这些才能确定你的设计风格。
 
3. 询问需求方的建议
 
需求方在把这个需求给到我们之前,可能心里就已经有了自己的想法,如果我们在设计之前可以了解到,会很大的降低改稿次数。而且我们主动询问他们的意见,会让他们感觉到自己的想法受到了尊重,以后交流起来也会更愉快。但是有时候他们的想法用语言可能描述不出来,这个时候我们可以用「情绪板」的方法,快速的获取视觉信息。
 
4. 确定设计时间
 
如果时间很紧张,就尽量选择不易出错的板式和风格,如果时间比较充裕,可以细细打磨设计作品,多尝试一些以前没尝试过的表现方法。
 
二. 根据需求确定设计风格
 
banner的设计风格可以拿人作为比对很好理解。有人外向,有人内敛。而这两种人的穿衣风格和举止言行在生活中也是不尽相同。和人难过会用哭表现,高兴会用笑表现一样,不同的设计风格,也对应不同的表现方法。下面我们主要分析不同的设计风格对应的表现方法,及给大家安利的一些可参考使用的素材,觉得有用的同学别忘了做下笔记。
 
1. 关键词:文艺、气质、素雅、安静
 
总结:
 
最明显的特点就是留白,大量的留白。
字体多采用宋体这样的衬线体,除一级标题字号略大些,其他的文案都非常小,给人精致的感觉。
色彩以灰白色系为主,其他的色彩饱和度和纯度低,明度高。
这类banner多运用在茶、棉麻制品、以简洁为特色的家居用品上。
点缀物多用细线条。
 
2. 关键词:高冷、时尚
 
总结:
 
高冷的banner就和高冷的你一样,最大的特点就是话少,一般就几个字。
用色大多采用黑白灰。
素材图一般都很大,突出细节,大牌的东西对自己的品质还是很有信心的,所以他们会放大放大再放大他们的细节,唯恐你们看不到。
很少运用点缀物,直接一张产品细节放大图,放几个字,就是这么自信。
 
3. 关键词:传统、中国风、意境
 
总结:
 
字体采用书法字体,文案多用竖形排版、从右向左的顺序,因为古人是这样写字的。
可以选用的素材有印章,中国山水画,墨迹,扇面,剪纸,园林窗格,古纹样,祥云,京剧,卷轴等等。
 
4. 关键词:青春、活力、年轻
 
总结:
 
很突出的一点就是模特都很年轻很有活力。
色彩的饱和度和纯度比较高。
排版你可以随便玩。
 
5. 关键词:可爱、甜美
 
总结:
 
可爱风格的banner最突出的特点就是他的字体,多采用少年字体、手写字体、卡通字体。
点缀物多使用卡通小元素,以手绘和矢量图为主,比如星星,云朵,短线条等。
色彩上多使用暖色调,营造软萌的感觉。
 
6. 关键词:节日、促销、热闹
 
总结:
 
色彩丰富,红、黄、紫偏多,画面饱满,很少留白。
主标题很大,多用刚硬,棱角,夸张有视觉冲击力的字体。
可以用到的点缀物有光效、鞭炮、舞台、灯光、五彩的渐变、冲击性的线条和多边形等。
 
7. 关键词:未来、科技
 
总结:
 
科技类的banner概括来讲就两个要点,科技感的文字+科技感的背景图,高级一点的还包括科技感的小点缀。
用色以蓝,黑色,紫等冷色调为主,画面给人硬朗,空间感,速度和力量的感觉。
可以用到的点缀物有光效、金属效果、线条、光点,宇宙等。
 
8. 关键词:严肃、规矩、党
 
总结:
 
因为我们伟大的毛主席喜欢红色,所以党喜欢红色,所以政府类的网站也好,banner也好,大多都会采用红色,点缀色多为蓝色黄色,字体多选用端庄古典的衬线体或中国风味浓厚的毛笔字体。
可以用的背景和点缀物有红旗、城市背景、党徽、英雄雕塑、故宫、石狮子等。
 
9. 关键词:手绘风
 
总结:
 
把手绘风格单拿出来是因为它真的很好用,而且很常用到。
手绘风格可以用在文案上。产品本身也可以用手绘的形式,如上图左一,简单的几笔就让整个画面一眼就能看懂,而且充满乐趣。手绘风格用的最多的是点缀物,通过不同手绘风格的点缀物营造不一样的氛围。

   本文来源于成都网站建设公司、成都网站设计制作公司与成都APP开发公司-桔子科技公司!

下一篇:成都网站设计过程中颜色如何选择上一篇:网站如何设计才能够在搜索引擎中占优势-成都网站设计

最新案例
手机/微网站
  1. [成都]微信网站建设:微信分销系统能为商铺带来哪些特色服务
  2. [成都]微信网站建设:如何通过微信公众号来推广产品
  3. [成都]微信网站建设:微信开发都有些什么功能
  4. [成都]手机网站:手机网站设计需要达到什么效果
  5. [成都]手机网站:手机网站响应式网站解决方案
  6. [成都]手机网站:手机网站响应式网站解决方案
网络营销
  1. APP开发: APP网页评分功能设计
  2. APP开发:手机APP开发前这4点必须要了解
  3. APP开发:为什么企业要做手机APP
  4. APP开发:你可以更好的留住APP用户
  5. APP开发:开发时间的长短主要由哪些因素决定
  6. APP开发:电子商务类APP开发的4点建议
img

7x24小时售后服务

img

5倍故障时长赔付

img

15天无理由退款

img

N对一管家服务

让我们的顾问联系您

  • 电话:4006-028-024 028-86633922

    邮箱:Service@orangeapp.cn

    成都市成华区崔家店路789号上城国际1-24-9号

qq sina