首页

超实用!移动端界面中的版式设计原理(上)

周周

mobile-ui-typesetting-principle-1-1

justinlam:“我总觉得页面不太好看但是我又说不出来”,“我不懂设计,但是我就是觉得不协调”,“你觉得这好看?你的审美要加强啊”这些听着熟悉的话往往是产品和设计产生矛盾的开端。还有一种评价叫说不出哪里好也说不出哪里不好,相信很多人也有过感同身受的无奈。

怎样使通知(Notification)更加智能化

用心设计

我(原作者)的手机又震了。当时我正在冰岛的一个什么地方,离我的车有十多里地远,四下无人。我正拿着马上就要没电的手机查看着Google Maps。

“Spotify刚刚向Afternoon Acoustic歌单添加了两首歌曲哦”,真是时候。一条来自Periscope的消息:“@kayvon和你分享了一段视频…”,还有Mailbox的 两封新邮件通知,Twitter上多了个follower,Slack里的一条消息,总共9条通知。当你拿着一部电量只剩下2%的手机,被困在一个荒无人 烟、网络连接十分不稳定的地方时,当你只想那见鬼的地图能快些加载时,这些通知真的很是让人欲哭无泪。

过去20年里,科技进步的太多太多,但通知服务似乎还停留在上个世纪。

01-mobile-app-design-notification-smart.png

移动端界面中的版式设计原理(上)

用心设计

对任何信息进行排布的时候,首先必须要掌握的是对齐/重复/亲密/对比,贯穿设计的四大原则。

对齐除了能建立一种清晰精巧的外观,还能方便开发的实现。基于从左上至右下的阅读习惯,移动端界面中内容的排布通常使用左对齐和居中对齐,表单填写的输入项使用右对齐。

全部躺枪!UI设计师容易忽略的四个现实

周周

ui-designer-overlook-the-reality-1

@Akane_Lee :我遇到非常多这样子的设计师,他们从不考虑「这样设计稿交出去,工程师做不做得出来」的问题,也不愿意去了解什么叫「限制」和「规则」。如果你也想从画图标的变成UI设计师,这篇干货千万要收藏。

打磨细节!超实用的移动端缩略图设计攻略

周周

mobile-list-thumbnail-design-1

在列表中使用缩略图,这样一个简单的需求,看似平淡无奇的设计,也有如此多的细节和原理可以挖掘。原文中推敲的过程非常值得学习和借鉴,来看今天@TerryFan 这篇译文。

产品经理如何去发掘新的APP产品需求

用心设计

移动产品经理是每个APP产品牵头人,在市场营销部,对某个产品在集团内的盈亏负责,并为这个产品的运作去协调所有的人,并充分地协调这个产品的所有运作环节和经营活动。

同时,移动产品经理还要认真搜集用户的新需求、竞争产品的资料,并进行需求分析、 竞品分析以及研究产品的发展趋势等。

如qq音乐的APP界面设计如下:

移动产品经理如何去发掘新的APP产品需求

超全面的APP数据图表展现方式深度总结

周周

data-in-apps-summary-1

@腾讯ISUX Viconia:之前研究过一段数据图表的最佳表达方式,随着手机端应用层出不穷地发展,这次将数据图表的表现延用到手机端。相比 Web 端展示数据的空间优势,要兼顾手持设备的便捷、简明而重点的特质,手机端该如何取舍?是否有更加合适的表现方式?下面是翻阅或试用了各种有数据的 App 后,将手机端应用中值得借鉴的部分做了小小的总结,也让我自己对不同数据图表的特性有更深的理解。

何让移动端弹窗广告投放更有效?两种方案的A/B test

用心设计

无线场景下,无论是浏览wap页面,还是使用原生的app,所有人都一定都碰到过“弹窗广告”(如下图),从用户体验设计的经验看,这种缺少用户预期的广告形式,可能会打断原有的操作和认知,对体验的流畅有一定的负面影响,但从内容的推广角度看,弹窗广告可以在短时间内将广告内容强制展现给用户,一定程度上迫使用户阅读和点击,以达到更强的传播效果。

案例实战!浅聊淘宝闲鱼发布界面的两次改版

周周

taobao-xianyu-ui-redesign-1

编者按:建议刚学UI的同学多看这类改版经验总结,提前学习交互设计的知识,在求职时能加不少分。习惯靠经验/感觉做设计的新人也别放过,这种实战的案例结合书本看,能帮你更透彻地理解那些设计原则。不多说了,直接看文!

移动应用界面设计7宗罪

周周

【译者注】本文是移动原型工具Proto.io的设计团队8月份在自家博客上发表的一篇“软文”,通过与移动设计界大牛们的对话,帮助大家了解在进行移动设计时应该特别注意的禁忌,顺便推了一下Proto这个工具。大家可以回顾一下自己团队的应用正在触犯哪些禁忌,想必会有点意思。读完本文,相信你能找到优化自家移动应用设计的方向。

日历

链接

个人资料

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

存档