2024年网页设计心理学 篇1
学习网页设计不仅仅是学习用某些软件画些图，更重要的是学习用户心理、用户需求分析，学习界面的视觉效果、信息层次、交互体验。
如果可以准确把握用户需求和心理，最终设计出舒适且高效的视觉和交互体验，除了设计网页，还可以设计广告，做用户调研，用户行为分析等等。
再了解一些开发的工程流程和常用的技术方案，多参与几个产品项目，学习些管理知识，可以快速转型产品经理。
很多工作都有相通之处。当你建立起自己的设计思维，不妨涉猎一些其它领域进一步扩展思路，比如学习一些工业设计，学习编程开发，学习挖掘机技术等等。不要将自己的思路跳出框框，要从一开始就不要给自己任何框框。
2024年网页设计心理学 篇2
先说说我们公司开发一个网站的流程，首先是UI设计把界面设计出来，然后产品根据需求由交互设计师把网站的模型做出来，最后前端开发再根据模型用css和html做出静态页面，如果说网页设计师就是前端工程师，那就是敲代码，但事实上网页设计师的本质是设计，前端只是网页设计的一部分，网页设计师需要了解人机交互，用户色彩心理，设计出用户体验性好的页面，我觉得一个优秀的网页设计师更注重的是设计。
2024年网页设计心理学 篇3
作为设计师，收集素材，寻找灵感，欣赏优秀设计，提高设计能力，是一项非常重要的工作！以下列举设计师十大必备设计网站，看看你常用的有哪些呢？
1、46设计网 www.46design.com
致力于为网页设计师提供设计思路，设计方法，设计技巧的网页设计师网址导航网站。
2、花瓣网（http://huaban.com/）
“花瓣网”帮你收集、发现网络上你喜欢的事物。用户可以将网上看见的一切信息都保存下来，简单上手，玩味无限。花瓣网是一家“类Pinterest”网站，是一家基于兴趣的社交分享网站，网站为用户提供了一个简单地采集工具，帮助用户将自己喜欢图片重新组织和收藏。
3、站酷网（http://www.zcool.com.cn/）
“站酷网”聚集了中国绝大部分的专业设计师、艺术院校师生、潮流艺术家等年轻创意设计人群。现有注册设计师/艺术家200万，日上传原创作品6000余张，3年累计上传原创作品超过350万张。是中国设计创意行业访问量最大、最受设计师喜爱的大型社区。
4、优波设计（http://ubuuk.com/）
全球优秀的知名设计网址导航为设计师提供ps教程、UI设计、素材下载、高清图库、配色方案、用户体验、网页设计等全方位设计师网站导航指引。
5、牛大拿设计师导航（https://www.niudana.com/）
精选国内外优秀 UI/UX网站、灵感创意网站、素材资源网站。
6、求字体（http://www.qiuziti.com/）
以后不用再到处苦苦问高手和大神了，找这个网站就行啦~
7、SDC设计师网址导航（http://hao.uisdc.com/）
资源下载，设计教程，高清图库，配色方案，界面设计，网站导航，酷站推荐，灵感创意，字体设计，行业名博，交互设计，摄影美图等，应有尽有！
8、古田路9号（http://www.gtn9.com/）
国内专业品牌创意平台，以品牌为核心，集创意作品分享，活动招聘发布，广告推广，正版字体素材下载等多元化的交流分享平台。
9、pinterest（https://www.pinterest.com/）
采用的是瀑布流的形式展现图片内容，无需用户翻页，新的图片不断自动加载在页面底端，让用户不断的发现新的图片。
10、设计癖（http://www.shejipi.com/）
是一个帮助你「发现好设计」的网站，Pinterest堪称图片版的Twitter，网民可以将感兴趣的图片在Pinterest保存，其他网友可以关注，也可以转发图片。索尼等许多公司也在Pinterest建立了主页，用图片营销旗下的产品和服务。
这些设计师必备网站，你收藏了吗？
2024年网页设计心理学 篇4
你最起码要先学会html超文本标记语言 再谈其他的
工具方面 我喜欢dreamweaver 8.0 图像及动画方面 我喜欢photoshop cs3 flash 8.0 用这三个做网页基本上无往不利了 不过要想学会没有半年也是不行的学会html之后再学css网页排版 再学javascript网页特效都学会了再去学数据库 这是动态网页的基础 之后再去学asp php
另外我再转给你一段文章 希望你看过后会有所感悟
CSS网页布局是建立符合WEB标准的网页，表现、内容、行为分离。我们要简化我们的代码，让其效率更高。而应用DreamWeaver往往会增加许多垃圾代码，而且不够简化。一句代码能够搞定的设置，DreamWeaver或许搞出四五句话来帮你完成。更重要的是，如果项目是由一个多人团队协作完成，这样由DreamWeaver所制作出来的代码，往往会让其他成员感觉很棘手，一堆代码，没有明确的界定与规律，无从下手与识别。这与table布局时的代码大同小异。
有些朋友或许会说，我们可以使用DreamWeaver的代码提示功能，辅助编码。例如我们在代码中键入“F”往往DreamWeaver就会提示以“F”有关的一些样式，这对于英文基础薄弱的朋友来说是雪中送炭。这个功能我们可以使用，但请注意，不要产生依赖的心理。如果你到了一个新单位，或者加入一个新的项目团队，或者处理一些应急问题，脱离了DreamWeaver这个环境，你很快就愣了，完全不知道如何进行样式的编写。而且这样长久下去，你对代码的含义理解也不够明确与清晰。
如果你想对CSS了如指掌，你想对CSS网页布局的工作非常熟练。建议你扔掉一切辅助软件，用记事本进行开发。如果感觉很困难或者一些单词记不住。没有关系，放一个参考列表在手边，一行一句，一个词一个字母的慢慢的进行编写。一两天以后，你感觉就适应了，一两个星期以后，你就完全熟练了。实践证明这样的付出是值得的，你完全能理解代码是什么，为了少敲字母，你会尽量的想办法去精简你的代码，用很少的代码实现同样的功能与样式设置。假以时日，你的代码就规范了，你就越接近高手的境地了。
2024年网页设计心理学 篇5
网页设计干什么？
网页设计细分的话，可以包含：
1、网页界面设计
就是现在你看到的每个网页界面，哪里放导航栏，哪里放文章列表，哪里放图片等等，对一个网站来说，所有界面都需要预先设计好，符合其业务需要。
2、UI设计
仅仅把网页上需要展现的东西规划布局还不够，还需要“好看”“简洁”等需求--开起来怎样，美观吗？
3、交互设计
按钮颜色边框等都设计好了，还需要能顺利的操作起来。
哪里放按钮方便点击？当点击导航按钮时，下一步怎么展示？或者怎么跳转？这些和用户交互的都需要设计好--怎么操作更流畅，简单易用？
总之，不同公司对这个岗位（网页设计师）的要求可能有差别，但大致不外乎这几个。
2024年网页设计心理学 篇6
经常也会有很多小伙伴们咨询我们，想学习心理学，该怎么入门？我们整理了入门心理学的一些必修课，包含了知我为大家在网上精选的免费优质中文公开课链接，同时我们附上了部分推荐书目，分享给对心理学感兴趣的你：）
以下为大家整理了心理学导论、心理诊断学、认知心理学、社会心理学、发展心理学、心理咨询这6个主题的学习资源。
1.心理学导论
无论学什么课，从概论开始总是没错的。
耶鲁大学公开课：心理学导论（来自网易公开课）
http://open.163.com/special/sp/introductiontopsychology.html
推荐阅读
《心理学与生活》，（美）理查德·格里格
摘自豆瓣阅读：美国斯坦福大学多年来使用《心理学与生活》作为教材。作者是当代著名心理学家。
https://book.douban.com/subject/1032501/
2.心理诊断学
心理诊断学是很多人对心理学感兴趣的原因。
Crash Course：10分钟心理学速成 – 心理障碍/精神疾病（来自网易公开课）
https://open.163.com/movie/2015/9/S/U/MB3BV210T_MBDB33KSU.html
本集介绍了科学界对于心理疾病精神障碍认识的发展历史，主流的观点，以及DSM对于目前心理诊断的作用和思考。
变态心理学 -北京大学钱铭怡（来自华文慕课）
http://www.chinesemooc.org/mooc/4808
变态心理学主要介绍各类精神疾病的诊断、病理等知识。
推荐阅读
《身体从未忘记》，（美）巴塞尔·范德考克
摘自豆瓣阅读：本书是心理创伤治疗领域的杰作。作者是世界知名心理创伤治疗大师。
https://book.douban.com/subject/26796536/
3.认知心理学
认知心理学是研究人的高级心理过程的学科，比如注意力、知觉、记忆、思维和言语等，会涉及神经科学和脑科学的内容。
感觉与知觉 - 台湾清华大学（来自中国大学MOOC）
https://www.icourse163.org/course/NTHU-1001566011
摘自课程页：这是一门神经科学的基础课程，目的是将感觉系统的运作方式用浅显易懂的方式介绍给大家。
推荐阅读
《认知心理学》，R. L. Solso / M. K. MacLin / O. H. MacLin
摘自豆瓣阅读：《认知心理学》(第7版)是认知心理学的主体教材。
https://book.douban.com/subject/3171969/
4.社会心理学
社会心理学是社会学专业和心理学专业同学都会学习的课程。我们要了解社会在我们的心理过程中起到的作用。
华东师范大学公开课：诠释社会、解读生活——社会心理学（来自网易云课堂）
http://open.163.com/special/cuvocw/shehuixinlixue.html
摘自课程页：本课程内容涉及社会心理学的基本概念、基本理论和基本规律，并联系个体与群体生活实际，阐述社会心理学知识在人类社会生活中的应用。
推荐阅读
《社交天性：人类社交的三大驱动力》，（美）马修·利伯曼
摘自豆瓣阅读：社会心理学家的权威之作，讲述了我们为什么喜爱在充满合作与竞争的智慧社会中社交又相互连接，个人的社会影响力如何得以发挥。
https://book.douban.com/subject/26806961/
5.发展心理学
发展心理学研究的是人从婴儿时期开始到生命各个阶段的发展。目前发展心理学的研究内容还是以生命早期儿童相关的内容居多。推荐爸爸妈妈们学习。
马里兰大学巴尔的摩郡分校：儿童发展心理学（来自网易公开课）
http://open.163.com/special/opencourse/childdevelopment.html
摘自课程页：爸爸妈妈的必修课
推荐阅读
《儿童发展心理学：费尔德曼带你开启孩子的成长之旅》，（美）罗伯特S.费尔德曼
摘自豆瓣阅读：本书是一本全面、综合介绍发展领域的指南，以发展阶段为线索，详尽地综述了从怀孕伊始到青春期结束的发展，内容涵盖胎儿期、婴儿期、幼儿期、学龄前期、童年中期和青春期阶段。
https://book.douban.com/subject/26605896/
《孩子的世界》，（美）黛安娜·帕帕拉等
摘自豆瓣阅读：这是一本关于儿童身心发展的心理百科书，它由三位科学家母亲结合亲身的育儿经验和科学研究成果而写成。
https://book.douban.com/subject/20497906/
6.心理咨询
必修课的最后，是大家都喜爱的心理咨询课程。
手把手教你心理咨询：谈话的艺术 - 南京大学陈昌凯（来自中国大学MOOC）
https://www.icourse163.org/course/NJU-1001893005
知我小姐姐说：这个公开课很好，介绍了心理咨询的基本理念和技术，非常实用。
推荐阅读
《心理咨询面谈技术》，（美）John Sommers-Flanagan等
摘自豆瓣阅读：本书几乎囊括了心理咨询初学者所需要了解的关于面谈的一切事情：从临床面谈的基本理论到各种实践技术，从非指导性的技术到各种高级的指导性技术，从一般的面谈过程和阶段到与特殊群体的面谈……更有大量的实际案例与临床趣闻。
https://book.douban.com/subject/25851444/
知我小姐姐说：这本书比视频公开课更好！
注：以上课程资源链接，知我心理学仅承担了筛选推广的工作，所有版权归所有方所有。
如果想对心理学作深入学习的，我们也给所有关注我们的粉丝准备了知识大礼包『免费心理学习精选资料包』，想领取的小伙伴们，欢迎移步查看评论区，或直接私信我们领取。
2024年网页设计心理学 篇7
在设计中，心理学无处不在。正因为心理学，我们才了解红色很适合用于餐饮业的logo——因为它能增进食欲——或者让首屏的行动指令按钮产生更多转化。
也就是说，作为设计师，你不能忽视心理学。因为人类大脑的这些原则，决定了人们对你的设计作何反应、如何相互作用。回顾这7条心理学原则和定律，你能够将它们结合到实际运用中。
1. 冯·雷斯托夫效应
冯·雷斯托夫效应告诉我们，某个元素越是违反常理，就越引人注目、令人难忘。
Hedwig von Restorff在1933年检验了这个理论。她让实验对象观看一系列相似的物品。如果其中某个很特殊，比如说有聚光灯照射，那么相比其他物品，受试者就更容易回忆起这件物品。
这条原则能以多种不同方式应用到设计中。最明显的是如果你想要让某物引人注目，就要使它特殊化，例如通过色彩、尺寸、留白等等。
但是，由于人们更在意特殊物体，他们对于整体的印象就不深。思考是否要突出显示某物时，要牢记它的负面效应。你是想要人们记住一件事情，就只有这一件事，还是说其他元素也同样重要？如果所有都同等重要，你希望人们全部记住，就不要凸显其中某个。
2. 色彩心理学
经验丰富的设计师，对于色彩以及它与设计的关系，有着固定的理解。但是，设计新人们容易忽略色彩对心理的影响，而是选择他们自己喜欢的颜色进行设计。即使你精通色轮，知道如何搭配互补色或者相近色，你有没有考虑过你的设计如何影响受众呢？
没错，颜色可以影响情绪。Adobe列出了一些色彩和与之相符的情绪，下面是一些积极的方面：黑色：精致和力量（案例网站）白色：干净、精致、纯洁红色：勇气、激励、力量；也能激发欲望蓝色：冷静、安定、信任、安全（案例网站）黄色：乐观、欢乐绿色：平衡、可持续的增长紫色：皇权、精神意识、奢华橙色：友谊、舒适、食物粉色：平静、女性化、性
记住，颜色给人们带来的情感，会随着文化和宗教背景而改变。以上列出的仅代表西方文化的观点。
3. 马斯洛需求层次理论
可能你在高中或大学学过马斯洛需求层次理论。如果需要回顾一下，请看下图：
译者注：上图的中文版金字塔并非原文内容，找来帮助大家理解。
这个金字塔形，用来表现一个人要达到自我实现，需要经历哪些步骤。例如，在能感受到爱之前，他们的生理和安全需求一定要得到满足。
那这个在心理学课堂之外有什么用处？营销人员和设计师们，可以将马斯洛需求层次理论应用于广告和公共关系。
设计推广材料时，创建消费者人物角色就能用这套理论。想想你目标客户的需求，处在金字塔的哪一层。你的设计如何激发他们向更高的一层迈进？
也可以用它来挑拨人们的情绪和需求，让他们被吸引到你的设计中来。比如看看这些Salvation Army的海报，就在挑拨爱与归属感。
4. 席克定律
席克定律关系到一人需要多久来做出决定。如果人们有更多选择，就需要更长的时间做出抉择。某些情况下，需要花费的时间太长了，以至于他们根本做不出决定，因为决定的负担太沉重。这就是你为什么在餐馆经常见到简短的菜单——他们不想把顾客吓跑。
这个概念也可以运用到设计中。例如你设计网站时，你就会想要保持导航栏尽可能简洁，只有少数几个选项。如果有必要，将一些页面分组放入下拉菜单，网站访客就更容易对选项归类，并且迅速做出决定。
这对于行动指令也成立。设计海报时，你可不能一下子讲6件不同的事情。你想要人们关注一两个选择。例如，你的设计或许主要是为了募捐，主要的行动指令是“今天就捐赠吧——拨打（888）888-8888”。还有一个次要的行动指令“在Facebook上关注我们”，通过一个二维码，把客户引向Facebook页面。
5. 面部辨识
在设计中加入人脸，是最有效的设计技巧之一，可以吸引人浏览你的海报、网页、或书籍封面。人们天生会被面部吸引——甚至我们能在没有人脸的地方看出人脸来，例如月球或火星表面。更有甚者，研究显示，当网站里加入了人脸，转化率会增加。
这个概念有多种应用方式。
首先，可以使用面部来连接你的受众。只要在设计中放上一张人脸，就更容易吸引访客视线——即使那不是一张真实的脸，而是某个感觉像脸的物体。
还可以根据模特的面部和视线的朝向，来引导用户的注意力。眼部追踪研究显示人们会循着别人的视线，就像跟随指示箭头一样。
还可以使用面部来传递感情。有六种公认的面部表情：快乐难过惊讶害怕厌恶愤怒
利用这项原则，你立马就能确定设计的基调，并且跨越语言的界限进行沟通。
6. 费茨定律
译者注（图中文字）：
费茨定律示例
它是什么意思呢？费茨定律表明，你应当让按钮和其他界面元素足够大，因为用户点击小按钮十分困难。
如果你有个小按钮，像【OK】这样，可以增加一些内边距，或者让它更宽：【 OK 】
如果说网站上有个按钮，让整个按钮都能点击——而不仅仅是文字标签。
而且，如果你把物体放在很远的地方，最好就要增大它的尺寸作为补偿。
费茨定律是一条科学定理，通常用于描述人机交互。它说“移动到某个目标上所需的时间，是一个由目标尺寸和目标距离构成的函数。”
这项原则可以用于网页设计中。本质上来说，点击区域越大，就越容易被点到。
举个例子，当你设计一个网页时，你当然会把导航做成可点击的。但是链接的可点击区域是哪块？只有文字能链接到目标地址，还是标签页本身也可以点击？
同样的，你也可以反过来设计。不想让人轻易点击到的链接——例如删除或取消按钮——就应该有更小的点击区域。
7. 奥卡姆剃刀原理
奥卡姆剃刀原理告诉我们最简单的解决方法往往是最好的。尽管这与其说是设计定理，倒更像是一个哲学概念，但它还是很容易用于设计中。刚入行的设计学生们容易创造出复杂的设计，里面有许多不必要的元素，只是为了展现他们的创造力。但是，你会发现这些设计往往对用户是不友好的。
这个概念也可以和席克定律关联起来。如果你尝试向网页中塞入过多内容，而不是选择最简单的方案，人们就会有过多的选择。然后，设计就会变得令人眼花缭乱，会被人们迅速抛弃。如果你不清楚设计将如何发展，通常可以稳妥地倾向于选择最简单的方案。
心理学在我们日常生活中扮演重要角色，但如果你是设计师，就更要加倍关注心理学原理，来创造能够与用户交流并为客户带来转化的作品。你的下个项目中会如何使用这些原则呢？
了解更多能够用于平面设计中的原则和定理，例如著名的斐波那契序列、三分原则、黄金比例、帕雷托法则（80/20 二八定律）等等。