首页

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

涛涛

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

时至今日,我们再来审视一下扁平化设计

之晨

编者按:又是一篇关于扁平化设计的文章,与优设之前的诸多文章不同,今天的文章带有阶段性的总结的性质,文章源自著名设计工作室 Tubik Studio,多图预警~

著名的艺术家 Edgar Degas 曾经说过,艺术并不是你所看到的东西,而是你让别人看到所看到的东西。平面设计能够通过调整形状、阴影、字体的笔触、字母间距来调整观看者的情绪和感受,在这一点上,它和艺术是共通的。作为目前设计的大趋势,扁平化设计,无疑也具备着同样的特征。

扁平化设计

现如今的扁平化设计并不是单纯的一种风格,而是涵盖了诸多常见风格、具备多种不同目标或任务的一个设计集合体。目前扁平化设计被广泛应用于数字设计领域,并且常常通简约或者极简的视觉表达方式结合起来运用,由于移动端设计风格的演变历程的原因,扁平化设计常常被视作为拟物化设计的对立面。扁平化设计在过去的几年当中经历了积极而快速的发展,目前正“入侵”着越来越多的平面设计领域。今天的扁平化设计已经成了网页和UI设计中的主流设计方向,甚至可以说是我们日常生活中不可或缺的部分,并且开始影响我们生活中的日常决策,并且具备解决各种问题的潜力。

1-th1HdrN-I_dyrI_RxbKGFg

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

涛涛

并不是所有的图片都能给用户带来惊艳的感觉,很多时候,图片也不足以撑起整个设计的视觉和形式感。

这个时候,图标的重要性就凸显出来了。许多有趣的图标和图片结合起来使用,能够强化图片的内容,提供额外的信息,给予用户以交互的提示,从视觉、交互、体验三个层面对设计进行提升。

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

之晨

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

1、强化视觉

avenir-clinic

并不是所有的图片都能给用户带来惊艳的感觉,很多时候,图片也不足以撑起整个设计的视觉和形式感。

那些蒙版引导的小细节

涛涛

蒙版引导一直是一个十分热门的话题,对于很多用户来讲经常会不彻底阅读甚至快速关闭来结束引导,这样便起不到很好的教育作用。甚至还有“在界面上添加这些并不会让你的产品变得更易用”的说法(观点引自文章“Misused mobile UX patterns”)。但我认为这种说法过于片面,对于一些流程复杂或者功能个性的产品应用,添加蒙版引导进行说明,是十分有必要的。

7个UI小例·用细节留住用户

涛涛

APP已如此成熟的今天,视觉基本都做得不错了,说实在也都大同小异,因为一个好的APP,更多的是使用多年来培养出来的大众习惯来指导设计,而不是界面多么与众不同,而是细节决定胜负。

 

以下7个APP是大家再熟悉不过的,使用过程有些功能细节自己感觉很好,印象深刻,今天特地截取下来分享。可能你天天使用并无感觉,但正是这些不显眼的细节,慢慢培养出大批忠实用户。

如何让设计更具价值

涛涛

很多有资历的设计师会厌烦那些具体且琐碎的需求。因为设计已被当作一种明确的任务去执行。现实就是这样,当你把自己局限并等待别人过来派发“任务”时,其实已被降格成乙方。怎样才能摆脱这样的窘境?除了让自己努力当上乔纳森·埃维外,唯一的办法就是系统地洞察产品的真正问题,将自己的想法勇敢讲出来

企鹅FM 3.0设计中,设计团队也在努力实现自我价值,洞察产品的核心体验并针对问题思考策略。


UI 设计规范的制作思路+常见问题总结

涛涛

编者按:制作UI 设计规范的大体思路应该是怎样的?制作规范时容易遇到哪些瓶颈?今天这篇好文是华为设计师总结的经验,帮你一次性搞定这两个问题!

2016已经接近尾声,上两天刚参加完比赛,利用这几天空闲时间,把最近沉淀下来的东西分享出来。

上个月团队几个小组进行友谊比赛,命题是“邮件”。规定大家以产品思维去设计一款全新的产品,形式不限。很难得的是所有人都参加了产品设计的每一个环节。我们秉着发现问题、解决问题的态度开始了这次友谊比赛。

交互/视觉都需要掌握的APP加载动画知识体系

涛涛

众所周知,app服务器在加载数据的时候需要用户等待一段时间,为了缓解用户等待过程中的焦虑情绪,设计者可以采用加载动画的方式来缓解用户的等待时间,使整个等待过程变得更加友好、流畅。

一个好的加载动画分为两个层次,第一个层次是满足用户的基本心理预期,缓解等待的焦虑;第二个层次是要给出用户一定的惊喜,甚至让用户对加载动画抱有期待、好奇的心理。

这里我们暂时先只讨论第一个层次的内容,因为这已经能够满足大多数app的需求了,至于如何做出让用户惊喜的加载动画(如饿了么、京东的加载动画),我们可以另外讨论。

如何理解“风格”的含义

用心设计

什么是⻛格?


最早的⻛格是在艺术品上形成的,它呈现出了具有代表性的特征,艺术家由于不同的生活经历、艺术素养、差异化审美,通过作品去表达自己的情感、反映社会环境…例如莫奈,在他的油画中运用对色彩、光影的理解,摆脱之前的写实主义画⻛,领导印象派的诞生,我认为⻛格,无法用一个简单的词汇去定义,举个例子,比如我感觉一个人很强势,这是通过他平常的做事方式,衣服的搭配,走路的姿态,说话的语气去塑造出来的这种感觉,同理在设计中要想形成⻛格也应该是从多方面去塑造,我并不认同换个颜色=换个⻛格这种事情,纵观各领域中app同质化严重,表面上颜色不同,排版不同,实际上都是一样。Image title

日历

链接

个人资料

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

存档