首页

超实用!高手的私人笔记之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

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

关于APPLE WATCH官方提到的10个设计小技巧

用心设计

通过分析苹果官方在 WWDC 上的演示情况,看见平均每一次用户与 Watch 的交互操作所耗费的时间,在 2 到 5 秒之间。假如你只能从这篇文章中记住一点,那它应该是——为用户提供信息时,要尽可能的快。这一点对于 Watch 来说真的非常非常重要。

1. 优化 JPG 图片

Apple Watch 的用户通常是在行走过程中,瞥一眼那块 4 厘米大小的屏幕。所以他们需要的是更快的加载速度,而不是高清图片。

2js20150617

日历

链接

个人资料

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

存档