如何设计app
⑴ 如何制作app
一般制作app需要编程和UI设计,如果你不会这两点,你可以找一些比较好的app在线制作平台去做,应用公园就是图文的操作方式,灵活应操作,有很多可选择的模板,不用自己去设计。
⑵ 如何设计出一个高大上的APP
App界面设计是UI设计师们普遍需要设计的内容,具体App界面设计流程是怎么产生的?刚好我在CGWANG培训学院了解咨询过相关的设计流程,再结合一些企业内部设计师们的工作情况,最后为大家总结出了以下几个方面,针对产品经理、交互设计师、视觉设计师提出的建议。 完整的流程,分层次设计,自下而上去完成: 1、策略层,定义产品使命、价值、目标人群 2、愿景/功能层:定义核心场景、功能列表 3、结构层:做流程图、信息架构,确定主导航、主菜单 4、框架层:梳理每一个主界面的内容、布局 5、表现层:视觉设计,涉及图标、配色、切图。 产品经理主要关注1~2,在去找设计师之前,请先问自己以下几个问题,以保证需求明确: ...App界面设计是UI设计师们普遍需要设计的内容,具体App界面设计流程是怎么产生的?刚好我在CGWANG培训学院了解咨询过相关的设计流程,再结合一些企业内部设计师们的工作情况,最后为大家总结出了以下几个方面,针对产品经理、交互设计师、视觉设计师提出的建议。 完整的流程,分层次设计,自下而上去完成: 1、策略层,定义产品使命、价值、目标人群 2、愿景/功能层:定义核心场景、功能列表 3、结构层:做流程图、信息架构,确定主导航、主菜单 4、框架层:梳理每一个主界面的内容、布局 5、表现层:视觉设计,涉及图标、配色、切图。 产品经理主要关注1~2,在去找设计师之前,请先问自己以下几个问题,以保证需求明确: 1、产品给用户带来的价值是什么? 2、竞品有什么?我们做这个有什么优势? 3、为什么样的用户而做? 4、用户会在什么样的场景下使用这个产品? 5、要完成这个产品,最大的瓶颈是什么?是技术攻关?体验出彩?还是运营资源? 交互设计师主要关注3~4,在交付方案之前请先不断问自己以下几个问题,以保证体验质量: 1、该界面要求用户完成的最重要的任务是什么? 2、这是最简单的解决方案吗? 3、信息是否组织得当? 4、设计是否易用且一目了然? 5、标准是否一致? 6、能否减少用户点击次数? 视觉设计师主要关注5,在与产品经理PK之前请先不断问自己以下几个问题,以保证减少返工: 1、界面上需要突出的重点是什么?是否进行了有效的突出? 2、界面上一共有几个层级,是否用清晰的视觉语言予以展现? 3、同样层级、同样性质的元素是否用了一致的设计语言? 4、主色调、材质,是否符合整体品牌感? 5、细节有无丢失?按钮点击态、反馈、缺省状态、字数超出、加载中、未加载态、加载失败态,是否都提供了? 另外,合作不易,三个角色分别需要注意的问题: 对于产品经理: 1、APP的设计,不要只看竞争对手确定自己的定位,不要“因为竞品A和B没有做到,所以我们要做比A和B更牛B的XX功能”,而是要以用户为导向,思考自己为客户提供的价值。在向其他人描述你的想法时,请用这样的句式来描述和思考:XXX这一类型的人在XXX的时候、XXX的环境下,想要做XXX事情,遇到了XXX问题。而我们这个APP能够通过XXXX方式巧妙的帮助他解决了这个问题。 2、不要直接拿线框图给交互设计师看,直接描述你的需求即可,描述清楚。让设计师知道你的目标是什么,接下来让交互去画原型,让更专业的人做专业的事。 3、不要太纠缠视觉,对于一些无关紧要的细节,该放手就放手,尽量减少提出主观意见。 4、别太迷信用户反馈,能提反馈的,大部分都是粉丝、深度用户、高级用户,他们代表不了全部用户的心声。 5、让开发主管去评估工作量,如果对某一部分工作量的评估觉得时间太长,就把它拆分成子任务。 6、每周对一到两次开发成果,别频繁的去打扰人家。 7、bug不断发现,不断修复,发现/修复率小于1,才开始变得可控了,才能确定bug的具体规模并精准预测发布日期 8、少做少错,新版本尽量别加太多锦上添花的功能,满足最核心的就行了。 对于交互设计师: 1、不要一提商业化就头疼,谁不想做一个干干净净没广告的APP ? 别老想着高大上,目标最重要。通过你的设计,让用户消无声息的贡献点击,让商业化变得人性化,这才是你的本事。 2、别太窝囊,别产品说怎么改,就怎么改,要跟他争,把自己当成产品的owner,产品的数据、规划,你全都要知道,这样信息对等了,才有话语权,才能有机会站在用户角度提供人性化的设计建议,否则只能是个画线框图的。 对于视觉设计师: 1、简洁不等于好(在业界大谈特谈简约至上的风气下,一定有人对这句有疑问,不细解释,请自行先翻一下诺曼的《如何管理复杂》这本书)。符合用户的心智模型,让人一目了然,才是好。 2、别做一大堆方案,ABC方案抛出去让人选,这样累不累?自己先判断哪一个方案最好,把它做到自己满意、可行、拿得出手,就行了,不要沦为美工。 3、给开发的视觉稿,先自己想一下,布局如何实现,不同屏幕尺寸如何适配。如果有动画效果,别天马行空的描述,能做出动画示意最好,做不出来,也找一个靠谱的示意。别让开发gg太上火。 最后,90%的问题本质上都是沟通问题!90%的争论本质上都是名词之争! 总结 • 不管对于产品经理还是交互设计师或者是视觉设计师而言,在整个App界面设计流程中都需要做好准备,多思考解决问题的方案并付诸于行动,只有大家都互相通力合作了,整个App的UI界面才能初步有一个完整的雏形,UI设计的整个流程才能更加有效率。永远记住以用户的想法为核心,再进行进一步的设计,这是UI设计中最基本的理念。 o 来源:UI设计达人收起
⑶ 怎样才能自己设计一款手机APP软件
摘要 首先要知道一个APP软件的开发,一般需要以下岗位:
⑷ 如何设计一个全新的APP应用
第一步:应用分析阶段(其实包含有产品定位与用户分析阶段)
首先确定自家产品是什么类型,竞品分别是那些,有什么优势,适合的目标人群怎样;然后将目标人群做细分:地域、职业、年龄、性别、兴趣、消费习惯、收入水平等等;细分越详细,在今后的推广中越能明细自己该做什么;
第二步:竞品与渠道分析(对比竞品确立渠道,或分析渠道确立竞品)
通过与竞品的对比,罗列出那些渠道比对方弱,那些渠道需要稳保排名,那些渠道需要做优化,那些渠道需要做CPSA等等;这样做的前提是能清晰明确的分辨出自家产品与各竞品的异同;适合成熟公司对比竞品去在每个市场做战斗,也可以中小公司避开正面冲突选择性的在应用市场做推广,不过,竞品都没有占据好的市场,有可能效果确实不好;
第二种方式是先渠道分析,然后再渠道中确定竞品;例如对比安卓市场的网络和小米;小米首发好申请,第一批用户就有了;网络市场是国内安卓最大的应用市场,成熟的产品就得进军网络;选定了适合自己的渠道,就要看该渠道中竞品的数据;例如同是北京大学生宠物社交类放入应用,对方在ios的关键词覆盖多少,关键词都是那些,下载量是多少……哪怕我就照着做,效果也不至于差的太离谱;
第三步:确立目标(沟通让目标更实际)
做完分析后其实就有了大致要运营的方向;结合公司的战略发展及市场的变化趋势;首先做出自己的目标;然后将目标告知老板与同事,并得到他们的认可;(这在后期推广时尤为重要,尤其是没钱的小公司;全民皆兵呐;)
已经有目标后应该如何实现目标;老板都怕花钱,可是不花钱买猪饲料,猪就长不大,猪长不大又怎么能赚钱回来;土地自己也是可以长出庄稼的,可是有化肥的土地能让玉米长得更壮实;买“猪饲料”或者“化肥”更得寻得老板统一才可以。
第四步:制定方案(有方案,敢说话)
很想将文章的第三步与第四步做调换;因为在不同运营职位的角度立场各有不同:运营总监有了目标后跟着预算去做方案;而我遇到的大多老板都是比较抠门的,得我拿着方案要预算;结合自己的情况,我觉得小公司运营更实际一点是先做一份简单的方案,然后再找老板谈运营预算;拿到预算后,再制定详细的方案;
做好分析后其实方向已经在心中了;要激活,就再更精准的定位用户;要留存就适当做一些活动吸引;要下载,关键词评论各要如何……
⑸ 如何设计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 开发过程要经过项目启动、建立产品原型、形成效果图、进入研发阶段、研发成功后进入测试阶段、测试过后将问题反馈给研发人员进行调整、多次测试确认没有bug。这就是一个完整的app开发过程。
简单来说五个步骤,请继续往下看:
1.idea形成
一个APP项目的首先要确定项目整体方案,整个项目的规划,大体框架,做成文档展现出来,以便大家提意见和更好的改进。也就是说首先要确立产品原型,进入项目评估阶段。经过反复确认,最终形成产品脑图(axure软件)和完整的需求文档。
2.功能设计
第二步相当于网站的需求分析,需要整理确定App的主要用户群体和APP能实现的功能。关于APP开发设计可以在DevStore(全球首家开发者服务商店)
平台上借助一些工具来充实APP,像结合推送、地图、社交分享、第三登录等常用的工具让你的APP更丰富一些。借助第三方服务来丰富自己的作品是很好的借力途径,一定不要错过,平时要养成收集平台的习惯,例如工具平台,学习交流平台,养成总结整合资源会是受益一生的好习惯。
3. 功能实现
APP的大概界面构思和设计,大功能模块代码编写。正式进入产品的原型设计阶段。UI、UE开始设计,形成初步的效果图。在经过确认后界面的效果图正
式设计完成。产品在设计图完成后,进入研发阶段。通过编程语言形成正式序。至此,App的制作过程就完成了一大部分,可以进入测试部进行测试。作为一个开发者来说这才是重头戏,设计,测试都是别人的事情,这一步主要是开发者努力打码阶段,不断码砖,修bug阶段。
4.测试
把大概的界面和功能连接后,App的大致demo就出来了,demo自己试用和体验几遍后,根据实际情况修改,没有大错误后,新版本可以尝试寻找beta用户,
根据测试用户的反馈,改进并反复测试。用户测试阶段一定要把每个用户的见考虑进去,不一定每个意见都会通过,但是不要放过一点瑕疵,尽全力让自己的作品更好。
5.完成
在产品经过多次测试,修改bug确认无误后。一个App制作项目就完成,可
以进入个大市场,投放使用。
⑺ 如何设计一个用户体验好的app
苹果的新iOS我们已经上手好几周了,准备好为它而设计吗? 如果你已经有一个运行于此平台的APP,你可能打算为新iOS而设计,或者在旧版上做一些必要调整 不论哪种,你都希望为新界面而设计,确保你的APP与用户在苹果设备上的体验相吻合,那么如何做到这点? 扁平,更加扁平 苹果的iOS7秉承着扁平的设计理念,尽管它不是完全的扁平化 那么就秉着“较扁平”来规划设计你APP或移动站点 所有的那些曾经辉煌的拟物化风格图标与效果,一去不复返了。如今的潮流是单色块、多色文字和大量留白 苹果为iOS7制订的设计准则鼓励简洁设计与易用性。但是设计准则并没有着重介绍我们即将讨论的关于扁平化设计的规范。我们能在这些新设计的APP(包括苹果自身样式)中看出一些与扁平设计特征相违背的东西 比如说颜色,iOS7包含了相当一部分柔和色调和半透明效果。扁平设计通常使用明亮、高对比度的颜色 你所见到的按键和按钮也没有设计成扁平样式。例如键盘,每个字母都包含在一个带阴影效果的按钮中。这些微妙的效果是新界面的显著特征 重视字体 字体是iOS7设计的关键 大多操作都是点击文字,而非按钮(有时是图标) 苹果的默认字体是Helvetica Nenu,一种纤细简单的文字。但那不是你的唯一选择 iOS7中的字号稍微加大了,主要由于它的用途。而且文字间的层级至关重要。利用颜色和不同粗细,来保持文字布局和UI元素清晰易懂 可是从哪入手? 选好并获得字体的使用许可后,将苹果的默认字体规格说明作为设计准则着手开始 导航栏标题:Medium, 34像素 按钮和表头:Light, 34像素 表格标签:Regular, 28像素 Tab页图标标签:Regular, 20像素 无边界 关于iOS7中文字作为按钮,我们已经讨论了不少。不过还能再深入。多数界面设计是无边界的 看看日历——日期没有网格线。看看Safari中的可点击区域——没有明确的按钮。再看看时钟和内置天气app——网格线也消失了 取而代之的是留白。但不要误解。网格也仍然存在(并且很明确),只是划分“格子”的分隔线被去除了 像这样去掉线条,创造了更开阔的空间。极简风格和额外的留白能让用户看见并感觉到按钮和网格的存在,却不会让他们拘泥于其中 所以如果用到方块、按钮、边框,并决定何时使用它们——举棋不定时,去掉就好 考虑使用视差效果 iOS7设计中的一项重要的新特征就是动画。这个系统中使用到的动画效果,比苹果以往发布的任何系统都来得复杂 好好利用它 考虑新颖且与众不同的方式来让你APP中的物体移动,并与其他物体互动。视觉差滚动(垂直方向甚至水平方向)是一个你以前从未使用过的方案 记住,苹果这次发布所兜售的理念,大多都关乎用户体验。牢记它并将其贯穿整个项目 分层创造层次感 苹果给设计师们的最后一项工具,是一种在iOS7中创建和操纵层次感的方式。早期版本中,层次感通过拟物化效果来实现。iOS7中,层次感是分层的产物 以主屏幕作为例子。打开一个文件夹。它停留在屏幕中央,并没有占据全部空间 这层也包含了半透明效果。从你设备的底部滑出菜单。你的视线能够穿透它。你屏幕上的颜色和主风格就在那里,只不过带上了半透明的模糊效果(除非你在设置中选择了“增加对比度”选项)。通知中心、Siri、甚至主界面上的通话按钮处都一样 想想如何将这些效果用在你的APP设计中。对你选择的配色方案和基调有影响吗?制作按钮、图标和提示时它能起到作用吗? 如何创造出适当的模糊效果?在Adobe Photoshop中,10像素的高斯模糊大致可行 精心处理你的图标 设计APP图标和APP本身一样重要。它同样需要遵循苹果的iOS7设计准则 外形都很相似,但它有些新的特征,包括一套为图标本身的设计制订的特殊栅格系统 Pixelresort的Michael Flarup制作了一个非常棒的图标模板,迅速创建苹果标准图标变得信手拈来 谨记 为iOS7而设计时(全新设计或重新设计),苹果也有三条准则需要牢记 新APP需要遵循Appstore的这些规则 记得为现有APP更新图标以匹配新界面。规格:iPhone版120×120像素,iPad版152像素 启动图要包含状态栏区域 所有设计都要支持视网膜屏和iPhone5 结论 现在我们已经看过了为iOS7设计所需要准备的东西,可以着手开始了 如果你需要更多设计准则的说明,苹果为设计师和开发者提供了过渡指南和文档,来解释他们团队的设计理念 来源:article/view/418335/381994
⑻ 如何做APP界面设计
第一点:了解你的目标客户群的心态
1、做微任务的目标客户群(如随时随地看看新闻,听听歌,看看电影,聊聊八卦之类):
这类的解决方案是设计的app最好是小而准,不要大而全。越全的功能应用,只能代表着这个应用在各方面的都很平庸
2、喜欢当工具来使用的目标客户群:比如找地图,看天气,查数据等。
这类的解决方案是 我们尽最大努力的去满足用户的情景需求。做到极致和简单。
3、无聊的客户群,用来打发消磨时间的:无需求,漫无目的的
这类的解决方案是尽可能展示用户感兴趣的东西,帮助客户来打发消磨时光。
第二点:APP原型图的制作和设计讨论
这个环节是必不可少的。需要根据设计需求认认真真的来画画原型图。
常用的APP原型图工具:移动APP原型设计神器 POP 、axure、Foreui等
第三点:APP视觉设计与设计要点
(1)大概设计板块有APP启动页面设计,APP界面设计的尺寸规范,app图标设计等
一般来说,手机屏幕是从上往下布局的,重要的信息会放在上方。但是在操作上,大部分人都是单手拿手机,常用的操作,要放在界面的下方。
另外还有一个原则,最小的触摸单位,一般是44个像素。如果再小,你的拇指难以触碰,或者容易引发误操作。同时,也不要让界面太拥挤。
所以,设计师必须用减法设计,这个过程需要花时间思考、简化元素。
你必须记住:(1)隐藏设计或者减法设计 (2)分区或分类 (3)帮用户做决策 (4)提高交互创新设计 (5)让人有爽快感和新奇感 (6)在设计中浸入情感,把握用户的心理。(谈谈如何进行产品设计以及产品情感化设计)
一位大师这样说过“真正的简约设计是:作品必须不断的被简化,一改再改,直到设计最终成形。”
2014年 APP设计风格趋向扁平化和卡片化。卡片,扁平化都会是移动app设计的趋势!认为卡片设计确实同时兼具了“拟物”和“极简”2种优势!
第四点:APP界面设计流程
(1). 设计APP界面时,学会从优秀APP界面设计作品中寻求灵感,以前的艺术大师,用少量的资源做了大量的设计。
(2). 放下工作,休息一下很有帮助。扁平和简约设计的一切均关乎到细节的差异。因此小憩片刻后再回到工作,带着全新的眼光工作,比长时间冥思苦想更有
效。
(3). 并排比较各个版式同样有帮助。哪怕花20分钟前将一个线条下移各5个像素分别保存,对比两个版式就能很快分清孰好孰坏。
(4). 由于实物展示的相对比例至关重要,所以要及早在不同的目标设备上测试。
(5). 整个设计过程中不断问自己“真的需要吗?” 。支撑项目时候,找一些讨巧的办法,例如,添加一些有趣的元素、样式会这样会很容易也会很吸引人,
但必须始终注意剔除不必要的元素,不断精简。甩掉你费尽心血的部分总是难以割舍,但修改过程必须挑剔。
第五点:APP界面设计测试与预览修正
设计完成之后,我们可以把设计图导入手机测试或者是校正。之前发布的在线测试工具:快速在移动终端上预览APP界面设计效果图的方法最后:好的APP界面设计作品必然是要经过不断升级、重复迭代的。
⑼ 怎么设计开发app
那要看什么app了~
如果是安卓的app,可以使用很多编程软件,例如Microsoft Visual Studio,其它也可以。
iOS平台的话只有Xcode,需要一台Mac电脑,macOS系统的软件也必须使用Xcode
还有WP和Windows系统的话,Windows商店(包括PC和HUB、WP)软件必须使用Microsoft Visual Studio,Windows上exe软件就很多了~
我说得很概括,我也不是专业编程的,最快捷的学习还是找找专业书籍吧~
⑽ 如何设计app界面可以适合所有手机屏幕
通过设备dpi的声明,和设计上dp的标注,来判断某个元素应该渲染成多大(像素px)的面积,来适配不同屏幕大小和像素密度。
密度
本来就是一个物理面积和像素数的关系,所以这个密度值,可以为不同尺寸不同分辨率的设备提供一个界面布局的参考。
前提是设备声明的dpi是接近自身的硬件ppi的。
明显的例子就是魅族,比如MX3,屏幕物理ppi应该是接近400,所以他们声明dpi也是400(非安卓标准的480)
这样的结果就是MX3上同样的界面(比如Play store),和物理尺寸分辨率都非常接近的其他手机相比(声明dpi480的那些),看起来更小,可以展示更多的内容,充分利用了屏幕,并且在用户使用中会感觉更精致。