《如何设计好banner图.docVIP

什么是banner 一般来说，网页上面的banner分为两个部分，文字和图片。虽然图片占比比较大，但是不加入文字说明的话有比较多的情况用户是看不懂的。所以文字理所当然应该是banner的主角，所以文字的设计和排版在banner图里显得尤为重要。 Benner的好坏直接影响着用户的视觉感受，甚至是整个网页的质量，所以我们对benner的设计必须要引起重视。 如何来设计一个好的banner？ 文字设计： ①分清需求文字的主次关系，带有 LOGO的和不带LOGO的主次关系，带有LOGO的应该 是LOGO始终在前最显眼的位置处，下来就是标题与标语。好的banner文字都比较饱满和集中，LOGO和标题应该更为醒目，标语作陪衬，辅助logo和标题来进行设计。 不带有LOGO的，应该是标题应该更为醒目，标语做为陪衬。 切记文标题的设计与标语的文字排版，标题永远都应该更为突出，因为标题能给予用户正确的引导。 ②当遇到需求文字过多的情况，要注意主要信息的提取，弱化辅助信息以及一些不重要的词汇。 ③当遇到需求文字过少的情况，要注意用配图来弥补空间上的不足，或者是加一些辅助信息（域名等）以丰富画面，又或者是做出美术字体让画面更加丰富。 版面设计：banner分为动态和静态两种模式。 我们经常看到的一些网页动态banner虽然动态的确更能吸引用户眼球，但是这种方式不适合长期使用，长久下去会产生负面效应。稳定的画面不容易引发特别的关注。100个banner里面只有3/1是动态的。但是随着时代的发展，现在动态bannerr以一个全新的微动态效果从新展现在人们眼前，不仅没有引发负面效果，相反的，这种微动态更能让整个画面有活力了不少。 banner大小（KB）问题：要时刻把握banner的大小，太大的将会给浏览带来压力，打开连接时间长了，非常影响用户体验，所以在做的时候必须要时刻注意输出的大小。各个对应尺寸的大小尽量要在不损失图片质量的情况下进行相应的压缩。 所以一个好的banner必须要具备以下素质： ①文字简练，意义突出。 ②标语精炼，容易记住。 ③图片清楚且不宜复杂，颜色少主体明确，以便更好的搭配文字效果。 ④产品banner产品不宜太多，堆砌不仅需要强力的排版功底，并且很有可能失掉主题，找准更易识别的产品，提升视觉效果。 最后就是构图排版。大概可以分为6种： ①垂直水平式构图：平行排列每一个产品，每个产品展示效果都很好，各个产品所占比重相同，秩序感强，此类构图给用户心情：产品规矩正式、高大、安全感强。 ②正三角形和倒三角构图：多个产品进行正三角构图，产品立体感强，各个产品所占比重有轻有重，构图稳定自然，空间感强。此类构图给用户心情：安全感极强、稳定可靠。多个产品进行倒三角构图，产品立体感极强，各个产品所占比重有轻有重，构图动感活泼失衡，运动感空间感强。此类构图给用户心情：不稳定感激发用户心情，给用户运动的感觉。 ③对角线构图：一个产品或两个产品进行组合对角线构图，产品的空间感强，各个产品所占比重相对平衡，构图动感活泼稳定，运动感空间感强。此类构图给用户心情：动感十足且稳定。 ④渐次式构图：多个产品进行渐次式排列，产品展示空间感强，各个产品所占比重不同，由大及小，构图稳定，次序感强，利用透视引导指向slogan。此类构图给用户心情：稳定自然，产品丰富可靠。 ⑤辐射式构图：多个产品进行辐射式构图，产品空间感强，各个产品所占比重不同，由大及小。构图动感活泼，次序感强，利用透视指向slogan，此类构图给用户心情：活泼动感，产品丰富可靠。 ⑥框架式构图：单个或多个产品框架式构图，产品展示效果好，有画中画的感觉。构图规整平衡，稳定坚固。此类构图给用户心情：稳定可信赖，产品可靠。 总之，要做一个好的banner图必须要抓住用户的心里把握用户的需求来进行设计。 源代码教育，专注IT教育培训