05月
25
2015

运用心理学来达到网页设计的效果

运用心理学来达到网页设计的效果

     心理学一词来源于希腊文,意思是关于灵魂的科学。灵魂在希腊文中也有气体或呼吸的意思,因为古代人们认为生命依赖于呼吸,呼吸停止,生命就完结了。随着科学的发展,心理学的对象由灵魂改为心灵。直到19世纪初,德国哲学家、教育学家赫尔巴特才首次提出心理学是一门科学。而原先,心理学、教育学都同属于哲学的范畴,后来才各自从哲学的襁褓中分离出来。科学的心理学不仅对心理现象进行描述,更重要的是对心理现象进行说明,以揭示其发生发展的规律。
    心理学是一门研究人类及动物的心理现象、精神功能和行为的科学,既是一门理论学科,也是应用学科。包括理论心理学与应用心理学两大领域。
    营销型网站设计的目的是什么?这是一个看似很简单的问题;为了更好的说明今天火星网络工作室要讲的内容,在这里再重新给网站设计目的定义一个概念:创建一个使访客用户安心的网站,使用户注册一个帐户,并且购买产品,或者用其他方式和你做生意。
    要怎么样才能达到目的,这就是今天要讲的。这些可以通过网站设计和语言来达到。但是我们忽视了一个很重要的设计技巧——网站设计心理学。很多人一听到心理学就认为这个是一个虚无缥缈的东西,很复杂,其实不然。设计心理学在网页设计中是相对比较容易实现的,虽然这其中需要我们多一点细心和规划。
    我们首先要做的就是花时间去分析一下你的客户需求,要怎么样才能满足他们的需求。通过访客心理分析,我们得到的结果是访客更开心乐意的做你所希望他们做的事情,比如保持与你联系,买你的产品,或者推荐给他的朋友们。
    一、以心理学为基础的设计目的是什么
在设计过程中稍微考虑下心理学的因素对于最后的结果来说很有帮助。如果你将心比心,把自己当作用户,花点时间去考虑用户的需求,然后再回到你自己的设计思路上,那么你就会明白该如何组织元素以吸引用户。
通过这种以用户为出发的心态去设计。结果很可能是用户满意,而且完成了你所期望的操作。无论是和你联系、还是购买你的产品、或者向朋友推荐你的网站。
这就是将心理学带入设计中的主要原因。因为你更希望用户按照你的想法与你交互。
   二、构建信任感
为了让用户按照你的引导去进行操作,首先,必须让他们信任你。获取信任并不容易,尤其是在这个充满了欺骗、花招、套路的网络上。
对于那些熟悉互联网运作模式的人来说,他们会将个人信息隐藏,无论网站是多么的高质量、是多么的有用,他仍然不会暴露自己的个人信息。
    作为设计师,我们经常忽略了这一点,我们经常在网上讨论商务事宜。但是对于客户以及客户的客户来说,很容易在互联网上暴露他们的信息。
    因此,你可以用设计心理学来让你的网站具有可信任感。可以通过设计、通过语言的循循善诱来建立一种可信赖的形象。从而让他们注册、购买、与你做生意。
    三、注意用户的一些习惯
当某人登录页面的时候,他期待立马看到一种”东西”,至于网站或页面的种类,爱是什么是什么吧。
    如果他没有看到这件”东西”他们通常会感到他们进错了地方,这个页面不是他所需要的,也不带感(因此,也产生了不信任感)。他们需要在页面的顶部或者某个显眼的位置提供整个网站的信息层级,也就是说这个”东西”就是导航条。因为每个人都习惯网站具有导航条。
    标签能够帮助用户有效的识别网站内容,同时还能有效的组织、补充、完善网站信息。比如。你要设计一个环境保护的博客。如果你的整个页面是汹涌的黑色,而顶部没有导航条,只有天际线的图形和美丽的阳光,那谁能知道这个网站是做什么的呢?
    导航条是一方面,而色彩应用又是另外的一方面,如果你才用整洁、现代感的设计,使用很多绿色和自然的色调,那么用户下意识的就会认为这个网站和自然、环境有关。这是因为色彩上的一些惯性联想。
    通过这些元素了解用户的习惯,熟知人的一些共性。就能为项目做出合理的设计,不但有利于整体设计,还利于用户的浏览。用户习惯博客的最新文章能发表在页首,用户习惯商务网站的产品放在第一页,用户习惯每个网站都具有站内搜索条。最重要的是,用户非常习惯每个页面都有”关于”和”联系我们”的链接。
    四、品牌的一致性
在网站上用户所看到的视觉风格,会潜移默化的影响用户,他们认为你们的线下产品也应该是这个样子。
    因此在线下的一些产品的用色和设计风格上要和网站设计的风格联系起来。Logo也是同样的道理。这样才能保持品牌的一致性,在品牌推广上的效果更佳。
    始终红白为主的配色,和景点不变的产品包装,即使推出了新产品,用户也能知道这是可口可乐的产品
    五、心理上的触动
情绪上和心理学上的触动是非常有价值的工具,能够影响到用户,能够使他们跟着你的引导区进行操作。触动包括”恐惧感、愧疚感,归属感、以及价值观上的共鸣”
    通过界面的语言最容易大东用户,图像元素给这些触动提供了有力的支持。 

05月
24
2015

网站建设知识 常见的网页设计误区

网站建设知识 常见的网页设计误区

    网站建设知识 常见的网页设计误区告诉我们如何进行网站建设,网站建设网认为,要做好网站建设,就要重视《网站建设知识 常见的网页设计误区》方面的知识,同时很多人想问网站建设的技巧?同信长春网站公司认为,网站价格是根据网站功能决定的!
    首先,我们在制作网页的时候字绝对是一大问题,网页设计中,最好的做法就是字体不要超出3种,简单的网页给人的感觉必须是一目了然,干净简单。
    在网页的制作上面,网页的空白是整体网页设计的最重要的,也是最关键的一面,空白可以让用户在浏览网站的时候能做到长时间的阅览,但是不会疲惫,而且空白在内容的中分割出来的距离和其他的元素也为广大的用户带来更多的缓冲空间。
    色彩不要过多,在网页的设计上面,背景是一种颜色,内容和链接也可以做成其他的颜色,而页头,页脚的色彩也可以最初更好的区分,这样的划分会让用户更好的使用网页。要注意颜色的渐变和大规模的色彩更改模式,这样可以做出更漂亮的网页色彩搭配。
    尺寸的大小也是需要注意的,尽量将尺寸的大小保持一致,这样可以保证字体和色彩最佳尺寸,
    在文字间的间距上面要做出更好的调整,也可以使用CSS直接进行字距调整。这样就可以保证网页上的字体以及颜色上的最佳调整。
    就是在同一个网页上面,适当的增加“返回”的按钮,但是注意数量不要过多,同时可以在网页做出来以后选择一些人群进行调整。
   忽略了字体排版, 因为数量多,或者非常少就忽略了字体排版是一个非常大的错误。字体排版不是一个简单的如何选择字体的过程,它还包含了句子、段落及标题的组织方式。你可能想这里需要做的工作太多了,但是一个富有成效的设计将会对页面布局产生非常重要的影响。
 没有考虑到可用性和所有人的使用感受, 可用性可能被很多人认为是一个多余的事情,但是一个可用性差的网站是一个自私设计者的作品。网络世界对于任何人都是平等的,如果你的设计不能让每个人都能享受到,那么将会是一件很不尊重人的事情。美国有一项法规规定:任何机构和部门的网站都必须通过可用性测试。实际上可用性并不是个高科技的东西。例如,你只需要简单加上alt标签属性,这并不会给你带来任何麻烦。这里用不着遵循什么法规,从道德和道义上来讲,我们应该自觉地将这个考虑到设计中去。
 没有事先思考, 由于缺乏经验,使得我们需要不停地修改自己的东西。滑稽的是,我们可能晚上设计的东西,第二天可能就会被删除。一个聪明的设计者会在最开始的时候思考整个布局的大概设计。这种方式可以节省很多时间和资源。很明显,在实际做之前思考是一件很不容易的事情,但是至少能够帮助我们尽量少的去修改我们的设计。不用担心,经验可以帮助我们做到这一点。
    DIV+CSS的合理之处在于可以进行网页的统一设计管理,通过一个样式表,牵一发而动全身,只要修改样式表 ,就可以统一全站的风格,如果为一个页面单独做一个样式表,或者一个div就做一个样式表,没有全局设计观念,那么这个div+CSS的设计方式就完全没有必要,甚至成了累赘;
    像Table一样用DIV+CSS,无穷尽的嵌套,其效果与Table设计没有两样,并不会带来搜索引擎的优化效果,反而会增加页面的负担;
    推崇Div+CSS,却不考虑兼容性,TABLE设计由来已久,得到浏览器的广泛支持,所以显示效果很好,不会出现错位情况,但是DIV+CSS却在部分浏览器中会发生页面错位的情况,因此在进行设计的时候也要考虑到不同浏览器的情况,进行更改和调试。
    滚动的文本、循环播放的GIF及FLASH的滥用,不要在网页上放置滚动播放的元素。它会使浏览者把注意放到图片上而静不下心来阅读文本。FLASH技术丰富了我们的网页,适当的应用它,可以带动起浏览者的情绪,提高网站的访问量及受欢迎程度。NIKE、Macromedia的网站就是非常好的例子。而现在,我们常常可以看到FLASH技术被滥用,当你看完那段与主题毫不相干的动画后,不知道你会怎么想?你还会为那段动画而喝采吗?也许你只会抱怨,浪费了我这么多时间。这实在是网页设计师的悲哀。
    网页艺术形式花哨,为了设计而设计, JAVA及JAVASCRIPT的滥用,网页上放满了对内容没有任何辅助作用的图片。有些网站上会放置一些大图片,甚至BMP格式图片;或者使用大量的JAVA、JAVASCRIPT、DHTML。 造成了网页下载速度缓慢。相信没有一个用户会有兴趣长时间等待。用户不关心为什么下载时间这么长,速度这么慢,他们只会认为:这个网站不好,要花费我很多时间,而且长长出错,这个网站的服务很不好,不为用户着想。这样,用户对网站的信任度大大降低,相信以后很少会访问你的站点。
    填满页面所有的空间,千万别这么干!留白(或者负空间)有着非常重要的作用,它与网页上的其他的视觉元素相互依托,是构建一个优秀网页的重要组成部分。有留白,才能创造出网页的视觉焦点,让网页的设计感更强,更易于浏览和使用。想知道留白是如何使用的?看看Apple的官方网站就知道了。当然,留白并不一定非要是白色的。
    永远不要填满你网页所有的角落,适当的留白永远比这样设计好看。
    所有的细节都必须醒目,对于网页排版有种误解,认为网页中所有的东西都要要大,要粗,要闪,要亮(亲爱的老板们,你们又躺枪了……)。是的,我们将内容放到网站中是希望它们能被注意到,能脱颖而出。可问题在于,如果所有的内容和元素都加粗了,闪耀了,那么什么内容都不会突出来的。突出是需要通过合理的布局、差异和负空间烘托出来的。使用不同的字体,主次内容相互依托,图文混拍,优质的内容才会被眼睛捕捉到。 

04月
19
2015

网页设计中的十个非常好用的技巧

网页设计中的十个非常好用的技巧

网页设计中的十个非常好用的技巧

      做网站的时候,你会发现很多问题,网页设计师往往要扮演多重角色,并学习如何创建一个高效,知识渊博。实践现场模型
在大多数的课程中,您学习网页设计。从经验学习不断反复的过程,并没有比更好的方法,使该会已获得的知识(从错误中学习)在这篇文章中,我们将讨论10个最重要的传统技术,这是一种错误的。网站设计每一个新手应该知道

1 增强对于速度更好的页面加载速度
了解如何选择优化你的网站,并确保格式。该文件的大小在范围内你将足够小,即使获得宽带,但仍通过电话线获得接入互联网的可能性。此外,虽然移动电话的普及。和技术,但不一定支持的移动设备,如高速的高速大容量文件仍可能得到的时间来加载一个页面的扩展,它可以摆脱的用户。
下面是关于选择正确的文件格式的一些技巧:如果一个黑白图像,最好是保存为PNG或GIF ;如果它是一个连续色调(如照片)应该被保存。以及为JPG 。
有许多工具帮助您优化你的图片,并减少它们的大小,可以看到工具的清单将帮助优化你的努力,以减少图像的数量和使用的灵活性,并尽可能多地。以降低文件的大小,其结果是,它减少了读取网页和改善网页的性能的时间。
2 保持干净和简单(即简单) 。
一个好的网页设计,不仅看起来不错,但也容易在一般的干净网页设计使用很容易成为一个网页设计师的性能,因为它不与用户生产混乱时可进行交互。太多的功能和网站的组件将被分散的用户感兴趣的地点,而失去其原有的访问目的,以确保页面的元素,每个与它的目的,然后问自己的问题。以下
这并不是说你真的需要这个设计还是不行。
这就是的方式,他们可以使用的组件。允许用户无法浏览?
如果我去掉这一点,大多数人会希望它“回来”与否。
如何将这些元素和球门柱和网站质量的相互结合。
此外,尽管它可能是冷却或表单设计界面的一个新概念,但你也必须确保你的设计保持简单和易于使用的多功能性互动模式。网站及规格网络连接的情况下,你的设计是非常独特的,以确保它是不是太模糊不清,有创意,但仍保持它的简单。
3 导航(条/栏)是设计中最重要的,最重要的部分
首先,在网站的导航结构,投入足够的时间和很多规划是非常重要的。虽然这是常识,也与许多设计师是网站的设计。
使用(的JavaScript或CSS )布局技术,应用和网络访问,你需要在设计导航系统时需要考虑的。
在无状态的CSS设计你的导航也应该是可用的,它是基于一个兼容的浏览器,你可以尝试笑的浏览器文本,但他们中的很多手机上。手机也很受欢迎,也许更重要的是给用户屏幕(例为99.99% ) ,没有CSS的导航仍然可用连接。
在没有客户端技术(如JavaScript或Flash )中,导航应该很容易访问和使用,用户可能会有所不同的安全性或公司的政策是不打开或安装。
因此,导航系统的发展可以在一个很好的位置,以便为可见的导航功能良好披露的,只要在页面加载时,显示没有。鼠标按下这就是为什么页面会保持干净和简单,在设计复杂的关键作用。没有官方可能会混淆用户。
唯一的一次用户将毫无疑问“活动现场。 ”
最后,在网站上创建一个分层结构来管理多个级别,以确保它是很容易的父类和子类是不完全是一个网页,它应该能很容易到达页面的顶部之间进行导航。 (如主页)
其主要目标是浏览该网站,以降低运营(行动)一试。用户可以访问他们希望查看的内容。
4 采用智能有序的性格。
虽然有成千上万,但真正可以。只有一小部分(至少要等到。主流浏览器完全支持CSS3 ) ,所以坚持到网页安全字体,如果你不喜欢网页安全字体,可以考虑使用sIFR的或Cufon网页设计的进步。
安全字体,标题和段落,要求不同用途的内容为空,调整字体大小和字符间距的功能,使用户可以轻松是一种享受阅读和扫描的高度。材料
也许一个网页设计师往往是一个常见的错误是使用的字体大小是无效的。因为我们要尽可能多地连接页面的内容呈现,所以有时我们设置字体大小,让用户感觉不舒服,如果可能的话,尽量保持它们。字体大小为12像素或多个特定。虽然许多段落的内容没有找到,因为字体太小。造成困难在阅读,但想想老人,视障及其他类似的种族近视吧。
5 种颜色达成理解
说完后,我们还需要指出使用正确的颜色,例如黑色文字在白色背景上的重要性,如果您使用的是高对比度的红色文字上的橙色背景。让你的眼睛感到紧张
此外,使用一些直观的色盲的特殊形式的(监控工具,称为Vischeck可以测试某些类型的色盲) 。
某些色彩组合都适合在前台,没有背景色例如蓝色文字的使用。有了较深的粉红色背景上的深蓝色背景粉红色的文字是用两种不同的颜色,但在效果不同部位使用。可读性和阅读舒适。它不仅是良好的,并适当地使用在页面上的元素所使用的颜色组合很重要。
6 知道如何编写代码。
有各种各样的所见即所得的网页编辑器充斥市场,网页设计已经成为一个简单的1-2-3步骤,你可以设计一个伟大的网站,但大多数网页编辑掺杂代码所必需的结构化你的HTML设计。不难保持和提高网站的增长。
通过编写代码来获得清洁的代码自己的网页。令人高兴的可读性和维护,你可以自豪地说,自己编写他们的代码,但知道如何使用所见即所得的IDE或预览功能无法与你想学习HTML和CSS的干扰。要知道发生了什么事,以创建一个设计。网络是一个强大而高度优化。
7 不要忘记搜索引擎优化。
当设计一个网站,一个好的网页设计师应该记住的基本的SEO例如,Web内容和结构使用一个名称(如网页和标识的名称) ,此时能力的概念。学习如何正确地进行编码之前的。有用的正确的认识有关的定义和标准的HTML / CSS,你很快就会意识到分区表格式比较好,不仅更准确的内容和排名。搜索引擎还可以帮助另外请注意, CSS来改变背景,文本和图像也是一个不错的主意。
8 了解有关的人不会生病。
普通老百姓谁只有几秒钟的时间决定是否要阅读网页内容较多或到另一个网站,所以一个网页设计师。必须有一些珍贵秒钟做一个更好的办法。鼓励用户选择前者(见下文) 。
你知道,如果你看到的网页内容,有兴趣的头,没有多少人会向下滚动以查看整个页面的内容,所以很容易在那里的头被放置在主要元素在页面上看到。该网站,但不密实回到页首一半,否则会吓跑用户,而不是继续往下看内容,请记住,网页设计的卖点的顶部:他们是一个销售订单的人来买。想什么他们希望看到你的网站
10 了解(并实现)是兼容的浏览器。
当一个网页设计师必须了解一件事很重要。你的工作(浏览器)是重要的和难以预料的,如果你的网页设计,你可以运行一个Web浏览器,多,还不够,你需要一个浏览器是很多下。这里测试BrowserShots工具,您可以测试浏览器兼容性。

«1»