首页

网页设计师应该知道的心理学

蓝蓝设计的小编

关注人类心理学的一些研究是非常有意义的。通过对人类心理的推敲,蓝蓝设计讨论人社会心理,这能够帮助创业公司开拓市场,因 为受欢迎的内容和大众心理有着最直接的关系。问题的关键是,很多心理学对于网站设计者有着很强的启发性。心理学帮助网站界面设计开发者看清人们的思维如何运作。今 天,我们和大家分享几条对网站ui设计非常有益的建议。

1.太多的选择等于没有选择。

根据Sheeya Iyengar教授的心理学研究,我们能够洞察人们处理多重选择时的心理变化。“选择就是放弃”,Iyengar教授,《选择的艺术》的作者这样总结说。 社会心理学发现,当人们面多过多选择的时候,他们的表现非常相似:他们不会做任何选择。这就是所谓的“安全选择”。

结合到网站设计中:

太多需要用户去点击的东西,会让人觉得混乱。就拿我自己的网站来说,当我把两侧的工具栏撤掉一半之后,注册的用户大大增加。思考你的网站最终、最核心的目的,关注集中一点,删掉无关紧要的点缀和内容,直到你的内容只剩下最本质最重要的内容,这样你的用户才愿意呆在这里。

2.网站访问者读宽屏文字更快,但他们喜欢短屏文字。

网站配色,如何给使用者一点“颜色”瞧瞧?

蓝蓝设计的小编

大多的网页设计组成都是明亮的背景(通常是白色的)以及黑色的内文,但也有少数的网站设计是属于暗色系的、或是色彩鲜艳的网页界面设计

但你曾想过为什么有些网页用鲜明颜色、有些则选用白色当背景吗?

这跟使用者的“动机”有很强的关联性。如果把使用者用某个服务的动机,简单用二分法来说,一个是“功利”动机、而另一个则是“享乐”动机,那么:

  • 功利动机适合低唤起、高亮度设计
  • 功效被定义为有用的特征或是状态,使用者寻求功效。例如,当你每次在使用计算机时,你可能就有一个功利性的动机在背后,像是协助你算帐更快。

研究显示,属于功利动机的消费者在低唤起环境,会比起高唤醒环境,更容易产生正向认知。唤起程度是指外界环境如何刺激引发我们的感觉,像白色较容易营造低唤起环(较不会刺激我们的感觉)、而红色则容易营造出高唤起环境(刺激性较强)。

举例来说,使用 Google 的使用者许多是因为功利动机,像是搜寻资料、观察信件……。所以 Google 网站和应用程式主要以白色为主,对使用者而言,身处于低唤起环境,不容易刺激人们的感知,使用 Google 服务时会比较轻松自在。

做共赢的设计!社交登陆表单那点事

蓝蓝设计的小编

什么是社交登录表单

和单纯的注册与登录不一样,现在是社会化的合作时代,一切都讲究共赢、!而社交登录表单界面设计正是为我们提供了一个快速进入网站的入口,通常包括注册和登录两部分。社交登录入口一般都是facebook、推特、新浪、qq等。
要想使用网站设计提供的社交登录表单功能,前提是你有那些社会化网站的帐号,不过这个时代,谁会木有QQ或者微博呢:)话说国内的一些网站利用社交登录表单登录后,体验很不好,层层跳转,进入网站后,依然要填写一大堆个人资料。而且每次还不能记录登录状态!这哪里是提供便捷,分明只是一个噱头而已。

直观看一个例子 Wunderlist:

1

该应用允许用户使用社交账号登录,也可以另外直接创建账号。

直白地说,社交登录表单就是一个进入某系统的入口,用户可以在这里注册账号,实现快速登录。

社交登录表单用例

提升品质!丰富APP动态效果的六点原则

蓝蓝设计的小编

如果想让你的移动界面设计应用更活泼更灵动,丰富的动效是不可少的,丰富的动效可以让你的应用更具活力,充满生机;丰富的动效可以让你的应用彰显效率,提升品质感;丰富的动效可以让你的应用充满魅力,引人探索;丰富的动效可以让你的应用减少焦虑,消除等待感;丰富的动效可以让你的应用充满韵味,有节奏感;丰富的动效可以让你的应用有出奇的信息组织,整洁。

蓝蓝设计这里主要介绍六种简单通用的方式 ———— 转场、邀请、过渡、反馈、缩放、吸附。

原则一:转场

zhuanchang 移动应用丰富动效的六点原则

提高网站可用性的经验指南

蓝蓝设计的小编

我想每个人都会赞成,网站设计的可用性是它能否受欢迎的一个重要方面,无论你进行的是公司网站、在线商店还是其他,让你的界面变得容易操控,使用时令人舒服是关键,近几年已经有很多针对网站界面设计优化的研究,而且这些研究的成果对于提高网站可用性是非常有价值的。现在这里有10个超实用的经验分享,相信蓝蓝设计,这些建议会极大地提高你那个网站的用户体验,让用户爱上你的网站界面设计! 

一、善用人物配图,使用户专注于你想呈现的

当进入你的网站,我们会本能地关注网站上人物图片中的脸和眼睛,这倒是为我们提供了一个想法,是不是可以用人物配图吸引小伙伴的注意力呢?当然,但这仅是第一步,我们还可以这样做,你瞧,是不是大不相同!(见下图)

这是第一步:

20090316 dmwcj8wqr8egihdihssm4xm517 You look where they look

华丽丽的导航设计PSD下载

蓝蓝设计的小编

在2014年涌现了许多有视觉吸引和创造性的导航界面设计,她们不仅身段妙曼富有美感,而且传承了整个网站设计的导航指引,让浏览者轻松愉悦的访问网站。她们会温馨的提醒你在哪儿,还会体贴的带你获取到想要的东西。别等了,现在就去寻找你喜欢的导航下载它吧。下面请欣赏蓝蓝设计精心收集的华丽丽的导航设计PSD,希望对朋友们的ui设计能力有所帮助!

Simple Navigation Menu

漂亮的APP应用网站

蓝蓝设计的小编

如果我说很多iPhone应用网站的界面设计都颇为精美,相信筒子们不会有什么意见的。看来那些ui设计师们都敞开胸怀迎接“苹果style”,创造出干净简约又优雅的网站设计。可不嘛,作为一枚合格的设计师,他们才不会随随便便弄个网站展示他们的app设计呢,都卯足了劲设计出新颖的版式,配上美美的图片、大量留白和恰当的字体。那么今天呢蓝蓝设计将要带给你的这份灵感清单就是一些绝赞的iPhone应用网站啦,切克闹~

Wedding Party

与你的客人一起,通过这简单有趣的app捕捉并分享你婚礼中的美好瞬间。

21 Beautiful iPhone App Websites

时尚创新的侧边栏菜单网页设计

蓝蓝设计的小编

信不信由你,侧边栏菜单将会是2014的一个新趋势!实际上,菜单已经有相当长的一个历史,最开始它只被用在计算机应用程序上,后来逐渐流行到社交媒体网站设计。现在很多单页界面设计的网站菜单都非常精美而便利。那么请欣赏一下蓝蓝设计收集到时尚创新的侧边栏菜单网页设计

Wanda Print

网站设计导航也采用了双重菜单,而且篇幅很广。菜单如此宽广,排版如此简洁,加上导航和背景产生的强烈对比,使得整个网站显得非常微妙而自由。

6

无法忘怀的色彩:移动界面设计中的渐变

蓝蓝设计的小编

今天蓝蓝设计要探讨的可不是渐变,要探讨的是移动界面设计中的渐变。我们来一起学习、感受一下现今移动界面设计中最流行的渐变吧。

推荐阅读:
《一枚app图标的设计文化》 
《超赞!高大上的动效设计方法及流程总结》

一、渐变作为界面的背景

iOS7 Lockscreen by Michael Shanks
神秘、优雅、颇具吸引力、简单、只包含必要信息,半透明的解锁条让我们感受到细腻的质感。

iOS7 Lockscreen by Michael Shanks

超酷的饮料类网站设计欣赏

蓝蓝设计的小编

经常在电视上看到各种饮料的动感广告,但作为多媒体推广最重要的一环,饮料自身的官方主题网站界面设计必然是很有看头的:动感激情或优雅宁静,通过明艳的视觉和新鲜的交互将产品推销给顾客。那么朋友们和蓝蓝设计一起欣赏下面这些超酷的饮料类网站设计吧!

更多饮料类网站欣赏http://www.lanlanwork.com/

KOA Water

KOA Water

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档