首页

UI设计中的阴影与层次!

鹤鹤

随着大家对于扁平化设计的反思和优化,近两年的整个设计风向显得理智而合理了许多。更加平衡而合乎情理的新的扁平化设计诞生了。这个新的方案得到了绝大多数的设计师的认可,这种“近乎扁平”的设计更多被大家称为“扁平化设计2.0”。扁平化2.0 整体上依然是扁平的,但是其中的诸多设计元素沿用了微妙的阴影、高光和层级来打造有深度的UI。

01.webp.jpg

UI设计在中国的现状如何?

鹤鹤

目前在国内UI还是一个相对陌生的词,即便是一些设计人员也对这个词不太了解。我们经常看到一些招聘广告写着:招聘界面美工、界面美术设计师等等。这表明在国内对UI的理解还停留在美术设计方面,认为UI的工作只是描边画线,缺乏对用户交互的重要性的理解;另一方面在软件开发过程中还存在重技术而不重应用的现象。许多商家认为软件产品的核心是技术,而UI仅仅是次要的辅助,这点在人员的比例与待遇上可以表现出来。 但这不是UI设计真正的价值体现,只是UI设计发展的一个必经过程。我们以物质产品手机行业为例,当手机刚刚进入市场的时候不但价格贵的惊人,而且除了通话以外没有什么其他功能。由于当时的主导是技术,所以大家都把精力放在信号、待机时间、寿命等方面,对于产品的造型,使用的合理性很少关心。事过境迁,如今技术已经完全的达到用户的需求,于是商家为了创造卖点,提高争力,非常重视产品的外观设计,除此之外还频频推出短信,彩屏,和铉,彩信,摄像头等等。这样一来产品的美观、个性、易用、易学、人性化等等都成了产品的卖点。软件产品与物质产品的发展是相同的。过去由于计算机硬件的限制,编码设计成为软件开发的代名词,美观亲和的图形化界面与合理易用的交互方式都没有得到充分的重视,实际上这个时期的软件叫作软件程序,而不是软件产品。



你还在用轮播图吗?

涛涛

轮播图(Carousels)这样的交互方式,在web时代似乎已经司空见惯。当一群人在会议室里争夺首屏焦点图的优先级时,使用轮播图,似乎能够不费吹灰之力地解决这场争端,没有人是输家。然而,轮播图这种方式真的有效吗?如何设计才能带给用户更好的体验呢?

事实上,“万能和事佬”轮播图的点击率通常都很低,转化效果也并不好,却往往占用了页面最抢眼的大面积位置。想象这么一个场景:当你走进图书馆想找一本特定的书阅读时,一个销售员挡在你面前让你先看一个大广告图,然后等你还没读完具体讲了什么内容时,他又突然换了一张,是不是很惹人厌呢?大部分轮播图的设计也是如此。

移动端用户体验:底部导航

用心设计

底部导航栏,或者叫做底部标签栏,这是我们早就习以为常的App组件。有没有认真想过它有些什么值得注意的地方呢?跟随本文来复习一下基础吧。 

陈幼坚:好设计为品牌注入生命力

蓝蓝设计的小编

那么您认为一个好的跨界设计师都需要具备怎样的素质?

首先不要刻意去把跨界当成一个成功的途径,想要依靠跨界吸引眼球博得注意力,毕竟这不是长久之计。跨界应当是你跟随自己的内心慢慢的、自然的从一个地方走到另一个地方,你因着对另一个领域某个元素的喜爱受到吸引和启发,然后将两者做一个完美的融合。不要怀着很大的目的。


在您与各个品牌的合作当中,设计带来的竞争力是否等同于产品竞争力?这两者分别要如何进行评价和分析?

这个问题我没有特别想过。一般都是客户来找我然后我做产品的包装,这两者是否等同,很难说。当然对于我们来说是希望通过包装设计将这个产品做一个更好的呈现。但是这两者之间是相辅相成的关系,很难去做一个比较。如果产品不好,设计怎么做都没用。


您对好的设计与好的设计师,是否有自己的定义和衡量标准?

我觉得永远都要怀着儿童的心态,很纯净,对生活永远充满好奇。因为如果希望产品跟够跟消费群体产生共鸣,这个关键点无疑是需要通过设计的观察来创造和开启。另外还要永远保持幽默感,再就是要有包容性,要做一个“花心”男。

用实战案例告诉你,这10个设计心理学技巧该怎么用!

高劲

研究刺激用户的心理诱因,将有助于设计师利用它们来做出更成功的产品。下面总结的这10个心理学技巧,将有助于创造让用户上瘾的产品,每个设计技巧都附上了实战案例演示,帮你更方便理解。一起来看!

1、熟悉度偏见

uisdc-think-201609142

了解并使用CSS中的rem单位

蓝蓝设计的小编

什么是 rem

可能在你使用收音机或者用其他音乐播放器之前,就已经听过“R.E.M.”这个词了。在这个乐队眼中,这个词是“浅睡眠时眼球的快速转动”的缩写,而在 css 中,rem 代表着“以根元素为参照物的 em 单位“。他不会让你抛弃你的宗教信仰也不会让你相信那个远在月球的人,但是它可以帮助你实现一个和谐、平稳的设计。

根据 W3C 规范中对 1rem 的定义:

1rem 与等于根元素 font-size 的计算值。当明确规定根元素的 font-size 时,rem 单位以该属性的初始值作参照。

设计师打死都要收藏的7种移动端UI设计风格

鹤鹤

如果你是一个APP狂热分子,你会花大量的时间在各种APP的尝鲜中,你会明显感受到一些APP在采用着某种风格鲜明的设计语言,来标榜自己的独特之处,行成自己的设计风格,甚至引领设计风向。去年我们关注到随着Metro设计风格的影响和iOS7的发布,APP明显都开始尝试扁平化的设计语言了,除此之外,还有哪些显性化的设计语言崭露头角呢?

一、唯一主色调 | Simple color schemes

为什么我们要定义一个界面多种颜色?仅仅用一个主色调,是不是就能够很好的表达界面层次、重要信息,并且能展现良好的视觉效果?事实上也正是如此,随着iOS7的发布,我们看到越来越多唯一主色调风格的设计,会采用简单的色阶,配套灰阶来展现信息层次,但是绝不采用更多的颜色。

01.webp.jpg

不重视微交互的UI设计不是好设计…

鹤鹤

UI设计的细节很重要,它不仅仅体现在静态的元素上,动效和微交互也是如今UI和UX设计中最重要的细节。想要打造优秀的移动端UI设计,微交互和动效设计是绕不开的问题,今天的文章我们来聊聊这个~


呈现系统状态


        对于UI的状态设计,“系统应当始终通过合理的反馈告知用户当前正在发生的事情,所处的状态。”这也就意味着界面需要通过反馈让用户明白发生了什么,而无需用户猜测。而带有动效的微交互正是以提供视觉反馈而闻名。

UI设计师应该如何描述设计风格

鹤鹤

很多时候视觉设计师会纠结于文字对齐、线条、高斯模糊等视觉表现,甚至沉醉于 icon 的转角角度。面对于需求方或工程师的质疑只能说「这样更好看、这样更合适」之类的话,这些理由在以显性数字指标为衡量标准的团队中则显得苍白无力。

 

坦白讲,想要讲清楚这些的确是一件不容易的事情。今天在大多数互联网公司,设计师不需要搞艺术,需要的是解决问题,而纯粹的从感性角度出发很难证明它能解决问题。随着移动端对于视觉表现力要求的降低,视觉设计师需要更加理性的分析问题,而视觉表现只是解决问题的一种手段。这种环境的变化也势必要求视觉设计师主动进化,而对于那些还在以视觉表现力谋生的设计师处境将会变得越来越难。这也是为什么我在周刊中总是不断强调设计思路的原因。

日历

链接

个人资料

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

存档