❶ 如何从零开始设计一款漂亮的移动APP
我13岁时开始学习平面设计。我从网上课程学会了设计网站,并习惯于全天使用Photoshop和Affinity Designer进行设计。那些经历教会了我如何像设计师那样思考。
我设计和开发应用程序将近有一年时间了。我参加了麻省理工学院的一个项目,与一个团队合作开发Universeaty。 两个月前,我开始研究一个新的应用程序-Crypto Price Tracker,这款APP我会在1月28日发布。
在这篇文章中,我将配合实例说明我在从事应用程序设计时的一步一步的过程。这应该对任何想学习或改进数字设计技能的人有所帮助。设计并不是全部了解如何使用设计软件,这篇文章也不会教你如何使用软件。网络上有数以百计的优质教程资源可以教你学习如何使用设计软件。想做好设计,你需要理解你的产品,熟知它的特点和功能,以及在设计时始终将终端用户放在心里。这就是这篇文章的意义所在。
设计过程:
1.为每个页面创建一个用户流程图。
2.创建/绘制线框图。
3.选择设计图案和调色板。
4.创建模型。
5.创建一个动画应用程序原型,并要求人们对其进行测试并提供反馈。
6.给出最后调整确定的模型,并交由开发按原型编写代码。
我们正式开始吧!
用户流程图
第一步是想出在你的应用程序中想实现的功能。一旦你有了你的想法,设计一个用户流程图。用户流程图是用户通过app/网站进行访问的一个非常高级的表示。
通常,用户流程图由三种形状组成。
矩形用于表示页面。
方块用于表示决策(例如,点击登录按钮,向左滑动,缩放)。
箭头将页面和决策连接在一起。
用户流程图是非常有用的,因为它们给出了应用程序如何运作的良好逻辑思路。
下面是我在开始设计应用程序时绘制的用户流程图。
主界面的用户流程图。
线框图
一旦你完成了每个页面的用户流程图并设计了用户路线,你就可以开始为所有页面做线框图了。线框图在本质上是以低保真度形式表示你的应用程序外观。基本上是图像,标签,按钮,和其它元素的一个草图或一个轮廓,这些元素都会在页面上做好布局和定位。你的应用程序的草图会体现它是如何使用的。
我使用UI模板打印的模板来绘制线框图。 它既可以节省时间,而且给为我提供了一个很好的画布来绘图和做笔记。
下面是我绘制的一个线框图例子。
主界面的线框图。
绘制好线框图后,你可以使用一款名为Pop的应用程序,并使用该应用程序将草图拍照存档,再通过“连结”(link to)的功能,将一张张草图串联起来,就能直接在手机屏幕上展示原型实际运作的样子。
设计图案和颜色调色板
这是我最喜欢的部分。这就像逛街一样。有大量的设计图案和调色板可供选择。我可以去选择我喜欢的,并感受它们给我带来的视觉效果。
寻找设计图案的最佳平台是Mobile Patterns和Pttrns。想要找到好的调色板,你可以去“Color Hunt”平台。
创建模型
这是当你最终使用设计软件的时候了。设计意义上的模型是以高保真的形式来表示你的应用程序。这就像你将来实际使用时进入这个应用程序,然后你从这里面做一些截图。它看起来应该很现实,非常像真实的东西。
有一些用于创建模型的设计软件和工具。我使用Affinity designer来创建模型。iOS设计中最常用的工具是Sketch。
下面是我早期设计APP中的一些实例。
❷ 如何设计app
首先看做什么类型的app,第一步先要画出app的功能信息架构图,把app的功能进行梳理,第二步就是要画原型图了,根据需求将页面的功能进行合理的布局排版,第三步做交互设计说明,第四步就是开始设计界面效果了,这里重点要注意界面规范性,APP选用的颜色,字体大小图片比例等等都要注意,细节做的越好,界面质量就越高,以上为设计APP的流程简述,仅供参考。
❸ 如何设计app的架构
想要设计App的整体框架,首先要清楚我们做的是什么
一般我们与网络交互数据的方式有两种:主动请求(http),长连接推送
结合网络交互数据的方式来说一下我们开发的App的类型和特点:
数据展示类型的App:特点是页面多,需要频繁调用后端接口进行数据交互,以http请求为主;推送模块,IM类型App的IM核心功能以长连接为主,比较看重电量、流量消耗。
手机助手类App:主要着眼于系统API的调用,达到辅助管理系统的目的,网络调用的方式以http为主。
游戏:一般分为游戏引擎和业务逻辑,业务脚本化编写,网络以长连接为主,http为辅。
一般我们做的App都是类型1,简要来说这类app的主要工作就是
把服务端的数据拉下来给用户展示
把用户在客户端修改的数据上传给服务端处理
所以这类App的网络调用相当频繁,而且需要考虑到网络差,没网络等情况下,App的运行,成熟的商业应用的网络调用一般是如下流程:
UI发起请求 - 检查缓存 - 调用网络模块 - 解析返回JSON / 统一处理异常 - JSON对象映射为Java对象 - 缓存 - UI获取数据并展示
这之中可以看到很明显职责划分,即:数据获取;数据管理;数据展示
确定了职责,就可以进入正题了
1. 传统的Android App架构
Android最原生也是最基础的架构,可以理解为MVC,Controller即是Activity和Fragment,但是这两者掌握了Android系统中绝大多数的资源,并且在内部直接控制View,因此传统的Android App一般是以Activity和Fragment为核心,将网络模块,数据库管理模块,文件管理模块,常用工具类等分离成若干工具类包,供Activity和Fragment使用。
❹ 一款app怎样说出自己设计思路
这个的话需要一定的归纳总结能力。你是设计人员吗,如果是的话,那相对简单,你就把你这个app设计的流程讲一下;如果不是的话就按照前期、目的、作用、受众这样的思路讲。像之前我们公司做校长邦的app,一开始的初衷就是想打造一个校长交流平台嘛,所以就是一切从校长的角度出发,校长需要什么,我们就按照那方面想和设计。谢谢!
❺ 做手机APP,页面如何设计
你有时间去看看李晨老师的UI设计视频教程
❻ 手机app软件怎么设计
这个具体怎么设计编程,必须掌握一定的编程语言,在电脑PC版即可来编程制作 。
❼ 当用户网络异常时如何设计APP
对于用户来说,网络异常一般分为两种情况:一种是网络较慢,加载时间过长就会导致用户认为网络异常;另一种是网络不稳定/断网。针对这两种情况,在设计上有着不同的解决方式。
1.网络较慢
现在的2g/3g移动数据都是相对较慢的网络环境了,甚至对有一些图片较多的APP来说即使是4g也相对较慢的,加载都需要较长的时间。其实我们在设计时就需要对我们产品页面的加载速度进行评估与测试,如果图片较多、页面较长时,加载速度会很慢,如果直接加载整个页面的话,会导致整个页面需要加载10s-30s,这段时间是用户不能忍受的,会让用户认为网络异常从而放弃产品的使用,这也是设计上的失误。
常用的解决方案有:分步加载、预加载以及框架优先加载。
①分步加载
相比于网络较慢,真正意义上的网络异常对于用户来说还是比较容易接受的,不会伤害到产品。在设计时只需要明确告知用户当前的网络状况即可。
❽ 如何设计 App
网络上有教程有网站的,设计app很麻烦的
❾ app怎么设计出来的,可以在网络上面学吗,有人可以教我吗。
楼主可以用app制作平台呀!我用过应用公园,操作很方便,不用懂任何编程技术,一看就会可以制作出同城生活、电商、旅游、美食、社区、教育、新闻等多类型APP。楼主有不懂的地方可以继续追问我哈~