首页

不一样的角度!设计师如何用产品思维提升用户体验?

高劲

UX-banner980

编者按:今天百度的同学来聊聊产品思维,让设计师从产品的角度入手,站在多维度考虑用户的问题、解决方法、产品目标和产品营销等,来看看不一样的思维能碰撞出哪样的火花。

超赞!每个设计师都应该了解的IOS编年史

博博

文章略长,不过肯定是考据狂和狂热粉的最爱,你是从哪一代开始追iOS的呢?

Visual guide to iOS new

2007年1月9日,乔布斯向世界展示了iPhone一代,这是这位已故传奇向这个时代馈赠的最佳礼物,同时也预示着,一场精妙绝伦的大戏正式拉开帷幕,iPhone,iPad以及Touch对”移动设备”进行了重新定义。更华丽,也更具人性化。

世界变幻莫测,那时候的移动操作系统中,iOS只是个”小字辈”,资历尚浅,到了今天呢,多少操作系统黯然消失在我们的视线中,而iOS俨然成为了操作系统江湖的”老字辈”。

老,并不意味着iOS失去创意了,恰恰相反,iOS以崭新的姿态继续前行。随着逐年的增强和提高,iOS已经变成了市场上最具个性、支持最广泛的操作系统。

iOS6,经过数年的磨砺,已经无限接近拟物设计的最顶峰,用隐喻设计引导者用户,操作简单易懂。而且多平台(iPhone、iPad)上的体验相对一致,对于开发者和设计师来说,这都是一个理想的”温床”。

再想一个问题,比较一下iOS1和iOS6,你会发现还是拥有很多共通点的。苹果像是一位颇有耐心的面包师,慢慢的烘焙,花了数年时间,为我们特制了一款色香味俱全的”苹果派”,你想想其他操作系统的做法吧:无限的功能蔓延,蔓延来蔓延去,淘汰了一批,又新来了一批功能。

这是个怪圈,苹果很明智的没有选择这种道路。iOS努力的保持着整体的一致性,与此同时又不放弃前卫创意,难能可贵。

而今年的9月18日,iOS7发布——新的启航。

来看看iOS的历史,看看苹果是怎样一点一滴进行优化、完善的。

从OS X中蔓延出来的IOS

在iPhone早期的声明中,我们会发现会叫做”iPhone OS”。

刚开始的时候,苹果内部争论不休,他们在考虑是否要和Mac OS X一样使用Unix内核,这样做会保持新手机的系统和OS X的一致性。

但是,这毕竟是一个完全不同的新品牌,应该有所区别。因此,采用Unix内核的操作系统被命名为”iPhone OS”,这个名字一直使用了4年。直到2010年六月发行iOS4的时候,出于简化的目的,开始称之为”iOS”

iOS 1: iPhone诞生

Iphone-2g-555

虽然现在很难以想象当时的情形,但是当iPhone1公布的时候,如果严格比较功能的话,iPhone落后他的竞争对手一大截,Windows Mobile,Palm OS,Symbian,BlackBerry的操作系统都有一大堆功能,远超iPhone。

超实用!高手的私人笔记之APP设计流程全科普

高劲

app-design-workflow-note-1

编者按:今天这篇译文全程满满当当的都是干货,包含超多的实用经验,比如让元素在各个尺寸中保持边界清晰的技巧,切片的专业方法,命名规则等,绝对值得每个UI设计师收藏起来!

移动应用空白情况页面的设计

用心设计

GW模式。(G=graphic,W=words)即为图案+文字模式。图案经常为一些可以表示“空白”隐
喻的图案或者是自家应用的吉祥物相关的图案,抑或是可以为跟页面引导相关的图案。文字一般包含:标题,说明。标题通常是解释此处空白的原因,如
“Oops,地理定位被关闭啦,无法使用该功能哦”,“网络出问题啦”等,说明则解释出现此状况的原因和解决办法等。文案的风格经常根据产品的调性去设
计,有些走卖萌路线,有些走高冷路线,有些甚至走狂暴路线等等。鉴于此类型是一种最常见的类型,单纯的包涵文字或单纯包涵图案的设计手法也归纳到GW模式
中。如下图:

做一份让工程师泪流满面的标注

用心设计

为什么传统的标注方法让人难受?

没错,Markman 是传说中的标注神器,看起来也确实方便快捷,但是当一个页面中,要同时标注间距、大小、颜色和字号时,过多的信息一齐扔给工程师,就会让人有些抓狂。比如这样:

移动应用空白情况页面的设计

用心设计

移动应用的设计中,最容易被忽视的地方就是空白或者异常情况的设计。从传统PC时代web的异常页面如404,502等页面的设计体验迁移过来,移动应用的空页面,网络故障页面等展示也有相似的设计模式。从以前的纯文本的排版设计,到后来404成为设计师
展示图形创意的舞台,移动应用的空白情况页面的设计也从纯文本提示到后来精彩纷呈。然而在移动应用的设计中,空白页面的的作用不仅仅在于给用户以温柔或者
精彩的提醒,安抚用户焦急或是疑惑的情绪,更重要的是,空白情况页面可以引导用户去填补“空白”。人都是害怕空虚寂寞冷的,当你面对一个空虚寂寞冷的页面
的时候,善意的指点迷津的一些语言和画面告诉你咱们还是可以有方法来填补你的寂寞空虚冷,这时候,用户的操作行为就会被触发,潜移默化中指引用户完成填补
空白的工作,那么,无论从用户个体的活跃度上还是整体的留存率,活跃度上,你设计的空白页面做到了拉升的作用,对电商产品和社交产品等来说,这些页面可谓
是自己展示产品调性,曝光功能,加深引导的黄金地段。

超实用!聊聊图标设计流程及小技巧

高劲

icon-design-flow-skills-1

图标设计要求熟练运用软件,涉猎各种矢量特性、蒙板以及构造实体几何,因此,会需要同学们运用不同的软件工具与技巧,今天的译文全都是超实用的技巧干货,周末来补充点有料的。

iOS细节设计-交互篇-20150705早读课

用心设计

1.很多人都知道无论是在 iOS 的系统还是一些第三方应用的输入模式下,只要左右晃动手机即可激活「撤销」操作,但也许你不知道是,如果再次晃动手机则可对「撤销」操作进行恢复。

UI和交互设计师 Virgil Pana 的界面/网页动效设计

蓝蓝设计的小编

转载一组追波上设计大师 Virgil Pana 的动效作品

UI和交互设计师 Virgil Pana 的界面/网页动效设计UI和交互设计师 Virgil Pana 的界面/网页动效设计


小处显逼格!APP界面如何在细节上提升气质?

高劲

app-detail-improve-temperament-1

时代总是在螺旋式地发展变化中,设计潮流也是如此。随着移动端扁平化设计推进,越来越多的设计师不满足于仅仅是色块、图标和系统字体的枯燥组合,而把更多的心思投入到精益求精的视觉设计中。从平面设计引申过来的技巧在这时起到了画龙点睛的作用:一些细节上的处理,为移动产品的界面大大地提升了品牌逼格。

日历

链接

个人资料

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

存档