佛山市希立科技有限公司

FOSHAN CITY HEALY TECHNOLOGY CO. LTD.

营销型网站建设、微信公众平台

一站式顾问服务商

  • 服务热线:
    400-998-3556

您当前的位置: 希立首页 > 新闻资讯 > 建站问题

NEWS INFORMATION

新闻资讯

希立动态 微信营销 网络推广 建站问题 常见问题

让网站第一屏吸引用户注意力的六个点

更新时间  2017-05-02 10:59:55 希立科技 阅读

  一个网站的Banner是我们最常聊到的,它是一个网站的招牌,用户进来网站最容易看到的视觉元素。如果Banner设计得好,那么用户就会被你的招牌吸引住去看下面的内容,那么,今天佛山网络公司小希给大家分享一下,网站Banner的设计之道吧。

                                           图片关键词

  网页设计师都明白,用户对网站的第一印象都是非常重要的,而网页给用户的第一印象很大程度上取决于网页的视觉设计。现在网站各种各样,但是出于视觉化设计的目的,很多时候都会使用大背景图,或者超大尺寸的Banner。当用户打开网站的时候,Banner给用户带来的视觉冲击,就会影响用户是否会被网站吸引继续往下浏览,所以网站的第一屏设计需要特别用心。  网站首页的Banner并不仅仅是一张漂亮的图片,它还是更为强大的传达工具,这种图片上面应该要展现出企业的产品以及优势,现在Banner的设计谈情怀还不如讲套路。下面由小希通过一系列的实践为你展示第一屏首图设计的一些“套路”吧。

  一、要选用相关图片

  我们在设计Banner的时候一定要精挑细选,一张好的图片能够提升用户对网站的体验,要是选中不适合的图片就可能毁掉整个设计。所以,佛山网络公司在选取图片的时候,要尽量去贴合主题,内容要一致,主旨和目的相匹配的图片,这样就可以避免用户的预期和内容产生割裂感。这就像讨厌标题党一样,用户会因为Banner的内容不匹配而对网站失去信任,然后很快的离开网站。

                                     图片关键词

                                           像上图是借贷方面的,但是却放个毛巾的图片上去,这样就和网站不太相关了

  二、让Banner成为核心

  Banner是承载内容的重要容器,如果想让网站的内容不同凡响,在众多同行中脱颖而出,那么就要好好利用Banner。在视觉上设计优秀的Banner能够让用户每次打开网站的时候都会停留下来浏览。

  三、情感化的设计

  Banner在设计的时候要将情感融入,只有能够触动用户情绪的设计才有说服力。在很多的时候我们都喜欢用创意,或者借助热门事件、精心打造文案等,这些都是想让用户能够喜欢,满足用户的需求。

                                    图片关键词

                                                                                      积极的情绪刺激能够更好的建立用户和你的网站之间的互动感。

  四、首图要高清

  在正常网站上的Banner一定是不能出现模糊或者像素化的情况,这是一个低级的错误,但是很多时候还是难以避免的。低像素图片很容易让人产生疏离感,如今高清屏幕到处都是,模糊不清的低像素图片是无法接受的(专门做像素风格的除外)。

                                           图片关键词

                                                          像上图,模糊和高清哪边比较好看,一目了然

  五、强化按钮

  在设计Banner的时候我们会经常搭配按钮使用。由于首图配图通常在视觉上极其突出,但是要搭配有跳转的按钮的Banner,实际上就是用来吸引用户的,给用户传递信息,并且引导用户去点击这个按钮,所以按钮和视觉信息丰富的图片之间不应该相互干预,而是通过设计去让按钮更加的突出,让图片处于辅助的位置,最终达到吸引,引导的目的。

                                  图片关键词

                                                                                                   按钮的视觉重量应该超过图片的视觉重量。

  六、控制Banner的对比度

  Banner设计的时候文本和排版都需要用心设计,一般选取重点去加粗字体。如果你的图片和文字叠加一起,那么就需要注意背景图片和前景文字之间的对比,确保文字能够清晰分辨。通常,设计师会在图片上叠加一个半透明的有色层来降低繁琐色彩的视觉干扰。

  以上六点就是佛山网络公司小希给大家分享的网站第一屏Banner的设计技巧,希望能够帮到大家。

 

Copyright © 2017希立科技(HEALY.CN)All Rights Reserved 版权所有 ICP/许可证编号:粤ICP备10226596号  公安备案图标粤公网安备 44060402001191号

在线客服
官方微信
客服电话