『壹』 如何从零开始设计一款漂亮的移动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的成本费用高一些,如在北京、深圳和上海等地的开发公司开发成本费用就会比较高,因为当地开发人员的薪资和其他支出相对更高。
『叁』 如何设计好一款手机APP首页
1进入:“金和IU APP自助工厂”官网,点击右上角的登入,登入我们前一个分享中注册的帐号以及密码.2.登入主界面后>点击左侧的>应用管理>再点击右上角的>马上制作您的APP.3.进入APP模版选择界面,选择你需要的APP模版,这个可以根据你自己的需求定位做何种的APP,每一种模版都有他独特的展示优点.不管选择何种APP模版,大致的制作方法都是差不多的,小编选择图文自定义模版进行分享,点击图文自定义.4.进入APP创建界面,输入你需要创建的APP名称,APP图标,以及APP的描述.①、AAP名称:一定需要在取名的时候定义想好,如果命名后就尽量不要去更改,我们手机中的知名APP有那个不是一直用着同一个名字呢?就好比QQ,微信,他们没有三天两头跟换名称吧.②、APP图标:这个图标可以选择你企业或店面注册时候的商标,也尽量不要去更换(可以自定义)③、APP的描述:可以描述APP的用途,以及主要的作用等等.填写完成后选择下一步.5.选择程序启动图片,可以选择系统自带的图片(这个启动图片可以一个半个月到一个月更新一次)6.也可以自定义图片,上传自己PS的个性图片,点击+号位置>上传界面>选择自己准备好的图片>打开7上传进去后,调整成合适大小的图片,点击保存.8上传进入后点击下一步9.选择APP界面皮肤>点击下一步.10.等待生成APP,11.等到100%时系统会自动挑战到下载界面,可以通过扫苗二微码或直接下载到手机体验,但是里面没有自己的产品内容.
『肆』 怎么设计一款app
首先得有思路app是做什么的 还要想怎么能吸引人来下载
『伍』 如何设计一个全新的APP应用
第一步:应用分析阶段(其实包含有产品定位与用户分析阶段)首先确定自家产品是什么类型,竞品分别是那些,有什么优势,适合的目标人群怎样;然后将目标人群做细分:地域、职业、年龄、性别、兴趣、消费习惯、收入水平等等;细分越详细,在今后的推广中越能明细自己该做什么;第二步:竞品与渠道分析(对比竞品确立渠道,或分析渠道确立竞品)通过与竞品的对比,罗列出那些渠道比对方弱,那些渠道需要稳保排名,那些渠道需要做优化,那些渠道需要做CPSA等等;这样做的前提是能清晰明确的分辨出自家产品与各竞品的异同;适合成熟公司对比竞品去在每个市场做战斗,也可以中小公司避开正面冲突选择性的在应用市场做推广,不过,竞品都没有占据好的市场,有可能效果确实不好;第二种方式是先渠道分析,然后再渠道中确定竞品;例如对比安卓市场的网络和小米;小米首发好申请,第一批用户就有了;网络市场是国内安卓最大的应用市场,成熟的产品就得进军网络;选定了适合自己的渠道,就要看该渠道中竞品的数据;例如同是北京大学生宠物社交类放入应用,对方在ios的关键词覆盖多少,关键词都是那些,下载量是多少……哪怕我就照着做,效果也不至于差的太离谱;第三步:确立目标(沟通让目标更实际)做完分析后其实就有了大致要运营的方向;结合公司的战略发展及市场的变化趋势;首先做出自己的目标;然后将目标告知老板与同事,并得到他们的认可;(这在后期推广时尤为重要,尤其是没钱的小公司;全民皆兵呐;)已经有目标后应该如何实现目标;老板都怕花钱,可是不花钱买猪饲料,猪就长不大,猪长不大又怎么能赚钱回来;土地自己也是可以长出庄稼的,可是有化肥的土地能让玉米长得更壮实;买“猪饲料”或者“化肥”更得寻得老板统一才可以。第四步:制定方案(有方案,敢说话)很想将文章的第三步与第四步做调换;因为在不同运营职位的角度立场各有不同:运营总监有了目标后跟着预算去做方案;而我遇到的大多老板都是比较抠门的,得我拿着方案要预算;结合自己的情况,我觉得小公司运营更实际一点是先做一份简单的方案,然后再找老板谈运营预算;拿到预算后,再制定详细的方案;做好分析后其实方向已经在心中了;要激活,就再更精准的定位用户;要留存就适当做一些活动吸引;要下载,关键词评论各要如何……
『陆』 如何设计出一个高大上的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
苹果的新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、修改完成后,点击下一步进入应用平台的选择,即是生成IOS版本,还是安卓版本
『玖』 一款app怎样说出自己设计思路
这个的话需要一定的归纳总结能力。你是设计人员吗,如果是的话,那相对简单,你就把你这个app设计的流程讲一下;如果不是的话就按照前期、目的、作用、受众这样的思路讲。像之前我们公司做校长邦的app,一开始的初衷就是想打造一个校长交流平台嘛,所以就是一切从校长的角度出发,校长需要什么,我们就按照那方面想和设计。谢谢!
『拾』 如何设计一款企业APP
4、以各种方式深度了解了受众和用户,从众多可能的点中,依据重要性或企业的业务战略,选出一个来先做,将整个过程理顺,并且经过几次迭代修正一起的假设和研究,然后再往下做。然后是概念设计+交互设计+视觉设计+开发+运营方案,一路而去。再补充对其他企业都会有帮助的一些方向:品牌营销企业现有品牌,或者希望希望推出的新品牌,通过移动互联网进行营销,包括采用需安装的 App 形式(原生 App,混合 App),或 Mobile Web App 等形式。业界已经有很多实践案例可以参考,例如做和品牌领域相关的工具(例如无印良品的 App),带有 O2O 色彩的工具(例如星巴克闹钟),或者趣味游戏。这里的要点,是尽可能实现的 App 的病毒属性,让人们乐意去分享传播。常犯的错误,是讨企业决策者欢心,却是自卖自夸,自说自唱,最终真正对于消费者的作用并不大。看看很多企业 App 在 App Store 里的表现就知道,自娱自乐的很多。产品营销企业推出的产品目录,或者针对某款产品的演示与营销。前者相当于企业官网的延伸,有时甚至还可以和电子商务结合起来,应用的设计应该足够易用,行话叫有良好的可用性(Usability),并且和企业的整体品牌调性相适应。后者现在非常多,很多企业的市场部门都会在推新产品时出个 App。问题是大家很多时候都还是做广告的思路,把广告包装到 App 里,加上一点互动,就完工了。把广告做的再互动,仍然是广告,用户喜欢看广告么?所以要为用户提供价值,让他们有足够的动力,而在市里营销当中,这也会给企业的营销人员便利,让他们能够打开话题,引发和顾客的进一步互动。以老干妈为例,一个教你做出美味菜肴并且带有老干妈产品信息的 App,会比一个弄个瓶子转来转去的要好。1.企业与消费者双向互动管道传统的营销活动往往是一次性或者周期较短的,企业和消费者难以建立长期和持久的联系。这当然为媒体和广告业带来了可观的收益,企业需要不断付钱。但是在互联网的时代,我们会讲用户增长、讲用户活跃度和黏性,都会试图长期的和用户发生联系,留住用户。企业 App 也应该考虑到这一点,同样都是推广,无论你是通过产品上的二维码、促销活动等等,将用户吸引过来,就应该去尝试和用户建立互动和长期持续的联系。这形成了企业与消费者之间的纽带。很多形式都能建立这样的渠道,但是这要求功能或内容应该对用户有持续的吸引力,或者产生持续的价值。近期比较常见的形式是微信公众账号,特别是即将发布的微信5.0,将企业服务型账号和媒体型账号分开,除了媒体型的广播信息之外,其实企业能做的更多。将和消费者互动的部分、信息查询和产品展示的部分,放到微信这样的第三方平台上,好处在于减小了用户的获取和进入门槛,以及维持关注度的门槛,当用户希望和企业发生互动时(例如查询信息,使用企业的网上服务),能够快速找到。2.企业内部的移动互联网工具企业办公和协同系统其实已经有很多公司在做,如果不是有非常定制化的需求,不需要企业自己做。但是还有很多和企业业务及内部运营紧密相关的需求,例如内部培训、视频宣传和轻量级的领域知识积累与管理、具体的业务处理等等,这就需要更为定制化的企业 App。这样的例子已经很多了,看看机场里航空公司和机票电商的营销人员,还有保险业的业务人员,移动互联网在帮助企业更好的做生意。关于企业是否需要 App(App 的界定请参考本文前面内容所述),不一定,但是看看现在有多少企业还没有网站呢?车轮滚滚向前。