首页

做交互方案时,请注意检查这4个点

周周

编者按:本文总结的4个点都是新人做交互方案时容易遗漏的,看完可以查漏补缺,完善场景,建议阅读。

作为一名交互设计师,到底什么程度才能算得上是“专业”?成为一名专业的设计师是否有方法与捷径呢?答案是肯定的,但是今天我分享的内容还不敢称之为体系,只能说是几个小小的经验吧,希望能给正在奔向专业路上的你有所启发。

如果你是设计新人,可能你现在还没有完全形成自己的思维模式,那么以下这几点你就可以开始注意了,至少把这个几点加入到你的考虑范围内是不会有错的!

一站式图标设计指南

用心设计

这是一篇由国外万粉dribbble大神Justas
Galaburda免费提供的图标设计指南,在国外的UI设计圈子里算是引起了不小的关注。与一些小伙伴所期待的可能不一样的一点是,这是一篇侧重于方法论方面的指南,涵盖了从设计第一枚图标开始到完成一整套图标所需要的一切,而不是一篇侧重于软件技术方面的指南。

一站式图标设计指南

【译文】Facebook设计VP的产品设计观

雪涛

定义框架

1、产品成功的原因在于帮助人们解决问题。这点世人皆知,但却是打造伟大产品最重要的认知。

2、打造新产品的第一步就是弄明白要解决的问题是什么,目标用户是谁。这是在开始思考任何解决方案之前最应该弄清楚想透彻的。

3、你应该问的第二个问题是“为什么这种特殊问题值得(我们)解决?”

4、如果产品定义的目标用户范围很窄(你自己也属于这类特别用户之一),那你或许可以依赖直觉来指导产品决策。如果不是,你就应该依赖研究和数据来进行决策。

5、如果你是初创公司的创始人,针对狭义用户去解决痛点会帮助你有一个良好的开端,当有了初步的成果后,再扩展到更大范围的用户群体。

6、你打算解决的问题应该能用一两句话描述清楚,并与你的目标用户产生共鸣。如果没有,考虑放弃或改变吧。

这7个思路,能帮你在设计项目中用好小图标

周周

图标是设计项目中几乎必不可少的一个组成部分,但是在图标的具体使用上,讲究并不少。 如果你曾仔细浏览优设的网站,应该已经看过不少图标设计的实战案例。

1、强化视觉

avenir-clinic

2017 UI流行趋势 - 色彩探索

用心设计

还记得双12期间打开手机淘宝,总有这么个小入口在诚意满满向你挥撒红包优惠券吗,还记得它每天给你带来多变的小惊喜吗。对啦,它就是剁手界的彩蛋,买买买中的精灵:手淘双12主会场小入口。

“淘宝1212亲亲节”超级入口设计,背后不为人知的故事

玩转草木绿!在这里了解2017的年度潘通流行色

雪涛

作为一家专门以开发和研究色彩而闻名全球的公司,潘通(Pantone)是目前最有影响力的色彩标准供应商,同样的它也作为每年流行色的风向标而存在,每年、每个季度都会发布当年的流行色,对于设计和时尚行业从业者而言,这都是相当值得参考的。

最近Pantone 发布了2017年的年度色彩,草木绿(Greenery),色彩编号为15-0343。全新的草木绿充满了自然的气息,明亮、清新、干净。对于这款全新的色彩,Pantone 是这样描述的:“草木绿介于黄绿之间,它是唤醒春天的第一抹色彩,充满了自然的生机,带有重生、更始的意义。草木绿呈现出了植物蓬勃的生命力,将勃勃生机视觉化地呈现到用户眼前,让用户不由得想深吸一口,提振情绪,重获新生。”

学会这6个特殊视角的构图方法,让你的设计脱颖而出!

周周

白无常:许多设计师都习惯的把精力放在视觉元素的效果上,而忽视了视觉元素之间的位置关系。如果对设计的构图没有了解,即便是精彩的画面效果也发挥不了作用,甚至会误解了传播的信息。

设计构图的作用

构图过程是设计师从混乱的视觉元素中找到条理性,帮助观者在各个视觉元素之间建立联系,从而有助于他们阅读。设计的构图的作用是为了加强视觉的张力增加设计的趣味性,吸引并引导着观者的注意力。

看人识人 - 设计师辅技手册(二)

用心设计

Part 1:了解情绪

1.情绪的来源

情绪(Emotion)的词根是“motere”,意为“行动”。简单来说,情绪是大脑的条件反射系统,反射出人类从古到今的生存经验。当危险来临时,情绪迅速反应,根据经验,调动身体来应对,来保证存活。正因为如此,情绪会导致生理反应,例如:生气时,血液流到手部,方便攻击;恐惧时,血液流到双腿,方便逃跑;快乐时,身体恢复加快等等。这都是远古人类的生存经验。

Image title

用这个方法,轻松提高H5动画的开发效率!

雪涛

Janilychen:以往做一些H5的运营项目,都是动画设计师使用Animate cc(原来的Flash)先设计好动画原型,然后交给我们UI开发来实现。做过动画开发的童鞋都知道动画开发都是比较耗费时间精力的,而且还要高质量的还原动画设计师设计好的动画,来回沟通成本也非常高。

那有没有一种的方法来改善这种流程,提高开发效率的同时还能完成高品质的动画呢?

经过一段时间的摸索,发现AnimateCC(就是原来的Flash)可以导出canvas动画,而且是基于createjs这个开发轻量级游戏的js库的,非常适合用来做移动端的一些h5动画。不仅缩短制作动画所需要的时间。同时它也是一个可视化的IDE,不需要编写代码就可以完成高品质的动画效果;还可以通过Javascript,为动画效果添加交互性。

这8个要点,能让你的网页首图抓住用户注意力

周周

编者按:Banner 是我们最常聊到的设计元素,它是一个网页的招牌,是用户最容易看到的视觉元素。今天,我们来聊聊Banner中的急先锋,网页首图,它的设计之道。

网页设计师都明白,网页对于用户的第一印象是非常重要的,而网页给用户的第一印象很大程度上取决于网页的视觉设计。现在的网页虽然多种多样,但是出于视觉化设计的目的,大多会使用大图背景,或者超大尺寸的Banner。当用户一打开网页的时候,映入用户眼帘的Banner ,是影响视觉设计的关键因素,它有个专门的术语是 Hero image,我们通常称之为首图。所以,网页首图的设计需要特别用心的。

网页首图不仅仅是一张漂亮的图片,它还应该是强大的视觉传达工具。谈情怀不如讲套路,今天的文章,我们就通过一系列最佳实践来为你展示首图设计的一些设计“套路”。

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档