基于视觉心理学的新媒体版式设计研究及应用,平面设计论文.docx
《基于视觉心理学的新媒体版式设计研究及应用,平面设计论文.docx》由会员分享,可在线阅读,更多相关《基于视觉心理学的新媒体版式设计研究及应用,平面设计论文.docx(22页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、基于视觉心理学的新媒体版式设计研究及应用,平面设计论文本篇论文目录导航:【题目】【第一章】【第二章】【第三章】【4.1 - 4.3】【4.4 4.5】【第五章】 基于视觉心理学的新媒体版式设计研究及应用【结束语/以下为参考文献】 第五章 新媒体中网页版式设计的视觉心理学应用 新媒体是一个相对的概念,是继报纸、杂志、广播之后发展起来的新的媒体形态。常见的新媒体版式设计包括:网页设计、移动终端界面设计、APP 设计等,本章重点议论应用范围最广的网页版式设计。 一、基于视觉心理学的网页版式设计研究及应用。 网页设计是设计者根据网站的需要对网站版面进行美化的经过。随着互联网的发展,人们都会或多或少的接
2、触到网页,比方讲我们打开阅读器查询资料,我们想要了解一个企业或了解一款产品,想要报名参加某项活动都需要在网页中完成,网页版式设计表示出方式要比其他类别的版式设计丰富得多,它占据了报纸、书籍、包装、DM 等其他种类版式设计没有的优势,比方网页上面能够加一些FLASH,视频,外部链接等等,能够让用户更直观的了解信息内容,可以以让用户更主动、更方便的查找自个所需要的资料,所以讲网页版面设计越来越被人们重视。在鱼龙混杂的各种网页中,信息虽然重要,但是假如没有一个迎合用户视觉心理的版面设计,那么在这样快节拍的时代中,将彻底的失去竞争力。就好比我们常去光临的餐厅,也许里面的菜品味道并没有多么的特殊,价钱也
3、并不实惠,但偏偏整个餐厅的装修风格,那一面装饰墙非常有特色,就吸引着我们,甚至能够忽略掉一些小的瑕疵。网页设计也是一样,要在用户点开的一霎时,捉住用户的眼球,才能给客户一种愉悦的视觉感受。 一视觉心理学中色彩心理对网页设计的应用。 当用户点开网页时,首先对用户造成最大视觉冲击的是版面的整体色彩感觉了。不同的色彩,能够给用户带来不一样的暗示进而影响用户的感受。所以善用色彩对营造网页气氛,提高用户对网站的认可度,提升网站品牌的整体形象都有非常重要的作用。固然不同国家、不同民族对色彩都有不同的理解和联想,但是从整体上看都是大致一样的,比方黑色,给人庄严,神秘的感觉;白色给人神圣、典雅的感觉,而红色就
4、带给人热烈,奔放的感受等等。在第一章视觉色彩中已经介绍过,就不再逐一举例。那在网页版面设计中,色彩该怎样应用呢?首先,我们还是要像前文提到的报纸版面设计一样,要对整个网页版面有一个定位:门户类、产品类、电商类、企业类或是个人网站。门户类网站比方网 e,腾讯、新浪、搜狐等,由于它们都属于资讯平台,商业信息,供求信息,民生服务,推广宣传等等信息量宏大,所以在设计中怎样使用户方便、快速的找到自个需要的信息类别,节约用户时间精神就是最重要的问题。所以在这种情况下要尽量减少版面的色彩,运用颜色较淡的色调来减少用户在获取信息经过中的视觉干扰。产品类网站比方手机、汽车、高科技产品能够用一些当代感强的颜色,比
5、方黑、白、灰的搭配,简单前卫不失个性。彩妆护肤类一般用一些粉色,金色等女性的颜色。电商类的网页设计一般采用酒红、紫色等较暖的颜色,能够衬托热烈的气氛,刺激用户的购买欲,一些高端品牌可以以用深色系的颜色,比方黑色,暗紫色,给人一种神秘、高贵的视觉感受。企业类的网站一般在设计中色彩也不宜过于花哨,主色调一般与企业 LOGO 一致,个人经历体验总结企业网站一般不使用非常重的颜色,这样给人一种距离感,并不利于企业被用户的接受。个人网页设计对色彩就没有太多的限制,根据每个人想展现的性格不同,所使用的颜色也不尽一样。 二网页排版构造带来的心理暗示。 用户在感悟页面颜色,对其有了一个大致的视觉感受后,其次关
6、注的就是整个网页的排版构造。杂乱、毫无章法的布局不仅不利于用户对信息的选取,更会影响对版面的整体印象。在查找资料的经过中,也欣赏了很多网页的版面设计,哪种版面设计是优秀的并没有固定的格式,但是通过综合整理,能够总结出几种较为常见的,比拟合理、有创意的版面。第一种常见的排版方式为纵向的屏幕分割。当版面中需要展现的是两个同样重要的元素时,这种分割方式能够毫不偏向的同时展现两种元素。在一些购物类网站,这种方式往往能够加大成交量。当我们面对琳琅满目的商品时,我们经常无法抉择,最后由于没有选择出结果而放弃购买。有的商家用这种方式恰恰避免了这个问题的发生,同时突出两个主体,即给了用户选择的时机,又减少了用
7、户犹豫的时间,给用户一种心理暗示,让其迅速的在二者之中做出选择。第二种版面类型就是极简的去界面化。回首十年前的网页设计,杂乱不堪的版面,各种容器元素能加则加:圆形、三角形、长方形和所有类型元素,比方黑板,窗帘,相框等,设计师用这些元素将所表现的内容从网页背景分离出来,克林顿时代的白宫网站,在当时的年代已经算是主体明确,内容精简了。但是网页设计发展至今,对于版面效果的要求比以往愈加严格,如今的极简主义给网页设计带来了质的变化。比方以下图的手表网页,设计者把网页传统的页头和页尾都去掉了,由左及右的将所要表示出的内容一次排列,这种合理的布局非但没有使版面失去秩序感,反而给人的感觉是以往那些分隔导航、
8、图形容器都是多余的,让用户的目光首先落在产品上,更直观的具体表现出了产品本身,这种极简形式给用户带来了优美的视觉享受,是一种美观并且实用的排版方式。 三网页版式设计中的视觉导向。 当确定了版面的整体颜色和版面的编排后,设计师需要从细节着手,为用户制造视觉上的引导。这种引导就好似一种无形的思想把控,指引用户操作阅读。 比方美国的一家移动支付公司 SQUARE 在这方面做的就非常好,当用户下拉鼠标的时候,就会出现相应的文字下一步应该到哪里,当前国内很多前瞻网站已经开场使用这种方式。确定好网站定位后,我们要对用户的阅读形式有一个初步的预判。在一些以文字为主的网站中,例如微博、UC 等,用户会沿着页面
9、左侧纵向阅读,在诸多信息中找到自个感兴趣的内容,然后再沿着这个信息点水平方向的展开进行具体了解,这种形式被称为 F 形式或 E 形式。这种形式不是一中页面,而是用户的一种普遍的视觉走向。在初步的阅读中用户是根据 1 开场向 3 方向移动,只要在设计中投入更多的精神才能引导用户向 2、4 的方向更深切进入的阅读。 当网页内容以图片为主时,人们一般的阅读顺序是由左及右、从上到下。先关注最上方的菜单栏,最后看到下方信息,如以下图。这种形式被称为 Z 形式 . 这种情况下,我们首先要突出 LOGO,增加辨别度。其次,尽量使用独立的背景将我们所要表示出的重要内容所动在框架内,在整个版面中能够运用点、线、
10、面元素,比方:文字、符号、或者一些带有方向暗示的图片引导用户根据我们预测料想的Z 形式进行阅读。在这种阅读形式中, Z 字母最下方横线上的区域将是用户阅读的落脚点,也是视觉的黄金位置,能够运用这个规律,把我们想要带给客户的信息放入这个区域来加强效果。比方讲一个网站在网页的中心区域做了最核心的企业宣传或产品展示,用户在阅读经过中已经对这些有了了解,那么假如设计者把用户注册或用户购买链接放在 Z 的横线上,成功率一定会更高层次。 四利用版式设计打造视觉层级。 随着各种网媒、纸媒的不断发展,各种各样的信息版面充斥在我们的学习、生活中。当我们阅读某个版面的时候,并不是像以往那样由上到下,由左及右的阅读
11、了,当我们设计一款版面的时候我们期望观者的阅读方式和他们实际真实的阅读方式大相径庭。能够看到以下图,左边是我们期望用户的阅读顺序,但是用户实际的阅读次序则。 当读者阅读一个版面时,基本上都有自个本来想要寻找的目的,比方讲是购买某种产品,查看某些消息、趣闻等等,但是华而不实的信息量较大,在这快节拍的时代从头到尾逐一查看不太可能,正因如此就更要求设计师在设计各版面的时候要捉住主流用户的特征,比方讲性别,工作种类,年龄区间,来自哪里等等,将我们想要表示出的重点内容推送给读者,当读者第一时间找到自个感兴趣的内容。 才可能进行下一步较为仔细的阅读,否则就会离开。无论在什么类型的版面设计中,都要确保整个版
12、面是吸引人的,并且较容易被读者们接受。所以,控制视觉层级在版式设计中尤为重要。那么我们又该如何把版面中的各类元素分成不同的层级,给读者带来不同的视觉质感呢? 首先,要有选择的展示信息,在版式设计中哪些信息是我们的重点,在重点以外的东西我们要在不影响知足用户需求的前提下尽量从简,于复杂的版面给受众一种心烦意乱的感觉,就比方我们日常使用的电视遥控器,其实常用的按键连整体一半都不到,其他按键有些我们从未用过,所以讲怎样改进设计,到达一键多用,去掉一些不必要的按钮对于客户更好、更便捷的使用有非常大的好处。再比方,如今很多界面,初始情况下一些二级入口是隐藏的,只要当你选定一级入口后,才会出现下一步的选项
13、。比方讲我们手机的各种设置菜单,某些网站的菜单栏,当我们有转发微博意图时才会出现的隐藏选项包括:复制、发送给朋友、删除、推广等等,在设计经过中把非重点内容先隐藏起来,能够让版面愈加清楚明晰明了,对用户的干扰性大大减少,能够让其集中的关注他需要的信息。先把非必要的信息排除,能够让我们在设计经过把更多的精神放在有限的重点问题上,所以第一步的挑选对于合理简化版面是非常重要的,最后所呈现给受众群体的感受也是不同的。将版面中一样或者类似的元素归类分组,去粗取精,这样要比杂乱无章的排列有效率的多。 其次,设计者要对信息进行深度的加工。简单的信息罗列,标准分栏的排版形式是以往设计的方式,但是就如今而言,可能
14、用户打开这个网页或者翻开这本书籍就已经没有了深切进入了解的兴趣。就算用户能够静下心看完,但是对内容的印象也不会太深入。所以,为了吸引用户的注意力,加深用户对设计及内容的印象,让用户更容易接受和感悟版面信息,我们需要对内容进行一个深度的加工。 打个比方,一些公益网站呼吁保卫动物,他们是如何做的呢?首先在网站首页播放一些有关动物的视频,让人们了解一些野生动物或者漂泊猫狗当前的生存现在状况以及面临的威胁,通过视频形象直观的让人们感遭到这些动物的情况,通过一些辅助图片,用户不需要仔细阅读文字信息可以以大致的了解该网站想要传达的内容。那么在设计中要如何处理图片的样式以及位置才能到达理想效果? 第三、合理
15、处理各要素。在版式设计中,往往尺寸较大的元素更能够吸引受众的注意力,往往元素尺寸的大小与它的重要程度是成正比的。合理的控制元素的尺寸大小为打造视觉层级是一个非常有效的方式方法。 色彩是决定受众对版面第一印象的重要因素之一,设计师合理的进行颜色的把控,处理好颜色关系,不仅能够突出重点、彰显个性还能够连贯整个版面,加强组织协调性。一般情况下,我们在希望受众关注的元素上都会使用比照较强的颜色。例如一个写满各种信息的版面下方有一个绿色的正方形色块,即使这个色块不在版面的夺目位置,我们还是会首先注意到这个绿色正方形上面的信息。色彩的运用是一门学问,过渡色的使用能够使版要素间构成无形的联络,能够统一版面的
16、整体色调。在信息种类不多的情况下,我们还能够通过颜色的变换来到达为信息分类的目的,少了分割线和条框的束缚,能够使版面增加活力。颜色色相的不同对视觉刺激产生的强烈程度当前没有科学证明绝对的强弱顺序,但是冷色调和暖色调是存在明显差异不同的。比方讲图案完全一样只要颜色不同的两张图片,一张红色调、一张蓝色调。人们一般都会先注意到红色调的图片。实验表示清楚,视觉对距离的远近感悟是非常敏感的,由于红色和蓝色的波长不同,我们在一样的位置观察这两种颜色时,红色呈内侧映像、蓝色呈外侧映像。因而,眼睛给我们一种红色在前进,蓝色在后退的感觉。美国某数字营销公司曾做过一个测试,以红色和绿色两种颜色为基础,测试受众对这
17、两种不同颜色的选择比率。在测试之前,大部分的研究人员以为绿色图案被选择性会更高层次,由于在日常生活中,安全出口,绿灯都代表着安全、通行,而红色一般用于提示危险、停止的场合,这种猜想非常符合我们的正常逻辑,但是测试结果却恰恰相反,选择红色图案的比率要超过绿色图案 21%.这个结果在一定程度上反映了颜色本身对人视觉吸引和最后选择的影响力。 我们还能够巧妙的处理好文字的编排来打造视觉层级。在我们本土的版式设计中汉字是很常见的,可是有很多设计者经常回避尽可能的回避汉字,用英文取而代之。其实,有很多日本原创设计都是非常值得学习的,日本的设计师真的会去花时间和精神去深切进入的研究他们的文字样式以及内涵。汉
18、字的编排其实非常考验设计师的设计功底,每当我碰到瓶颈的时候我都会找一些日本的设计进行参考,他们的文字编排总是非常独到,值得借鉴。汉字与英文字母完全不同,英文是由多个字母组合而成,而拆分出来每个字母实际上并没有什么含义,汉字不同,它是由象形为基础,表示出着某一时期复杂的生活场景或习惯,每个单个的汉字都有自个的含义,所以在中英文的编排上实际上是有很大差异不同的。除了这个以外,对于字号的大小中英文也有一定差距,同一字号可能英文字母还能够看的很清楚明晰,但是汉字已经无法分辨体认清楚了,所以在设计中还要注意汉字的可分辨体认性,另外拉丁字母线条比拟简单灵敏,在版面设计中更容易给人带来活泼踊跃感,而且对于一
19、样含义的汉字,往往英文表示出的字母要长一些,相比于汉字的 块 ,英文的表示出效果更像一个 段 ,进而构成一个单独的主体,但汉字则不然,所以在设计中汉字怎样编排的更美观更有内涵是非常有难度的。在进行设计编排之前,很多设计师一拿到文字稿件就开场考虑如何分栏排版,这样才能符合版面的需要,而完全不去关心文字内容,这是完全不可取的。真正的想做好设计,首先就要深入了解我们所要编排的内容,只要这样才能把文字划分层级,比方最重要的一级,如主标题,宣传语等,次要的比方为首要层级起辅助作用的二级层级以及并不是特别重要的,比方页码,注脚等等。并分别为不同的层级划分好相应的位置和所占空间的比例。做到了这些,文字已经有
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 文化交流
限制150内