帮助文档Help

深圳网站制作应该懂点设计心理学-巅云建站设计

一佰互联网站制作(www.yinxi.net) 发布日期 2019-06-22 22:25:01 浏览数: 322

深圳网站制作应该懂点设计心理学

以心理学为基础的设计目的是什么

    在设计过程中稍微考虑下心理学的因素对于最后的结果来说很有帮助。如果你将心比心,把自己当作用户,花点时间去考虑用户的需求,然后再回到你自己的设计思路上,那么你就会明白该如何组织元素以吸引用户。

    通过这种以用户为出发的心态去设计。结果很可能是用户满意,而且完成了你所期望的操作。无论是和你联系、还是购买你的产品、或者向朋友推荐你的网站。这就是将心理学带入设计中的主要原因。因为你更希望用户按照你的想法与你交互。

    构建信任感

    为了让用户按照你的引导去进行操作,首先,必须让他们信任你。获取信任并不容易,尤其是在这个充满了欺骗、花招、套路的网络上。对于那些熟悉互联网运作模式的人来说,他们会将个人信息隐藏,无论网站是多么的高质量、是多么的有用,他仍然不会暴露自己的个人信息。

    作为设计师,我们经常忽略了这一点,我们经常在网上讨论商务事宜。但是对于客户以及客户的客户来说,很容易在互联网上暴露他们的信息。因此,你可以用设计心理学来让你的网站具有可信任感。可以通过设计、通过语言的循循善诱来建立一种可信赖的形象。从而让他们注册、购买、与你做生意。

    注意用户的一些习惯

    当某人登录页面的时候,他期待立马看到一种”东西”,至于网站或页面的种类,爱是什么是什么吧。如果他没有看到这件”东西”他们通常会感到他们进错了地方,这个页面不是他所需要的,也不带感(因此,也产生了不信任感)。他们需要在页面的顶部或者某个显眼的位置提供整个网站的信息层级,也就是说这个”东西”就是导航条。因为每个人都习惯网站具有导航条。

    标签能够帮助用户有效的识别网站内容,同时还能有效的组织、补充、完善网站信息。比如。你要设计一个环境保护的博客。如果你的整个页面是汹涌的黑色,而顶部没有导航条,只有天际线的图形和美丽的阳光,那谁能知道这个网站是做什么的呢?

    导航条是一方面,而色彩应用又是另外的一方面,如果你才用整洁、现代感的设计,使用很多绿色和自然的色调,那么用户下意识的就会认为这个网站和自然、环境有关。这是因为色彩上的一些惯性联想。

    通过这些元素了解用户的习惯,熟知人的一些共性。就能为项目做出合理的设计,不但有利于整体设计,还利于用户的浏览。用户习惯博客的最新文章能发表在页首,用户习惯商务网站的产品放在第一页,用户习惯每个网站都具有站内搜索条。最重要的是,用户非常习惯每个页面都有”关于”和”联系我们”的链接。

    品牌的一致性

    在网站上用户所看到的视觉风格,会潜移默化的影响用户,他们认为你们的线下产品也应该是这个样子。

    因此在线下的一些产品的用色和设计风格上要和网站设计的风格联系起来。Logo也是同样的道理。这样才能保持品牌的一致性,在品牌推广上的效果更佳。

    心理上的触动

    情绪上和心理学上的触动是非常有价值的工具,能够影响到用户,能够使他们跟着你的引导区进行操作。触动包括”恐惧感、愧疚感,归属感、以及价值观上的共鸣”。通过界面的语言最容易打动用户,图像元素给这些触动提供了有力的支持。

    色彩心理学

    色彩心理学在设计心理学领域是一门很复杂的学科,但我们掌握一些基本准则就好。确保实用的颜色和信息相配。

    阅读习惯

    人们的阅读习惯是:从左至右,从上到下。作为设计师你要利用这个习惯,将最重要的内容放在合适的位置。这就是为什么很多页面Logo都在左上角的原因。

    将不重要的信息放在用户习惯的阅读区域会导致用户的离开,比方说横版布局的页面,你将最新的文章放在了右面,用户就觉得这篇文章不是新文章,是旧的。

    每一页都要有焦点

    正如人只能专注于一件事物一样,你的界面的每一个层级都最好有交单。设计要在每个页面都强调焦点元素。这样用户就能知道每个页面的功能是什么。可以通过导航条、标头来实现。

    业余设计的特点就是,喜欢把内容拥挤在一起,不要害怕空白区域,要学会留白,有张才能有驰。而且不论是整体布局、还是文字之间,最好有一定的呼吸空间。

    如何在设计中混合心理学?

    确定目标用户,确定他们的情绪触动点在什么地方;和用户交流,了解他们的需求,听取他们的建议;给网站建立一个网站地图;设计元素有序组织,保持整体一致性;找出整体设计中最优秀、最突出的点,加以分析。

    总结

    设计心理学是每个设计师都应该研究的,因为设计的目的是为了更好的体验,而掌握用户的心理是体验的核心。好好利用心理学,你的设计将更有效果,客户将更满意。耗时不多也不难,因此我觉得每个设计师都应该掌握这些简单的基本规律。


简化网页使内容更具可读性
    简化网页,要求设计师回归基本,先考虑设计的核心,然后再考虑添砖加瓦。简化网页并不意味着完完全全的简化,去除所有的装饰和视觉修饰。实际上,简化网页的目的在于打造更整洁的界面,这就够了!然后要提的是,简化网页不意味着一味的删除元素,殊不知有的时候”加即是减”,只要我们能够更好的驾驭内容,只要加入元素后浏览体验更佳,不妨试试”加法”去简化。

    接下来,详细介绍下如何简化网页:

    检查内容结构

    首先我们要检查一下内容结构,毕竟设计是围绕内容展开的。设计完成后,经常会发现有些内容和设计不协调,可以做出一些调整,编辑或者删除这些内容。

    我们需要检查内容是跟设计具有上下文联系,如果毫无联系,或者内容过于繁重,那么快解决这个问题。试着找出解决方案,让内容更具可读性。老话说的好”质量高于数量”

    然后可以尝试切分内容,使用小黑点,链接,图像,标题,将内容切分为不同的区块,这样阅读起来更流畅。如此调整之后,是不是整体看起来”呼吸空间”更多了?虽然没有减少任何设计,但是通过对内容的调整,网站变得更加有序,这也是简化的手段。 

    留点”呼吸”空间

    使用网格线布局来让设计具有更多的呼吸空间,这样看起来就不拥挤了。网格线还是不好使?那就从规矩中跳出来,有更好的办法,用自己的办法!一切只为目的。

    还不行就删吧

    问一下你自己,所有的视觉元素都是必要的吗?最终设计时,要无情的删掉那些不必要的设计元素。
把自己想象成用户,”我浏览此网站的目的是什么?我想得到什么?我登入网站后第一件做的事又是什么?”要确保设计元素位置合适,这样才能帮你完成设计目标。要确保设计元素不要”过载”。我觉得移除一些不必要的元素很有必要,很能提高网页的可读性。

    除了删,当然也可以增

    听起来有点不可思议,是吗?别害怕,试着增加一点,通过风格化和装饰化的设计,来进行内容的区分,这样内容也可以变得具有可读性。听起来有点不正常,但正如我前面说的那样,有时候”加法即是减法”。只要能够便于用户阅读、搜索信息、浏览页面,那么”加”也无妨!

让图标更具吸引力的四个要素
    图标在深圳网站制作中的作用

    图标可以说是一种不稳定的视觉元素,因为图标包含了太多的意象,可以扮演不同的角色。一个铅笔的图标,就能代表很多意义,可以代表设计,也可以代表出售铅笔,也可以代表素描。图标最主要应用于:

    1、视觉上分割内容:让内容更具有吸引力和可读性。经常被应用到网站的主体、列表、或者其他文本较多的元素中。

    2、作为概念的视觉参照物,快速引导用户:这在导航元素中最为常见——比如放大镜代表搜索——非常简单,有时候连文本注释都不需要。

    效果突出,因此图标被广泛使用。因此可以在深圳网站制作几乎每个元素中都找到图标的身影:标题、脚注、导航条、列表;图标可以大幅提升页面中元素的浏览效果。

    优秀的图标具备哪些优点

    不难发现,图标是优秀深圳网站制作中不可或缺的部分,但如果使用不当或者图标设计的不到位,那么辨识度就很差,用户也难以理解。因此我们需要 外观精致、意味深刻的图标。

    尽管图标设计说来话长,而且也比较复杂,但是图标对各种设计来说,都大有裨益。无论是何种设计,如果想要使用图标,那么必须记住下面这两点:概念传达完善、具备视觉有效性。

    如何保持图标的视觉有效性

    图标能够很好的组织相关内容,吸引注意力,将用户引导至重要信息处,前提是,图标要与内容、其他图标、整个网站的视觉风格一致。

    1、图标系列应该保持视觉统一

    对于一组风格不统一的图标,即使某款图标设计的再棒,也要放弃。视觉统一,关乎到整体设计。如何实现视觉上的统一?这里有一些小技巧,包括:使用相同的颜色或者配色;将所有的图标设置为形状相同;边界属性要一致;效果要一致,比如说渐变、透明、阴影等效果;最后,还要考虑图标的视觉风格是否与内容、网站的风格一致。

    2、一定限度的自由组合

    有时一款深圳网站制作仅仅采用一套图标,但如果不够用,可以尝试采用多套图标,上图的This website,就采用了多套图标,只不过这几套图标的维度相同。而且这几套图标也不在一块儿工作,他们应用于不同的页面,彼此之间并无不和谐。只要熟练掌握这种变通的方法,那么图标的选择更加自由。

    3、图标应该和网站整体设计相配

    当然,图标与其他设计元素搭配的方法说不清、道不尽。但是从基本触发,有两种方法:

    图标与网站整体形成鲜明的对比: 当图标作为导航时,这种方法非常奏效,比如上图的社交媒体链接,更能够吸引注意力。

    图标的视觉风格要与整体设计风格相似: 像上图中的图标,与整个页面风格完美契合,提供了一种视觉上的和谐感。

    如何用图标完善的传达概念

    通过逻辑性和一致性来传达概念。

    图标要简单易懂

    每个人都有每个人的见解,图像的解释也不是绝对的,可能一部分人能够理解这款图标,另一部分人就不能。但图像的传达能力比文字强,比如说上图中的图标,就能清晰的传达含义。

    但有时候,设计师试图在图标信息图中添加复杂的概念,结果图标的混淆作用大约传达作用,比如上图。这种情况下,就需要做进一步的信息提炼,回归内容。如果还是无法解决问题,那么说明图标在此次设计中并不适用。建议多多了解一下信息图设计,这种设计就非常注重图标的概念传达。

一佰互联是全国知名建站品牌服务商,我们有九年网站建设、网站制作、网页设计、php开发和域名注册及虚拟主机服务经验,提供的自助建站服务更是全国有名。近年来还整合团队优势自主开发了可视化多用户”巅云建站系统“3.0平台版,拖拽排版网站制作设计,轻松实现pc站、手机微网站、小程序、APP一体化全网营销网站建设 ,已成功的为全国上百家网络公司提供自助建站平台搭建服务。

相关新闻more

21
04月
用CSS3和table标签实现一个圆形轨迹的

html:其实就是根据table标签把几个实心圆div进行等边六角形的排布,并放入一个div容器中,然后利用CSS3的循环旋转的动画效果对最... >>详情

25
12月
诚聘ec商城自助建站系统二次开发人员

因公司发展需求,诚聘ECSHOP二次开发人员三名。有开发经验者优先! 要求:懂ec程序结构及系统自定函数及模板机制,即能独立完成系统二次开发... >>详情

27
03月
小程序的黄金时代,提前带你抢占先机(速度收藏

简介:有人说:小程序势如破竹,种类繁多。越来越多的人开始接手做小程序。是的,目前,微信小程序的日活用户已经突破2亿大关,最早一批开发了微信小... >>详情

13
05月
外链在网站优化中起什么作用?_巅云建站

站长们都知道,网站外部外链对于seo优化也是很重要的,外链的质量非常关键,我们要掌握外链的注意事项,这样外链才能起到好的作用,今天网站优化... >>详情

高端网站建设

美工兼顾SEO,为企业电子商务营销助力!

电话:

023-85725751
建站

产品

域名注册 虚拟主机 云服务器 企业邮局
智能建站 APP打包 微站/小程序 创业平台
网站推广 媒体营销 智能采集 AI机器人
400电话 短信营销 店销机器人
私人定制 门户网站