首页面太大怎么样快速加载_UI设计进阶干货 - 如何设计好首页

首页不仅能清晰展示产品核心功能、特点，还能展示公司的品牌形象，提升用户品牌认知度。

APP首页设计至关重要，作为最重要的模块，它的产品设计和运营，会对公司业务产生关键影响。首页改版，举足轻重，是设计师的一大难题。

1、首页的作用是什么？

1. 承担了产品最核心的功能，决定了产品的属性和基调；
2. 体现产品的“骨骼”（产品架构），以方便用户快速进入对应的需求模块；
3. 展示公司的品牌形象，强化在用户心中的品牌认知度。

2、首页改版的原因

1. 业务策略变化
2. 品牌升级
3. 体验变差
4. 老板的命令

3、如何设计好首页？

1、选择合适的首页布局

在进行首页设计之前，我们需要先确定产品的类型。因为不同的产品类型，功能内容不同，展示的内容也不同，那么采用的布局方式也有所差别。

1.1即时通讯型首页

大多数使用列表的展示方式，这种布局方式由于统一的信息样式，至上而下的浏览方式，可以快速过滤信息，提高效率。

最上面的永远是最新的消息框，符合用户潜在认知。

比如微信 、QQ、和飞信、短信等

1.2视频类首页

这一类型大多banner布局样式，可以带给用户平台需要重点传播的内容，比如活动信息和官宣咨询等。

Banner 图的运用组合元素为图片层和轮播点，通过不同的滑动交互形式来形成不一样的变化。常见的都是单纯的 Banner 图、轮播点、滑动切换组合，图片本身以直角或者圆角、通栏或者分栏来呈现，这个需要结合整体的风格来定；轮播点的形式比较多样，也有不显示轮播点的形式，以显示待轮播图片来替代。

比如腾讯视频 、爱奇艺 、优酷等。

1.3 内容消费类APP

产品的内容形态比较相似，可以让用户在首页无限加载内容，一般使用瀑布流，feed流的形式布局。给到用户内容丰富的体验，提高用户粘性和活跃度。

feed流的主要有3种展现形式：图片流、文字流、视频流。

“文字性feed流”最大的优点就是信息明确、一目了然，通过对标题信息的提炼快速告诉用户当前模块的核心内容，用户再根据自己的喜好决定是否进行点击进入查看详细的内容。

比如：36氪、百度新闻、ZAKER新闻、网易新闻等

图片性feed流以图片为主，文字性信息一般搭配在图片底部辅助展示。

比如LOFTER、nice、UC头条、same：

视频性feed流主要以短视频为主（长视频占用用户时间长容易导致用户缺乏耐心），文字信息作为辅助信息一般都会做弱化处理。

比如抖音、网易云音乐、微视等

1.4平台导流型APP

这类型APP大多采用宫格布局，在一屏内为用户呈现更多的入口，引导用户快速进入二级页面以便起到分流作用。

比如：发现精彩APP、支付宝、云闪付、携程APP等

2、确定风格调性

2.1 产品定位

明确产品愿景定位，为用户提供什么价值，了解用户特征，延伸品牌价值观。

2.2 设计风格

什么是设计风格，简单来说就是根据一个人的性格和特点。我们身边每天接触那么多人，哪些人能给你留下印象深刻呢？可爱的，还是有气质的，产品和人一样都需要有性格，从而才能设计有感情的设计。

好的首页设计不是一劳永逸的工程，需要结合业务的发展阶段和目标、用户结构的变化，持续调整不断优化。​