APP界面设计文章及欣赏

实战经验!如何从设计思维转变为产品思维?

周周

@可风f  :最近半年因为机缘巧合我从交互设计师变成了产品经理,加入了猎豹清理大师项目并负责海外市场的一些新功能。虽然我之前一直说起产品头头是道,但是真的做起来还是压力山大。并且因为事业群改制和团队重组,只能自己一个人从头做起慢慢摸索,上半年光顾着加班了没时间写文章。好在现在负责的产品从零到千万日活开始稳定下来,自己也有了足够时间和信心去思考总结半年的收获。

因为身边有过转产品想法的同学比较多,自己也认识很多小伙伴是新人产品经理,所以今天想先和大家探讨一下如果要一个优秀的产品经理、从设计思维转变为产品思维,需要面对的几个挑战。

首先解释下什么是设计思维?设计师的工作是在产品的交互和视觉层面提供合适的解决方案,所以设计师会先确定用户是谁,然后了解用户的使用场景,最后根据目标去思考用户体验好的解决方案。这个思维的架构套在产品经理上也同样适用,但是其中的内容就发生了很大的变化。产品经理的本职工作是:

泛滥的移动产品设计模式

雪涛

如果你是一名移动产品设计师,你可能会同意这样的观点:参考借鉴别人的设计不算抄袭。这不仅是最佳的练习方法,也是一种设计模式,而且还符合业界主流的设计趋势,同时还能确保在用户熟悉的模式下来创建可用性的界面。

有人可能会说,坚持设计规范和跟随其他人的步伐会扼杀创造力,而且时至今日,所有的APP看起来都是大同小异。从用户体验的角度来看,我看到了一个不一样的问题。你相信Google、Facebook、Instagram永远是正确的,所以习惯于采用他们的做法,因为他们的设计目标与你的设计目标相同,所以你不会对此产生质疑。

关于iOS10锁屏界面交互的一次严肃地分析

用心设计

iOS说:“清晰度,咱俩分手吧”


以往的iOS锁屏界面非常简单直接,但是来到今年的iOS10,情况发生非常大的变化,在开始认真严肃地为大家分析(tucao)之前我想先说明一些东西:

Image title

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

周周

编者按:可以说现如今的移动端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,读杂志,报纸上的信息。可一旦作者开始啰嗦,我眼睛就发花,只想葛优躺。

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档