首页 > 网页教程 > 设计分享 > 2015最流行的APP设计是啥?比如 Facebook那样的

2015最流行的APP设计是啥?比如 Facebook那样的

时间:2016-01-06    来源:百度MUX

Facebook仍是内容驱动型卡片设计的优秀案例,并将继续引领更多基于新闻和博客的功能设计。

2015-2016年最流行的APP设计是什么?比如,Facebook那样的

译者注:本文译自UXPin出品的电子书Mobile Design Book of Trends 2015&2016的第六章Bite-Sized Cards。这本电子书结合丰富案例讲述了2015-2016年间重要的移动设计趋势,共含6章节:灵巧的手势操作、层级化的移动界面、隽永的字体排印、扁平化设计、愉悦的微交互、小卡片。本文将来分享小卡片设计。注:以下图片全部来自UXPin。

对于APP设计,2015俨然是卡片设计年。从网站到移动应用,不同屏幕尺寸的卡片无处不在,卡片展现形式与实物相似。通过手指滑动,用户可以轻松地在卡片容器中翻阅。

2015-2016年最流行的APP设计是什么?比如,Facebook那样的

(Photo credit: Trello)

无论你是否意识到这一点,卡片会长期存在下去。

坦白说,卡片式风格似乎只是为APP而生。你无法想象现在有多少APP正在使用卡片式设计。让我们做一个小实验:拿起你的手机,打开你看到的前10个应用,有多少用了卡片设计呢?

我们已经知道卡片式设计统治了移动端,接下来让我们深入了解如何实际使用它们吧。

卡片式界面入门课

卡片式布局将信息分布在一系列矩形卡片容器中,如图像、文本、按钮、链接等。这些卡片可以分层或移动,并依据屏幕尺寸自适应适配,如果你将手机横竖屏切换,卡片将堆叠降落为新的卡片队列。

卡片是整齐的信息容器。正如电子书《Web UI现状和未来趋势:卡片设计模式》中所言,最好把每个卡片视为单一的想法或基本动作。

2015-2016年最流行的APP设计是什么?比如,Facebook那样的

(Photo credit: Apple AirDrop)

让我们来看看苹果设备上常见的AirDrop功能。当有数据传入时,一个卡片式通知会弹出,你可以选择接受或拒绝传输数据。无论是手机、平板电脑或笔记本电脑,云传输功能均以同样的交互模式实现,这意味着用户很容易对操作行为有一定预期,知道如何使用。

虽然卡片最近才流行开来,这个设计倒并不新。Pinterest奠定了卡片作为主要设计模式的地位,而很多其他公司紧随其后实践卡片设计。

2015-2016年最流行的APP设计是什么?比如,Facebook那样的

(Photo credit: Tinder)

卡片式设计越来越流行的原因之一,在于它与手机屏幕的兼容性。根据屏幕尺寸自适应卡片大小,与大多数移动用户场景都完美匹配,而矩形的审美也符合UI设计。

细想卡片的设计,它几乎完美适配了手机屏幕的大小和形状。由于存在多种不同型号的屏幕尺寸,所以这里的卡片尺寸并不是一个精确的数值,而是一个极具代表性的长宽比。

卡片式设计的精髓在于桌面端和移动设备的交集设计,在互动性和可用性之间寻求平衡点。正如我们在《移动界面模式》中首次描述过的,跨越不同的设备,卡片式设计创建了一个更为一致的体验。在响应式设计中尤其是这样,卡片作为“内容容器”可以轻松地放大缩小(像重新堆叠摆放箱子一样)。

相关推荐
APP浏览体验设计的思考:如何理解用户的眼?
20个创意漂亮的手机应用程序登陆页面设计欣赏
iOS7用户界面设计的10个准则分享
交互设计上常见的界面切换动画如何优化
Windows Phone 8 UI设计指南分享
APP设计经典:Pinterest的交互细节
对症下药!如何设计受欢迎的应用引导页?
搞定APP着陆页优化的超实用原则(附工具)
APP界面设计:移动缺省页如何设计才会内容“丰富友好”?
产品设计:FEEDLY创始人再聊改版实战经验
写给初学者:移动站点app开发尺寸基础知识
扁平化设计与Material Design区别在哪里?
APP界面设计教程:让人眼前一亮的渐变设计手法
APP导航设计:不要在移动端菜单设计犯这些错误
交互设计基础!四个移动界面常见的动效类型
国外UI设计师:UI界面设计作品精选
APP设计!6个方法助你设计出优秀的APP
APP设计零基础教程:5步让你设计出漂亮的APP界面
15个值得学习的APP交互体验设计细节
手机APP设计规范:图标和按钮视觉设计规范
APP界面设计之页面布局的22条基本原则
APP设计!教你怎样才能把APP引导页设计的高大上
经典案例分析:10个戳中痛点的APP更新欢迎页文案
前方高能!别让这10个设计误区毁了你的APP
15个超棒的无线移动终端UI设计案例赏析
浅谈界面UI设计中的包容性设计
移动应用设计的横竖屏切换中的界面设计与体验提升
移动应用导航设计如何用魅力来征服用户?
十五个用户体验设计(UI/UX)案例剖析
腾讯CDC分享QQ登录界面的banner设计过程点滴
移动终端全新界面设计语言“Metro”简析
20个精致漂亮的视频播放器界面设计欣赏及点评
浅谈界面设计中的结构设计
分享:5招助你打造更加简洁的用户界面

分类导航

教程推荐

热门特效

热门教程