其他新闻

其他新闻

jojo建站(jojo建站在哪里连载)

时间:2023-11-12 信途科技其他新闻

这是【建站百科】专栏第17篇原创内容,由我在建站行业从业10年、给上万公司搭建过网站的经验总结而来。

这次要讲的是如何设计网站banner,昨天大梦已经给大家分析过网站banner的风格与样式,这次我们来开启下一步,实操。

为方便大家阅读和理解,这次我根据网站banner的整个设计过程来进行讲解。

整个设计过程:明确需求→确定尺寸→确定设计风格和版式→构成元素(字体∕图片∕背景色∕点缀)→调整配色

一、确定尺寸

根据放置的位置不同,banner的尺寸也有区别。

根据谷歌Adsense统计,最有效、标准的Banner尺寸是:

导航栏Banner:728×90 px

半屏Banner:300×600px

中等矩形Banner:300×250px

长矩形Banner:336×280px

二、文案

1、字体选择

banner中常用的字体主要有衬线体、非衬线体、书法体。

衬线体是模仿中国古代字体和古代碑文上的字体,笔画有粗细之分,简单易变形,修饰性强。推荐使用字体:宋体、方正俊黑、华文细黑等。

非衬线体笔画粗细相同,简洁有力,容易吸引用户目光。推荐使用字体黑体、方正兰亭粗黑、汉仪润圆等。

书法体源于中国古代,适合中国风、传统文化和国人豪迈气质的主题。推荐使用字体汉仪尚巍手书、李旭科书法等。

小tips:

商用字体要注意版权问题。

同一画面中使用的字体最好不要超过三种,太多会显得画面杂乱无章。

2、文案内容

在banner的设计中,文案内容不需要长篇大论,页面上的文字最好不要超过4行,只要能高效的吸引用户的注意力,准确传达信息就可以。文字篇幅过多会消耗用户的耐心,也会导致排版布局不美观。

图为阿里云为优税宝搭建的网站banner截图

小tips:

同等级的文案内容尽量保持字体、字号、颜色上的一致性,不然页面会显得太杂乱。

如果字体颜色相同,可以根据字号的大小来区分信息层级。

三、背景选择

banner的结构包括文案层、背景层、装饰层,背景层又包括图片背景和背景色。

图片背景:

图片元素是banner背景层的重要部分,既包括整个页面的背景图片,也有产品图。尤其是精修过后的产品图,显得更加精美、有品质,提高用户的信任感。

背景色选择:

一般色彩的选择与行业性质相关。不同的颜色、不同的色调能够引起人们不同的情感反应,这就是所谓的色彩联想作用。

以下是不同的颜色所产生的的感受一览表。

红色:是一种激奋的色彩,传达了兴奋、激情、奔放和欢乐的情感,能使人产生冲动、愤怒、热情、活力的感觉,对眼睛刺激较大,容易产生视觉疲劳,使用时需要慎重考虑。

黄色:代表阳光、年轻、活力满满。一般适用于用户偏年轻的产品上,或者食物上,黄色也能让人产生食欲。

蓝色:具有沉稳的特性,是最具凉爽、清新、专业特点的色彩,传递出冷静、智慧、自信的情感。常用与强调科技和效率的商品或企业中,大多数男性产品也常使用蓝色。

绿色:代表健康、安全、新生和睦的情感,能够创造出平衡和稳定的页面氛围。常用于健康、生态、医疗领域的产品网站上。

黑色:代表权力、高贵、稳重、现代感、科技、庄严的感觉。一般适用于汽车产品、智能科技产品和高端奢侈品上。

白色:代表科技、简单、纯洁、素雅、高端、明快、和平的感觉。一般用在家居、化妆品、高端产品上。

橙色:是充满活力的颜色,可以让人联想到金色的秋天、丰硕的果实、跳动的火苗,是一个欢乐而幸福的颜色。

紫色:代表了神秘、高贵、优雅、浪漫的感受,如紫色的薰衣草被认为是浪漫的。但眼睛对于紫色细微变化的分辨力很弱,容易引起疲劳。

图为阿里云为宝莉少儿英语搭建的网站banner截图

小tips:

颜色的选择需要考虑到企业的VI 色;

颜色的饱和度不宜过高,背景就是背景,不能喧宾夺主;

如果想要丰富画面的层次感可以考虑采用渐变效果。

四、点缀元素选择

点缀元素在banner中可有可无,但是使用了就会让整个画面看上去精致很多。

一般来说,点缀元素数量越多,形式越多样;色彩越多,明度越高,越不规则,画面越活泼,反之,越高冷大牌,有逼格。

点缀元素分为光效、几何元素、线条、实物等。

几何元素,一般都会比背景深一些,有时也会采用渐变,可以更好的融入背景中。采用几何点缀可以使画面更加活泼。

图为阿里云为佰亿集团搭建的网站banner截图

实物点缀是很多图片常用的手段。常出现在画布边缘且不显示全貌,既能保证画面不空洞,也不会喧宾夺主,这种手法需要注意虚实变化,多用高斯模糊做一些虚化,效果会更明显。

图为阿里云为GOAT JOJO搭建的网站banner截图

最后,只有达到点缀元素与画面的和谐统一,才能让网站banner看起来更有质感,更吸引人。

五、配色网站推荐

在banner设计的最后一步,需要调整整体的配色,使画面看起来更加和谐。

上文也提到了不同颜色所表达的情感,但是要灵活运用,合理搭配也需要多看多练培养审美。

下面大梦就推荐大家一些好用的配色网站。

color hunt

一个非常好用的配色网站,网站提供了非常多的配色方案,对比色、邻近色、相对色都有。点击色彩就会出现色值,如果你喜欢某套配色,直接拿走就行。

Reeoo

这个网站通过颜色的分类来进行检索,提供手机App、iPad App、网页设计、icon设计的精彩案例。

点击颜色就会出现以这个颜色为主的案例设计。不仅对于色彩搭配的学习,对于设计审美的提高也有很大帮助。

好啦,今天就到这里啦,关注大梦,了解更多建站知识。

扫描二维码推送至手机访问。

版权声明:本文由信途科技转载于网络,如有侵权联系站长删除。

转载请注明出处https://www.xintukeji.cn/xintu/2129.html

标签: jojo建站

相关文章

「北京无线端关键词排名」北京seo关键词排名

本文目录一览: 1、怎样选择北京市关键词seo优化排名营销推广公司? 2、北京市公司关键词营销推广排名seo优化怎么做? 3、我来告诉你生意参谋看关键词排名的几种方法 4、想问一下北京有关...

「关键字分析」关键词搜索分析

信途科技今天给各位分享关键字分析的知识,其中也会对关键词搜索分析进行解释,如果能碰巧解决你现在面临的问题,别忘了关注和分享本站。本文导读目录: 1、关键字怎么分析优化? 2、做SEO为什么要关键词...

关键词优化排名软件的方法(关键词优化排名软件选超牛百度推广软件)

相信很多SEO的朋友们在优化网站排名的时候,会遇到一个问题就是网站关键词有排名。甚至排名都在前三名,为什么一直没有点击量呢。耗费了大量的工作时间以及精力却没有任何收获。大部分的SEOer,认为只要目标...

鹤岗百度关键词快速排名(鹤壁长尾关键词排名工具)

最近,一座老城又默默的火了。不是因为山水,不是因为美食,也不是什么社会事件,而是火在一个词上——隐居。低房价、低物价是它的关键词,于是这个所有躺平青年,低欲望人群向往的渊薮,开始在这个越来越内卷的时代...

免费建站系统wordpress(免费建站系统下载)

介绍几个目前市面上比较通用的建站系统,这里推荐的是由PHP语言编写的建站系统。php语言在开发网站的方面有着多种优势,可以说是开发网站最方便的语言之一。而且目前市面上有着众多云虚拟主机是使用php作为...

如何利用网络营销酒店,五星级酒店网络营销现状与对策

酒店怎么做网络营销那么传统酒店是否能利用互联网创造商业机会,降低成本,提高竞争力,是未来能否在酒店行业竞争的状况下致胜。积极开展网络宣传营销酒店于2013年4月份建立微信公众平台,通过积极宣传,截至目...

现在,非常期待与您的又一次邂逅

我们努力让每一次邂逅总能超越期待

  • 效果付费
    效果付费

    先出效果再付费

  • 极速交付
    极速交付

    响应速度快,有效节省客户时间

  • 1对1服务
    1对1服务

    专属客服对接咨询

  • 持续更新
    持续更新

    不断升级维护,更好服务用户