问答详情

怎么设计网页banner?

342次观看
标签: 设计网页 banner
老师回答

1.Banner与环境对比

试想如果在一个以浅色调为基准的网站上投放Banner,是不是从明度上拉开对比会很好的提高用户的注意力呢(相反亦然)。以此也可推想出,如果在一个有颜色基调的网站上投放补色或者对比色的Banner,效果就会变得更瞩目(补色和对比色案例)。

2.Banner颜色简单至上

(1)试想一个Banner五颜六色,是不是就能够吸引眼球了呢?首先,先对比一下。

哪个更吸引你的注意力呢?大多数人肯定会觉得后者给用户带来的视觉传达力更强,简洁明确、朴素有力的效果,给人一种重量感和力量感。前者颜色虽多,却没有带来更好的视觉传达效果,为什么呢?颜色过度使用会打乱色彩节奏,并且,减弱了颜色间的对比,使整体效果变弱。

(2)其次, 使用颜色越多,最后保存时文件体积越大,加载起来越慢,让用户等待就意味着和用户说再见了,如果靠降低品质来达到Banner的上传要求,那展现给用户的是低质量的banner,也一样会丢失一些用户。

所以,颜色简单有力,加载清晰快速,对于banner的视觉传达很重要,只要让用户产生点击欲望,我们推广的目的就达到了。

免费直播

    相关推荐
    平面设计师们应该掌握的版式基础有哪些?
    刘老师 平面设计

    ①平面构成

    在我们开始学习平面版式基础之前,我们先来讲一下简明平面构成原理。平面构成是运用点、线、面和其他技法来构成基本元素的学习方法。它是在我们工作之前必须要学会的视觉语言。以下的内容希望如果您有时间进行练习,边练边摄取知识效果才能更好。

    ②点的构成

    点是组成平面构成的基础要素。点可以是不同大小的;可以是不同疏密的;可以是不同虚实的。可以是整齐的点,也可以是随意排列的点。在一个画面上也可以有大小、疏密、虚实、整齐和随意对比的,对比就会产生韵律感。仅仅依靠点来构建画面时,我们会想方设法地让画面丰富,体会点的变化。

    ③线的构成

    线有哪些呢?垂直线、水平线、斜线、曲线等。垂直和水平都会有稳定的感觉,斜线会更加有冲击力,曲线会感受更加柔和。由不同粗细、不同韵律的线条组合,作品将更加有视觉引导的效果。尝试只用线条构建一个画面,你会体会到不一样的视觉感受。

    ④面的构成

    面的种类有不规则形状和几何形状两种。在《纪念碑谷》游戏中有个词叫做“神圣几何”,我非常的喜欢。几何图形真的是很神奇的存在,几何形是可以用数学表达出来的,也是我们在初中时就开始学习的。比如三角形、圆形、矩形、正方形、椭圆等。这些几何形在视觉上是非常令人感觉舒适的,如果你在创作时没有灵感时,可以从几何形中寻求灵感。不规则形状其实也可以分解成不同的几何形的组合。

    平面设计需要掌握PS哪些功能?
    刘老师 平面设计

    1、PS快捷键

    学习平面设计为什么要掌握PS的快捷键功能呢?平面设计离不开PS的强大支持,PS快捷键是Photoshop为了提高绘图速度定义的快捷方式,它用一个或几个简单的字母来代替常用的命令。掌握PS快捷键可以快速做图,同时可以提高你的工作效率。

    2、钢笔工具

    钢笔工具是PS中很有用的一个工具,但不是很好掌握。用它画直线很简单,但画曲线就比较难了。如果你精通钢笔工具,可以用它进行精确的选择、绘制不同的形状、创建矢量蒙版等很多操作。如果希望在路径工作时轻松一点,可以尝试使用自由钢笔工具。它允许你使用锚点进行自由绘画,而不需要使用钢笔工具。

    3、转化圆角图形

    如果你试图利用自由变换命令来修改图形尺寸,圆角会发生扭曲。为避免这种情况,如果你使用的是Photoshop CC版本,可使用直接选择工具来调整圆角图形的尺寸,移动锚点至你想要的形状和尺寸。

    4、形状属性

    这是Photoshop CC版本中最令人兴奋的一个功能,尤其是对UI和网页设计师而言。形状属性位于属性面板中,当我们选择矢量图形时,它就会出现。你可以轻松的实现以下操作:文件中图形的位置、图形尺寸、为图形填充颜色、图形的描边颜色、图形的描边宽度、图形的描边样式(包括虚线)、其他的描边选项(例如描边的对齐方式、线段端点和合并类型)、圆角半径选项(对椭圆形不可用)。

    5、橡皮带

    通过在一个点上设置线的方向和长度来画曲线是很有挑战性的。默认下,在确定下一个锚点之前,PS不会帮用户查看下一段路径。不过,有一个隐藏的功能–钢笔工具下的橡皮带,可帮助你在实际确定了下一个锚点之前,预览下一段路径。

    注册电脑版

    版权所有 2003-2020 广州环球青藤科技发展有限公司