app界面设计总结（APP首页设计思路总结）

本文目录

• APP首页设计思路总结
• 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界面)

第一点：了解你的目标客户群的心态

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的界面设计技巧有哪些

1、移动app的界面设计技巧——无限滚动的魔力

对于移动应用程序设计来说，这个预测实际上是相当大胆的。但随着流行的配色方案、大图和现代字体的新鲜元素，设计师们越来越接受这种方法。不过，值得注意的是，如果用户不能从一个页面导航到另一个页面，他们可能会为所花的时间而烦恼。这可能是无限滚动页面设计本身的简便性的缺点，而这正是吸引用户的地方。

2、移动app的界面设计技巧——大胆的字体应用程序

每个应用程序都试图吸引用户的注意力，而粗体字体应用程序就满足了这一需求。在目前的市场形势下，大屏手机和平板电脑是主流，这是一个非常重要的后台使用。移动应用程序上的大字体会为特定元素赋予界面层更多的视觉分量，让它们令人难忘。字体大小、优雅性、唯一性和适配性也可以提高页面的质量和特性，这是移动应用程序设计的另一个重要机会。

3、移动app的界面设计技巧——简单的配色

简约美是近年来最流行的设计理念。更简单的配色方案也符合这个想法。新IOS中流行的霓虹灯色彩的影响已经减弱。现在用户更喜欢微妙和有质感的颜色。整洁和清洁是艳丽的色彩，它们凌驾于时尚之上。

环球网校小编为大家整理的《身为一名ui设计师，要了解哪些开发移动app的界面设计技巧?》到这里就结束了，如果你希望能将这篇文章灵活应用，还需多加练习，如果你还想学习更多有关UI设计的技巧或知识，可以点击本站的其他文章进行学习。