首页 app开发 正文

app设计思路图(APP设计图)

app开发 181
今天给各位分享app设计思路图的知识,其中也会对APP设计图进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、APP首页设计思路总结

今天给各位分享app设计思路图的知识,其中也会对APP设计图进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

APP首页设计思路总结

最近我服务于某品牌CRM项目,做一个健康类APP,真的挺兴奋的。目前此APP 1.1版本已上线,从平台策略到最终测试上线,中间也是充满坎坷和痛苦,抉择与妥协呀。2.0版本已在规划中。由于功能和互动体验进一步完善,此版本增加了首页,就想写写对APP首页设计的一些思考和总结。

APP首页和网站首页一样,需要告知用户“我”(APP)是谁,“我”(APP)能为“你”(用户)提供什么服务、内容、产品...“你”(用户)能够通过“我”(APP)提供的服务、内容达到什么样的目的。不同APP类型,首页设计也是因平台而异的。比如内容资讯类的APP,多数在首页采用无限加载的形式,通过个性化的内容推荐,吸引用户深度阅读、评论互动、分享转发...总之,要增加用户停留时间;高频使用的工具类APP,首页大多就是主要功能界面或突出功能Action,简单直接,用完即走...

今天,我们从首页目的的角度,总结APP首页的设计思路。

首页是用户消费内容最主要的场景。典型的方式即在首页进行瀑布流设计,无限加载内容。比如时尚电商APP、内容类APP以及Twitter、Facebook和pinterest等依赖Feeds的社交类APP,都会选择这种设计思路。这类首页要考量产品运营的能力,若要考虑内容的个性化推送,规则算法可又是一“坑”。

导流型的首页,一般提供频道、品类、搜索等入口,将用户尽快引入二级页面。也就是说,首页不再是消费内容的主场景,而是更多起到导流作用。比如电商类产品(天猫、京东)、旅行产品(携程、去哪儿)等。

首页即功能/体验界面,用户在进入首页即进行功能操作或深度互动。第三种与第一种消费内容比较相似,但第三种类型的设计大多集中在工具型、交通类或游戏类产品。

暂时想到这么多,欢迎补充。

思来想去,我们的APP是工具及游戏类的结合,核心栏目中都有用户关心且和自己息息相关的数据,如果散落在各个栏目中,层级较深,也势必会增加用户操作成本,因此想将这些信息更扁平化的集中呈现。初步考虑,会将APP首页作为集合页,并做个性化体验设计,露出用户最为关心的数据信息,并向一级/底级页面导流,同时在页面底部做官方内容的推荐。

还是要谨记,平台产品的规划,要结合品牌商业目标、产品类型、用户需求综合考量。

参考文章:

从运营角度来看首页设计

APP产品设计大揭秘

主题:APP产品设计大揭秘

时间:2019年6月13日

前言:app名字和icon的来源

主讲人:杨萌(网易传媒内容运营中心运营经理)

1.名字来源

Step1:了解市面上产品名称,总结好名字的规律

a.有辨识度、区分度

b.传播成本低(1.便于打字,说起,好记;2避免英文,3.元音结尾,朗朗上口,易于传播)

c.具有对目标用户使用产品唤起的能力

Step2:结合产品定位,脑暴产品拟定名

1.列出产品定位关键词(生活日常,温暖、治愈、真实、年轻、平凡等)

2.根据关键词发散出60多个产品名

Step3:300名目标用户投票选出产品名“咕噜 ”

2.Icon来源

Step1:确定设计方向

a.结合名称,内容风格及产品定位

b.与现有app有区分度

c.色调保持一致

Step2:50个种子用户投票选出

App产品交互设计

主讲人:徐琳琳(网易高级交互设计主管)

1.什么是交互设计(人-机-环境)

a.交互设计处理的就是这些关键节点的“对话”

b.如何让双方(人,机)明白对方的意思,知道对方的进度,知道对方的困难,并且解决。。。

c.交互设计的是用户在使用一个系统/产品时所经过的“路径”,以及与系统/产品发生的“对话”。

2.交互设计在工作中的位置及作用

(交互设计同样需要贯穿整个产品流程,区别于产品经理,不同在于侧重点上的。个人认为产品经理做的是框架和策略,交互设计做的是体验,两者有交融,但由于个人技能背景不同,做了细的划分,本质上都是为了满足用户需求)

工作内容:

a.了解用户特点、需求、目标;

b.梳理用户任务和流程;

c.整理信息/页面结构;

d.提出设计方案草稿,制作原型;

e.跟进设计和开发;

f.跟进上线和迭代优化

3.咕噜的交互设计

3.1产品结构

与其他产品不同在于,页面的转换方式。传统通过点击,进入某种类频道,咕噜选用左右滑动,切换该主题其他视频内容。

弹幕热力图

弹幕互动

App产品视觉设计

主讲人:张伟(产品组设计主管)

1.UI设计师的几把刷子

“T”型能力:

设计交互能力——运营能力——市场研究能力——数据分析能力

                                       ↓↓ ↓ ↓ ↓ ↓ ↓

                                      行业积累能力

2.咕噜设计风格探索——APP设计思路

1.通过几个问题确定方向:

产品目标是什么?

面对的用户是什么人群?

他们的特征是什么?

我们希望用户在用我们产品时有什么用户体验?

2.情绪板的设计推导

Step1:原生关键词的诞生

Step2:发散思维,头脑风暴,确定最终的衍生关键词

Step3:图片查找,拼贴,搜集元素

Step4:关键词映射(视觉,心情,物化)

Step5:情绪版建立-色彩提取(高斯模糊或马赛克处理)

Step6:最终配色方案

3.Icon设计演变

a.icon种类:线性(粗,细),面性(扁平,写实)和线面结合

b.Icon元素比重

c.Icon变化

4.排版布局-首页

绿色:单手轻松可点击区域、             橙色:单手勉强可点击区域                红色:单手无法点击区域

5.排版布局-其他页面

如何制作app软件?

先建立开发环境,再找外包公司。

Android开发涉及到的技术点非常庞杂。

主要知识点如下:

1.开发环境,AndroidStudio、eclipse.如何搭建Android开发环境可以去百度。

2.数据结构,App的某些功能涉及到做算法,所以要有一定的数学基础

3.AndroidSDK,会API接口开发,包括自行开发API的能力和调用第三发API的经验。

4.熟悉tcp、IP,socket等网络协议

5.如果涉及到服务器,你还需要了解webservice相关知识和相应的开发语言,常用有PHP、JSP、ASP.Net.

6.除了这些功能基础,App开发还涉及到UI设计、框架、性能优化、调试适配等。

开发iOS系统App需要Objective-C主流编程语言,开发者一般用苹果公司的iOSSDK搭建开发环境,iOSSDK是开发iOS应用程序中不可少的软件开发包,提供了从创建程序,到编译、调试、运行、测试等多种开发过程中需要等工具。学习iOS开发可以去看苹果官方文档,这是最权威的ios教程。

如何设计APP软件图标

每一个iOS应用都会以一枚APP启动图标的形式展现给使用者,它能传达应用程序的基础信息,并能够给用户带来第一印象感受。它能直接引导用户下载并使用应用程序。UI设计人员有时设计出来的图标看起来很炫,但是投入市场后却得不到用户的认可,点击率很低,这其中的原因很多,单从视觉设计的层面讲,如何提升APP软件图标的视觉效果从而提升点击率已经成为每一个UI设计人员都应该考虑的问题。 一、APP软件图标的视觉设计 1.视觉设计要符合平台开发的设计规范性 ——不同的应用平台往往会产生截然不同设计结果。了解学习平台开发规范,磨刀不误砍柴工。例如苹果移动平台和Windows_Phone_7移动平台的视觉规范就有很大不同。 2.视觉设计要找到共性,抓住个性 ——分析了解同类的APP软件及各自图标设计的定位,找到设计方向的共性及其自身软件的独特个性。在itunes里搜索软件关键字会发现有很多相似的图标。从搜索结果中不难发现,那些APP软件图标会吸引用户的关注。 3.视觉设计要力求设计表现的完整性 ——明确任务,大胆设计;简化设计元素(主图形、辅助图形),突出设计主题;层次分明,不刻意追求质感。 4.视觉设计要遵循横向、纵向比较的统一性 ——设计好图标后,放在同类别APP图标中,去审视自己设计的图标是否能够抓住用户的眼球;有时不同平台会产生不同的视觉效果,某些系列化的APP软件产品更需要通过比较来分析产品的统一性。比较之后可以有针对性的微调、预调,但不要随便更改设计意图及表现形式。 5.视觉设计要保持设计过程的连续性 ——随着软件版本的升级,APP软件图标也应该在产品升级的大背景下有所体现。比较好的做法是有计划有组织的视觉递进式改进。 二、APP软件图标的设计方法 2.重视APP图标视觉设计的层次感,质感表现恰到好处。 3.在APP图标的视觉设计过程中不要浪费一个知名品牌的现有的元素。 4.在设计过程中运用直接了当的文字内容表现隐喻的设计主题。 5.在设计过程中运用行业标准图形或主题图像概括主要内容。 6.在设计过程中最大限度的激发用户的好奇心。 三、设计APP软件图标时容易出现的问题 1.陶醉于无意义的视觉质感,主题重点本末倒置。 2.APP软件启动图标主题元素与软件内容脱节,缺少关联。 3.在设计过程中胡乱使用文字表达主题。 4.设计方案里的图像元素在不同平台、不同尺寸下的视觉呈现存在明显差异,看不清所要表达的主题。 5.APP软件图标给用户的视觉感受“粉”“灰”“模糊”。

关于app设计思路图和APP设计图的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

扫码二维码