勤学思培训网KTYKGJ
  • 总算明了网页banner设计的原则

    1网页banner设计的原则

    如果banner上满是吸引点,那用户只会被注意,所以在Banner的有限空间内做好各种信息的平衡和协调非常重要。下面介绍网页banner设计的原则,希望对您有帮助。

    [图片0]

    一、主题明确

    要突出产品主题,让用户一眼就能识别广告含义,减少过多的辅助干扰元素。切忌,banner被切割的太细碎,内容繁多,没有浏览重心。很多广告主往往会认为传达的信息越多,用户越有兴趣,其实并不然,什么都想说的广告,就是什么都没说好。

    二、符合阅读习惯

    阅读视线要符合用户从左到右、从上到下的浏览习惯。

    三、重点文字突出

    用文字进一步的告诉用户,是打折或还是新货上市?如果我们最大的买点就是“”折起,那么毫无疑问,“”折的字样一定要大,要醒目,其余的则需要相应的弱化。

    四、色彩不要过于要醒目

    有些广告主要求使用比较夸张的色彩来吸引访问者眼球,希望由此提升Banner的关注度。实际上,”亮” 色虽然能吸引眼球,但往往会让访问者感觉刺眼、不友好甚至产生反感。所以,过度耀眼的色彩是不可取的。

    五、信息数量要平衡

    很多人总认为信息多就,觉得所有信息都很重要,都要求突出,结果其反。如果banner上满是吸引点,那用户只会被注意,所以在Banner的有限空间内做好各种信息的平衡和协调非常重要。

    六、用最短时间激起点击欲望

    用户浏览网页的集中注意力时间一般也就几秒,所以不需要太多过场动画,需第1时间进行产品的展示,命中主题。并配以鼓动人心的措辞口号引导用户。

    七、产品数量不宜过多

    很多广告主总是想展示更多产品,少则4-5个,多则8-10个,结果使得整个Banner变成产品的堆砌。Banner的显示尺寸非常有限,摆放太多产品,反而被淹没,视觉效果大打折扣。所以,产品图片不是越多越好,易于识别是关键。

    2网站设计 banner设计应遵循哪些原则

    在建站的流程中,Banner设计是网站建设中为主要的一个环节,由于Banner在网页中所占的面积不大,因此在设计上,建站者不应该花费太多的时间,这就需要我们了解,在很短的时间内,如何高效的设计好一个banner。通常情况下,banner的设计都是有排版、配色、风格三部分组成的,所以下面给大家总结了以下几条网站建设的原则。

    第一:对比原则

    在设计banner的时候,可以加大不同元素之间的对比效果,这样可以提高banner的活泼性,又可以突出视觉的重点,用户一看到banner就能够快速了解到banner所提供的信息。

    第二:留白原则

    除了网页设计需要运用留白原则以外,其实banner的设计也是需要运用留白技巧的,banner的排版一定不能够密密麻麻,否则banner会给用户一种压迫的感觉,并且难以找到banner所要表达的重点。

    第三:对齐原则

    对于banner中相关的内容,为了能让用户的视线以快的速度找到重要的信息,那相关的内容一定要整齐的排列好,不要单纯的为了美观而放弃了banner应有的作用。

    第四:降噪原则

    在设计banner的时候,过多的颜色、图片、字体等,都会造成用户注意力的分散,因此在设计banner的时候,要将这些“噪音”部分降到较低,以免影响用户对banner信息的获取。

    第五:统一原则

    在对banner进行排版设计时,需要特别关注banner在整个设计中是否一致或者是连贯,banner的设计应该尽量避免不同视觉效果元素的同时出现。

    这五个原则就是banner设计时大家都应遵循的,如果建站者也想高效的完成自己网站的banner设计,相信这五条原则对你会起到非常大的作用。

    3网页设计逻辑是怎样的

    网页设计说到底就是根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化),进行网站功能策划,然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种,精美的网页设计,对于提升企业的互联网品牌形象至关重要。也许我们的技术很稚嫩,但起码我们发现缺陷,进而进行改正。

    1. 色彩过于统一

    关于颜色的杂乱,很多文章都掏心窝子的讲过,但是我不得不告诉你,色彩这个东西,你光靠看看色轮,色谱,买点pantone放桌上是没有用的,色彩有规则性,而每个人的色彩感受没有规则性,要做好色彩设计,除了大量的练习与观察,最重要的是相信自己的直觉,如果你不知道如何把握色彩 — 你先记住“黑白灰+主色”的方式,也就是一种主色,通过黑白灰来协调辅色的逻辑。

    比起色彩杂乱来说,过于统一的色彩其实给用户造成的困扰更大,“使用统一的色彩更容易记忆”这个说法是不太严谨的,此观点成立的前提是这个产品的色彩设计应该符合人的视觉感受,首先产生美,和谐的感觉,然后才有可能去记忆,否则人脑会本能的排斥。我上面发的这个图,在各大“官方”机构的活动与宣传中屡见不鲜,不但缺乏重心,而且刺 — 这一再证明了我们的大部分领导都是美盲,这比文盲更加可怕。

    [图片1]

    2. 过多的字体

    不管你是做平面,做书籍,还是做网站,视觉格式塔理论告诉我们,同一属性的玩意一多了,人的内心就紧张,比如:你看到20只蚂蚁在你脚下,你会蹲下来看看她们在忙什么,如果是20万只蚂蚁朝你冲过来,你除了尖叫还能有更好的办法么?

    在有限空间内使用过多字体的做法,正是这种心理反应。在运用字体的时候,第一个关键就是尽量减少字体种类,你可以把自己使用的字体控制在3个以内,如果字体一定超过三种怎么办?通过大小,间距,透视,角度,对比,颜色等方式把不重要的信息部分的字体淡化掉,而突出最为重要的信息。

    3. 无序的版式

    近几年一直在兴起一股混合艺术还有自由插画的风气,首先我们不讲这是国际设计圈玩剩下的东西,我们单就画面表现来看,这种风格绝对不是下载一堆AI或者PSD源文件,稍微ctrl+u一下就可以拼凑出来的,乱七八糟的应接不暇和丰富多彩的视觉拼盘,你能察觉到有一点不同吧?

    4网页设计中字体的应用技巧

    1. 文字避免写错。应付挑剔的读者是一个方面,某些关键词的错误,有可能就避过了搜索引擎抓取。

    2. 文字密度节奏的控制。段落在四行左右比较合适,宜少不宜多,同时避免文字量大的段落连续堆积,段落之间最好的节奏不是一一二二三三,而是类似一三二三一二的无序结构,纵横道理类似。

    3. 词语避免在同行断开。比如行末一个“搜”,下行头一个“狐”,用户读起来比较费劲。注意英文的默认段落内,一个单词不会断开,原因也是如此。

    4. HTML结构代码符合语义标准。比较混乱的大概是有序、无序、定义三个列表,写12345和使用ol的效果区别不大,但搜索引擎会认为他们的意义不一样。

    5. 实体转义码的作用。典型如在中文后用 表示英文空格,使用?表示版权,还有使用<和>替换<>显示HTML代码等用途。

    6. 标点符号避免写错。中文的博大精深主要依赖于标点和断句。标点符号除了能准确传达语气和语境,其实也有一定的语义分析价值,只不过现在的搜索引擎技术还无法实现。

    7. 符号的应用和差别。有中英、全半角之分,符号呈现和字体样式定义是配套的,比如()和()的效果差异。常用和特殊符号建议少用,包括○↑★→⒌Ⅶ○『△等等。

    8. 中文数字和阿拉伯数字的区别。看个人语感和默认规范,主要是统一和前后一致。

    9. 链接量的控制。单篇内容的关键词控制在5%以内比较合适,否则看起来到处都是重点,意义适得其反,而且给视觉效果处理也增加了难度。两个链接上下重叠在一起的效果并不好,三个就会很糟糕。

    一篇400字的内容,20个字10个词的链接都在上半截也不好,因为整个页面不平衡,同时和密度也有关系。

    10. 色彩的合理使用。不同颜色的功能区别,比如链接提示,得给用户清晰的逻辑,字符是否可点需要看出来,而不是试出来。除此之外还有不同深浅的强弱区别,最后还得控制色彩数量。