首页
学习
活动
专区
工具
TVP
发布

移动APP设计趋势

首先说明,这是一篇转载的文章,原文在这 移动APP在2017年经历了诸多的变化, 人工智能、聊天式的界面、响应式设计、虚拟现实(VR)和增强现实(AR)让设计师不断面临新的挑战。...研究表明,用户每天耗费在手机和平板上的平均时长为158分钟,其中127分钟是耗费在各类APP中,可以看出移动APP的快速发展都是不争的事实,在我们不断吸收新的东西和掌握新的潮流的同时,还需要确认这些设计趋势是否被验证了...卡片视图 1.card view.gif 随着移动端设备在互联网中的地位越发重要,产品的打磨中,如何使得移动端和桌面端UI之间的界限更为模糊,用户体验更加无痕,则是设计师迫切需要解决的问题。...在较小的屏幕上灵活组织和安排内容的意义是无价的,卡片提供了文本、图像和视频等多种媒体内容的一体化解决方案,目前为止,App Store,Facebook、Google和Twitter已经完成了卡片式设计的迭代更新...移动端原型设计更方便 4.data fill.gif 在用户体验和界面设计不断一体化的大趋势下,原型设计在产品设计中的地位更加不可或缺,而快速、高效率和可视化则是行业对原型设计的潜在要求,今年各色原型设计工具也在不断地进行升级优化

1.1K20

App之底部导航栏的设计

hi,这是系列文章:App之xxx的第2篇,第1篇我总结了App之“文字”的设计技巧。今天来总结下app的底部导航栏的设计。 我为什么写这个系列的文章。...因为我正在做一款app,我在团队中主抓产品设计、UX/UI设计、部分前端开发,少量运营。...先来看看app常用的导航模式有哪些:列表式、网格式、标签导航、抽屉式导航等。...文字是为了更准确的表达意思,这个在第一篇App之“文字”的设计技巧探讨过原因。 主页的图标,采用“小房子”或logo。 “发现”功能项是电商、娱乐影音类app用的比较多的功能。...“消息”是社交类app的标配。 角标提醒,用小红点或者带数字的小红点。 地图类app应用较少采用常规的底部导航栏,没有固定范式,底部导航栏的具体样式根据业务来设计

4.7K110
您找到你想要的搜索结果了吗?
是的
没有找到

4款APP原型设计工具助你搞定移动应用设计

随着信息化社会的不断发展,不仅手机迭代更新的速度飞快,就连手机里的App 也层出不穷。作为一名UI/UX设计师或产品经理,如何才能设计一款出色的移动App?...近期他们还推出了企业版,可供30人以上的团队协同设计。 新手制作App原型设计无从下手?别担心!Mockplus提供了丰富的App设计模板(从iOS到Android)供用户学习和临摹。...使用Axure制作App原型设计设计师需先设置工作区的大小,然后从工具栏中拖动App页面的元素进行设计;页面中的具体细节可通过PS进行处理。...Justmind是一款专业的移动APP原型设计工具。使用JustinMind,你可以在较短时间内利用其广泛的组件和交互绘制高保真原型。整个设计过程无需编程,就可以实现你想要的移动端交互效果。...后记 搞定App原型设计设计师需要的不仅仅是好的创意,还需要一款适合自己的App原型设计工具。因为设计师的工作需求不同,工具的选择点也往往不同。

5.1K40

移动APP测试用例设计的关注点

在我们的测试工作中,对于某个APP的测试其实有很多东西都是类似的可以抽象出来的,这里june总结一下大部分APP测试的时候都要考虑到的方面。如果漏下了其他方面,欢迎大家补充。...廖叔提出了Google正在使用的测试建模的概念,这个方法可以可以帮助我们更好的结合需求分析应用的架构,设计更完善的功能模块用例。...是否会被这些安全软件提示有问题而影响用户的对被测APP的使用或者印象 文件存储 · APP使用过程中产生的临时文件存储路径、命名方式等 · APP中涉及的下载操作产生的文件存储方式 · 存储的文件被锁、...· 不同运营商网络:电信、联通、移动,2G/3G/4G · 网络中断、网络恢复场景的逻辑处理(如重试),以及网络提示 · 首次启动应用的流量是否符合预期 · 统计、异常上报对流量的影响 · APP中图片大小...可以借助GT,一般打分在90分以上是比较好的) 11.4 软件兼容 · 通用软件 输入法 · 安全软件 · 通信类 · 竞品软件 同类软件,是否出现冲突 竞品对比测试 · 功能方面:与同类竞品软件在UI设计

1.6K100

一次移动记账 App设计探索 - 腾讯ISUX

现代智能手机给我们提供了非常多丰富实用的功能,比如平时颇为在意金钱去向的我,就是一个 手机记账 App 的使用者,曾经尝试过各种记账 App,但好像都有那么一点不满意,于是我就想如果是我来设计这么一款...App 的话,我会怎么去设计呢?...本文记录的就是一次移动记账 App设计探索过程。 一....如果要给这个 App 一个定位的话,我认为它是一款 “能满足大众基本记账需求的轻便的移动记账 App ” 。 基于以上的思考,很快就产出了以下稿子: ?...思考后的重设计 非首要功能,不应成为主路径上的障碍 在我常试过的很多记账 App 中,它们都提供了密码保护的功能,但也却因为这个密码保护功能使得记账的操作多了很多的步骤。

88420

APP移动端测试

一、问:app测试与web测试的区别参考答案:1)、系统架构:web端的服务器更新后,客户端会自动同步更新;如果是app下修改了服务端,意味着客户端用户所使用的核心版本都需要进行回归测试一遍;2)、兼容性...二、问:APP的兼容性怎么测试,测了哪些机型?哪些版本?那又怎么测Android的兼容性、怎么测手机的兼容三、问:app测试点有哪些?...七、问:App的性能测试怎么做的参考答案:App的性能分为服务器端的性能和手机端的性能。我先说服务器端的性能,再说手机端的性能。...九、问:你这个app测试人员有几个?怎么分工? 参考答案:2个。按测试的手机类型分工,每个人负责几种测试机型,每个人都要测试app的所有测试点。...比如:UI测试:检查app的UI是否和原型图一致。功能测试:xxxx兼容性测试:xxxx用户体验测试:xxxx(补上app的8大测试点,并举例子说明)

1.4K30

移动app开发流程,app开发步骤

个人github:https://github.com/qiilee 欢迎follow 移动app开发流程,app开发步骤 app是手机软件的简称。...随着移动互联网的普及,移动终端功能的日益完善,很多企业看重移动互联网的重要,开始在这个领域完善自己的品牌,开展营销活动。 一款好的app需要哪些步骤? 移动应用开发步骤1....规划应用UI 移动应用开发步骤2. 设计数据操作与存储 移动应用开发步骤3. 跳转多页面实现 移动应用开发步骤4. 实现Service 移动应用开发步骤5. 完善特性与细节 移动应用开发步骤6....方案策划: 产品经理协同方案策划师,基于需求功能表,结合国内外优秀APP设计思路,形成策划方案与APP设计逻辑图。...UI设计: 产品经理协同UI设计师,基于APP设计逻辑图,形成产品UI原型,经确认后交由美术设计师,形成最终APP界面设计方案。

3.1K20

APP界面框架初窥---标签导航

标签导航是十大界面框架设计里最常用的界面框架设计,也是被业界之内公认的一种普遍使用的页面框架设计。...那么这种页面框架设计在作业方面对一个用户来说也是最常见的一种页面框架设计,比如说微博、微信、手机百度、支付宝、淘宝,这些我们所谓的超级 APP 都是运用的标签导航,无一例外。...从这个角度也可以看出来,优秀的产品用标签导航这种页面框架设计是非常普及的。标签导航位于页面底部,标签的分类最好可以控制在5个之内。 使用这种框架的优点在于: 1....如果过多的话,标签导航会弹不开,那这种模式就失效了。...过多不行,过少也不太方便,如果说就一个Tab、两个Tab,那么标签导航下面就会显得特别的空,也不太好看,所以这个时候我们就会知道标签导航的适用范围最好在3至5 个之间,并且这几个功能希望用户能够频繁的去操作

52210

Android Compose 新闻App(六)导航动画、WebView、浮动按钮、底部导航

Android Compose 新闻App(六)导航动画、WebView、浮动按钮、底部导航 前言 正文 一、导航动画 ① 添加依赖 ② 使用 二、WebView使用 ① 导航传递URL参数 ② 配置WebView...三、FloatingActionButton使用 ① 修改默认显示位置 四、App主页面构建 ① 密封类 ② 构建底部导航Item ③ 装载底部导航Item ④ 显示导航 五、源码 前言   在上篇文章中完成了页面的导航...正文   一些应用有一些花里花哨的操作就会让人眼前一亮,大部分花里胡哨的操作就是动画,那么作为Compose的导航也是可以使用动画的,下面我们来使用一下: 一、导航动画 ① 添加依赖   导航动画是需要一个依赖库的...这是一个值得去探究的问题,我们结合到当前App的实际情况来看。...① 导航传递URL参数   当前的App中有两个页面,疫情新闻页面和风险区详情页面,那么我们需要再写一个WebView的加载页面,可以让我们去加载Url。

3.9K20

移动终端之Native App还是Web App

考虑开发在移动终端(手机和平板电脑)上的应用有两个选择:一种是广受欢迎的Native App(实际上也就是桌面应用,比如苹果应用商店、安卓应用商店中的那些应用),一种是Web App。...以目前的主流观点和常识,我们说的移动终端应用都是指的Native App,这个应用是随着智能手机开始兴起,在苹果的IPad和IPhone的推动下发扬广大,成为时尚。...现在的App实际上还是有了载体的变化和内涵的变化,专指移动设备上的应用,那就是更加娱乐化,更加小型化。另一个变化是操作部分在本地,而数据在云端。这也是云计算的一种应用吧。...Web App是与Native App对应的,只是实现的手段不同。Web App是基于浏览器的,Native App是基于操作系统的,所以Web app在很多方面就收到了限制。...app是主要是指在可在移动终端运行的面向消费的简单应用,典型应用如游戏。所以App不能是系统,不能是平台,而是基于平台的移动设备应用,是整个系统的一部分。

1.3K30

十大令人振奋的移动APP设计趋势

原文出处: Medium 译文出处:优设网 - @陈子木 从 移动端兴起,主流设计风格定型,再到Uber、Vine等现象级APP的崛起,移动端的APP设计直到现在才渐入佳境。...当年红极一时的“快播”移动APP就曾以“左手模式”而出名,而UC浏览器这样的移动端霸主也在很早的时候加入了左右手习惯判断的设计。当然,这只是大屏手机界面设计的诸多问题中的一个。...3、可穿戴设备开始影响移动设计 手机屏幕越来越大,但是可穿戴设备的屏幕则要求够小够好用,尺寸上的巨大差别令APP的界面设计面临更大的挑战。...随着移动端的高度进化和Typekit等服务 的出现,字体清晰度的提升,让网页和APP的排版布局拥有了更多的可能性,设计师可以借由不同的字体和多样的图片搭配出更有表现力的设计,即使是在移动设计上,这种趋势也越发明显...10、更智能的原型 移动APP设计越来越复杂,随之而来的设计和开发也越发的系统、琐碎。简单的静态图和线框、引线已经不足以呈现整个设计的细节,一味地要求客户脑补也解决不了问题。

89940

移动APP测试基础培训

杀进程重新进 5、app权限设置 一般启动app是需考虑app各项权限的使用,例如:相机,通话,声音,通讯录,地理位置,获取imei等权限,将相机权限关闭后,app能够正常启动,启动调用相机时,是否能正常弹框提示...IOS用户,只有应用在后台时才能收到push,应用在在前台收不到push(开发也可以代码实现应用在前台也可以接收push); 14、异常测试 ①APP运行过程中断网; ②APP运行过程中断电; ③APP....移动终端相关资源利用率 g.帧率 h.渲染等等.... ②工具:GT、Emmagee、itest等(工具的原理都是基于调用android底层的一些api来获取到测试所用到的值) ③测试方法: a....设计场景 :手工或自动化场景; b.获取数据:可获取的数据包括:内存、cpu、电量功耗、hprof(内存泄露分析文件)、响应时间等等。。。。...3、app稳定性测试 ①安卓APP的稳定性常常使用monkey命令进行测试,通过随机事件流模拟人的操作,对检查程序的内存溢出、空指针有很大的作用。

1.2K20

移动手机app开发

当然移动互联网时代是全民的移动互联网时代,是每个人的时代,也是每个企业的时代。APP便捷了每个人的生活,APP开发让每个企业都开始了移动信息化进程。 1....开发流程 首先,制作一款APP,必须要有相关的idea,也就是说,第一步是APP的idea形成。 其次,就是通过那些idea来进行APP的主要功能设计以及大概界面构思和设计。...然后把大概的界面和功能连接后,app的大致demo就出来了。值得一提的是,如果有界面设计师,就能节省大量时间。比如界面设计上,可以编写功能模块和设计师同步进行。...APP的意义 企业APP的意义很广泛,可以有以下几种: 1、建立自有销售平台 利用网站、微博、微信、移动客户端的特点,打通社会化营销渠道,提高品牌宣传的渗透度。...随着智能手机和iPad等移动终端设备的普及,人们逐渐习惯了使用APP客户端上网的方式,而目前国内各大电商,均拥有了自己的APP客户端,这标志着,APP客户端的商业使用,已经逐渐普及。 8.

86630

技术猿 | 室外移动机器人组合的导航定位系统设计

---- 对于在室外环境工作的移动机器人通常使用惯导/卫星组合导航方式。惯性导航系统[1]具有完全自主、抗干扰强、隐蔽能力好和输出参数全面等优点,但它的鲁棒性极低,误差会不断随时间累积发散。...本文以低功耗MSP430F149为核心,设计了能够同时实现卫星导航(GNSS)接收机、惯性测量单元(IMU)、气压高度等导航信息的高速采集与高速合路传输,并进行初步导航定位信息融合的导航系统,即可为室外移动机器人提供直接的导航服务...系统设计的关键是利用单片机有限的接口资源实现了多传感器信息并行采集,设计了有效的数据同步方法,解决了气压传感器数据手册疏漏导致的无法接入问题,给出了机器人组合定位的基本方法。...2 硬件电路设计 2.1 微控制器接口 整个组合导航定位系统需要三个UART接口和两个SPI接口。...结论 本文基于MSP430F149单片机设计的室外移动机器人组合导航定位系统,通过接口的扩展使得该款定位系统能够接入IMU、GNSS接收机、气压计三路 信息,完成初步导航定位服务功能,同时可作为多路数据采集设备

1.4K50

基于任务的导航设计

其他辅助导航 ? 这是 Fedex的官网,界面导航基本都是基于任务的划分与拆解。 ? 导航细节 ? 使用基于任务导航的产品,对设计师有较高要求,对产品涉及的用户以及用户任务要有一个的非常清晰的认识。...这是一个使用混合导航模式的界面设计,以对象作为认知主线,用户任务作为行为指引。绿色的链接主要是名词或名词性短语,这是基于对象的导航设计。蓝色的链接是动宾短语(操作+对象),这是基于任务导航设计。...从界面设计来推断,当时设计师可能是希望用户通过绿色文字的快速阅读进行范围定位,然后再根据蓝色文字进行操作定位。设计师通过分组聚类的方式试图降低每个界面信息量,毕竟设置项非常多。...作为一个小众的领域,国内交互设计领域对此探讨的并不多,在产品实践中则更少。国外不少有产品在这个领域进行实际应用。界面的截图,也多来自于此。...文中列举的界面样式可能会过时,但是其背后的设计思路是可以不断学习领悟的。 文章转载自:腾讯ISUX

607100
领券