设计资源

小技巧帮你完成创意十足的网页设计

蓝蓝

作为一名设计师,每年都会沉浸在一些新的界面设计趋势中兴奋不已。接下来,我们将探寻2013年的设计趋势,这绝对是意义非凡的事情。Web设计师必须洞悉所有相关领域的新趋势,紧跟时尚潮流。

这些新趋势让设计变得妙趣横生。但是很多专家还会倡导那些并非最时髦、最震撼世界的设计。当然,响应式设计不仅去年是热点,今年依然还会被人们重视。同样,栅格化设计作为最基本的设计,也会被继续延续下去。

这次,蓝蓝设计想探索一下那些逐渐发展起来的设计潮流。也许过去我们只是偶尔尝试一下这些设计风格,但是今年我们会真正关注它们。

更多留白/负空间

I think I might -

10个小技巧让你瞬间提升网站档次

蓝蓝

现在全屏背景的网站界面设计非常流行,如果有同学想要做类似的网站设计,那图片与文字就很关键咯,特别是图片上的文字,从字体选择到配色、排版都需要同学们好好斟酌。
今天蓝蓝设计带来10个小技巧,同学们阅读完可以小试牛刀,说不定加上文字就成了点睛之笔,学起来吧!

你必须首先要有合适的图片,好的排版,知道如何充分利用现有资源整合出最佳效果。如果你觉得你已经做好接受挑战的准备了,那么下面的10个小贴士对你会很有帮助的:

1、添加对比

Pack

1

如何规划网页设计草图

蓝蓝

当你在计划设计一个网页设计的时候,不一定要完全依赖电子设备。学会如何手绘可以帮助提高网页设计的效率,给你更多的灵感。
ui设计学院里都会给学生们教授很多基础课程。毫无疑问,很多大型机构或者创业公司都在使用返璞归真的方法来进行界面设计创作。无论你是长期涂鸦的骨灰级高手,还是刚刚起步的素描小菜鸟,能够使用纸张与画笔来进行创作是非常重要的设计技能。不用担心。模仿铅笔功能的一些工具也不是盖的。在这个以设备为主打的时代,还是很大的空间来进行简单又能被认可的设计创作。
实际上,我常常听到很多人埋怨设计师们浪费太多时间与成本在使用PS制作精致的方案草图。手绘则具备更大的灵活性,它可以帮助你在缩减成本的同时发展更具原创性的方案草图。

无论你是在一个大公司工作,或是一位自由职业设计师,通过手绘草图来与顾客交流都是必不可少的。

为什么要绘制草图?

手绘草图相对数字线框图或者电子绘画更有优势。它方便携带,简单易懂,更具创造力,屡试不爽。没有什么比使用笔和纸更简单直接的表达方式了。
我发现,客户更喜欢在获得信息的同时能够提出建议和进行更改。使用电子设备制作出来的图纸看起来接近成品,这样会让客户失去建议和修改的欲望。手绘草图则非常随意,你可以随意修改。

2

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

蓝蓝

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

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

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

结合到网站设计中:

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

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

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

蓝蓝

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

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

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

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

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

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

华丽丽的导航设计PSD下载

蓝蓝

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

Simple Navigation Menu

如何设计新闻类型的门户网站

蓝蓝

最近,一个朋友建议我写点关于新闻类网站界面设计的分析:什么是正确的新闻类网页设计,什么是错误的。他认为现今的线上新闻用户体验非常落后,让人感到厌倦无比,而且只是他们不用心做罢了,采用AJAX或者类似的技术就能把内容呈递的完善,而且导航做得十足精美。

一开始我非常赞同他的观点。蓝蓝设计认为新闻类网站的约束在于:过去传统的报纸以及杂志均为纸媒,动辄就在页面里融入了那些根深蒂固的惯例。因此用户在浏览时会发现,这类网站的感觉很熟悉,但是却限制了视觉表现。与此同时大部分新闻类网站的用户体验设计非常差,经常会出现令人阅读困难的小文本。

从《互联网设计之道》开始,我知道这句话已经别人重复无数次了,如果把网络比作一种媒介的话,那么网络是流动的,是复杂的,也是美丽的。而且网络的威力超出了大多数人的意料。
所以我们一起来看一下这些国际知名的新闻类网站,看看他们的优点与缺点。

归根结底是移动端的用户体验

其实,主要还得是移动端用户的体验。然而很多新闻类网站并没有将此类用户纳入考虑。当然,确实很多新闻网站已经出了iOS或者Android版本的原生应用,可惜效果并不理想,大部分的用户下载完之后,用几次就基本废置到一旁了。

我们获取信息的途径是什么?因为太过官方,内容太过常规,现在的用户很少主动浏览新闻类网站。他们通常是通过点击朋友、亲戚、网友的分享来得到信息。通过社交网络,E-Mail,RSS Feed以及新闻源中的链接来得到信息。而链接导向的往往是网站,而不可能是应用。因此,每个新闻类网站都必须要注重移动端的用户体验。现在用手机浏览消息的人实在是太多了。

那么问题又是什么?为什么新闻类网站不改进呢?
路很漫长,前方有两块绊脚石有待清除。

产品设计的八个原则

蓝蓝

产品设计中,产品界面、使用情景、用户操作等都会影响用户对产品的体验。因此我们在ui设计的过程中应遵循一定的原则,避免设计者片面的根据自己主观认识对产品做出抉择。

原则1:用户界面设计应该是基于用户的心里模型,而不是基于工程实现模型

就是把后台本来很复杂的事情通过设计符合用户日常生活中常用的浏览方式或操作方式。其实这一点是设计师把生活中的细节和数据结合的凝聚点,用户的心理模型抓的越准,界面就会越优秀。

如何做一款成功的应用

蓝蓝

蓝蓝设计从自身丰富的应用开发设计实践经验和大量的优秀界面设计应用实例中,总结提炼了从产品概念、ui设计、开发到市场推广等一系列的相关原则,指导移动开发人员怎样来打造一款成功赚钱的应用。姗姗来迟的这篇文章希望给大家带来一些感悟与帮助。

原文地址:http://www.lanlanwork.com/ 

绝大多数应用都失败了。 这个残酷的现实令很多幻想破灭的开发者开始认为,在Apple store中成功就像在淘金热潮中致富一样:你所需要的仅仅是运气。

image001

“运气论”这种想法是危险的,它就像是用来减轻失败痛楚的麻醉药。感到痛苦是件好事,这样才能看到问题所在。如果我的应用失败了,我会寻找失败 的原因。与其埋怨那些超出你控制之外的因素,为什么不看看像tap tap tap和Tapbots这些公司做了些什么,可以让他们一次次的成功。

推荐给设计师的美观实用的网站

蓝蓝

情人节遇见元宵节,朋友们节日快乐,蓝蓝设计将为你呈现不同的工具和技术分享网站设计,可让你在得到灵感的同时还能发现不错的ui设计工具或界面设计服务。在这篇文章中你将看到美观又实用的网站,全部都不容错过哦亲!

Skillshare

向任何地方的任何人学点什么。

22 Inspiring and Useful Websites

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档