首页

仅此一篇,读懂卡片式设计长盛不衰的秘密

周周

编者按:可以说现如今的移动端UI设计中,卡片式设计撑起了半壁江山,它随性自由又充满了逻辑和组织性,它不仅流行着,而且还正在变得更加流行。它长盛不衰的秘密到底何在?读下去~

个性化的用户体验是目前网页和APP设计的大趋势。个性化的新体验大多建立在单独内容的聚合体之上,而多类型的内容想要聚合起来,卡片式的界面则是最合适的载体。如今你所看到的UI界面设计,卡片式设计几乎无处不在,从新闻类站点到游戏界面,从物流APP到社交媒体,等等等等。今天的文章将会详细解释卡片式设计对于设计师的意义,以及常见的卡片式设计的功能与特性。

webos2

绝对不能错过!2016 年最流行的8个UI设计趋势分析

周周

进入2016年后,我们会发现行业在体验设计上出现了很多新的元素,从我们平时经常浏览的设计社区中,这些新元素出现的频率越来越高,比如彩色投影、双色调渐变设计等,我们也慢慢开始接受这些新变化,并且逐步应用到我们的产品中。这篇文章的初衷是希望能更系统更全面地梳理出一份流行趋势的分析,能对我们平时的工作能产生一定的指导作用。

一、使用模糊背景

模糊背景和iOS毛玻璃效果非常的相似,也符合时下流行的扁平化和现代风的设计,设计效果十分的赏心悦目,可以很好的和幽灵按钮以及时下流行的元素搭配起来,提升用户体验。

以淘宝电影为例,采用的是虚化电影海报作为背景,这样做的好处是每一个页面的头部效果都不一样,这样的排版视觉效果更佳,同样也突出电影信息等主要内容。从设计的角度来看,这也很容易实现,让内容模块变的清晰,同时可以规避复杂的设计,还可以降低设计成本,花最少的时间达到最大的效果。

uisdc-trend-2016-10-11

专业能力之外,交互设计师应该具备哪四个素质?

周周

从今年4月份开始,我被安排负责一个直播项目,设计之路可谓曲奇坎坷,难得的设计经验让我对交互设计本身有了一些新的认识。结合自身的感悟,我自认为交互设计师除了专业能力的要求外,还应该具备以下素质:

1,业务深度带来业务驱动力

在工作之初,我认为无论负责什么项目,交互设计都是一种解决复杂问题的能力,从设计分析到设计产出是具有绝对的普适应;而且随着设计能力的提升,经验的积累,这种普适性更加凸显;这一层我并不否认,但交互设计师只聚焦于普适性可能永远都处于门外汉的水准;有机会专门负责直播项目,让我不得不接触和使用各种直播App,不得不和很多专门做直播的人合作,在这过程中,让我对于直播业务有了深入了解。

举个栗子,比如设计一个直播的发布流程。

不止是划条线!移动端UI中常见的视觉分隔设计技巧

周周

乍一看许多APP的布局并不复杂,感觉换成自己也能设计出来,但是当你真的开始着手设计这么一个APP的原型的时候,会发现事情并不是那么简单。看着别人已经设计完成的设计可能觉得不难,可是当自己动手的时候,在特定的元素的选取和设计上很容易陷入困局,这个时候才明白它的难点并不在于工作量的多少,设计者常常深陷于细节构建的囹圄,这才是它的困难之处。即使是元素与元素之间的分隔方式,都能随随便便用一整篇文章来进行探讨。

传统的分隔方式

在UI界面中,最传统也是最常见的分隔方式用的是线,将视觉上或者内容上需要区分的内容用横向或者纵向的细线区分开来,它帮助用户了解页面的层次结构,赋予页面内容以组织性。

1-A2lLUDOWFDjePhePR5WcsA 

做好这4个细节设计,让你的移动APP 用户体验脱颖而出

周周

启动页、空状态、动画反馈、框架界面… 今天提到的这4种状态,都是容易被忽视,而又能让移动App 脱颖而出的细节。如何做好这4个细节的用户体验设计?今天这篇好文总结了关键的几个原则。

启动页

当用户打开 app 时,最不能做的事情就是让他们等待。但是如果 app 的初始设置非常耗时,又不可能优化该怎么办?你不得不让用户等。如果他们愿意等,你得知道如何 吸引他们。启动页解决了等待的问题,让你有一个简洁有力的窗口来吸引用户。

uisdc-app-201609261 

用一个文本框,让你学到交互设计师的逻辑思考方法

周周

文本框是设计工作中常见的组件之一,无论是PC还是无线,大多仅是样式上的不同,它们的交互行为上是可以相互参照的。本文想从这一简单的组件出发,让大家看到交互设计师在工作中的逻辑思考方法,从而达到见微知著的直观感受。

先来做个设计需求吧!

这个设计需求是:我们需要用户填写活动的名称。

第一反应,这个是用来收集信息的,需要用户填写内容,并提交给系统,应该使用文本框

然后大笔一挥,设计如下图:

uisdc-24-2016092417

7个技巧,让你的app拥有更棒文案

用心设计


嗯,我是作家,靠写字糊口。但你也许不信:我讨厌阅读。

但别误会——我还是会花大量时间阅读。我努力并艰难地读书,读 Blog,读杂志,报纸上的信息。可一旦作者开始啰嗦,我眼睛就发花,只想葛优躺。


嗯,我是作家,靠写字糊口。但你也许不信:我讨厌阅读。

但别误会——我还是会花大量时间阅读。我努力并艰难地读书,读 Blog,读杂志,报纸上的信息。可一旦作者开始啰嗦,我眼睛就发花,只想葛优躺。

终于有答案了!大家都熟悉的图标是否还需要标注上文字?

周周

新版Instagram 的UI去掉了图标下面的文字,但去掉文字的图标真的能带来更好的用户体验么?今天这篇好文通过一个简单的小实验(附测试网址),帮这个一直争议不休的话题盖棺定论,顺便聊聊图标的作用以及未来图标的发展,干货丰富,建议阅读。


新手才靠灵感,阿里设计师用这2方法提升设计创新力

周周

alibaba-designer-improve-creativity-1

设计师在工作中除了要完成产品经理或者业务方的需求,往往还希望在设计产出上能有更多的创新来体现自身的价值。但是我们有时冥思苦想也无法有所创新,我在这里整理了一些方法,希望可以对大家有一点点启发。

我将设计师所需要的设计创新能力划分为两种:发现问题和解决问题。如何提升这两种能力呢?

微信背后的产品观

蓝蓝设计的小编

张小龙在腾讯内部长达8小时的演讲

 

一、产品经理要求

1、了解人性

2、了解群体心理

3、产品经理像上帝一样,可建造系统,制定规则,让群体在系统中演化

4、提高自己的艺术品位、质量要求品位/细节体验品位;作品而非产品;工匠而非设计师

 

二、了解人性

1、人是懒惰的

2、人是跟风的、别人都在用,群体智商低于个体智商

3、人没有耐心

4、人不爱学习

5、人们对随机好奇

6、伟大产品应该满足人的情感需求、满足人性贪嗔痴

7、不要改变人们的常识习惯,要设计时顺应日常习惯

 

三、了解群体心理

1、重视屌丝用户群,他们有存在感的渴望

2、为群体效应而做,容易传播放大

3、没有设计,只有解决问题;避免战略行为代替真实需求:打通、整合、拉动、导入、多平台、全面

4、需求不来自调研,用户群大部分都是中庸普通的,他们的反馈只是帮助你了解他们是怎么想怎么看的;需求不来自竞争对手,大部分产品特性都是没有什么价值意义的;

日历

链接

个人资料

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

存档