什么是功能入口设计---上海天象网络技术有限公司

个人中心其核心模块其实就是功能入口，因此清晰、有层次的布局尤为重要，功能入口我大概统计了有2种表现形式：列表式、宫格式。

1、列表式

列表式是最常见的展现方式，其优势是层次展现清晰，灵活性高，方便信息后期扩展。其展现方式往往是图标+文字，图标主要根据产品整体图标风格而定，这里就不在赘述。其缺点是，如果同级过多时，容易产生疲劳；视觉样式弱，视觉区分层级较差；只能通过排列顺序、颜色来区分各入口重要程度。使用场景：多用于工具类和阅读类的APP中，不适合电商类功能模块较为复杂的APP中。另外在列表设计中，我们还可以根据业务分类进行列表分组，以方便用户浏览查看。比如上图支付宝将账单、总资产、余额、余额宝、银行卡我的资产部分分为一组；芝麻信用、保险服务、花呗等功能入口分为一组；其他几个例如微信、得到、搜狐新闻、网易新闻、百度阅读从上图可以看到，都是将相关联的分为一组。这么做的目的其实就是增加界面层次，让用户更快速的找到需要的信息或入口。

2、宫格式

宫格式也就是将页面划分为若干相同的区块，相关联的可分为一个区块，其优势是可以强化功能操作；页面视觉效果更好。其缺点是在层次上不如列表式清晰简洁，会增加用户使用成本；另外不利于后期扩展，会出现一行只有一个功能入口的情况。使用场景：由于其视觉效果好，可以强化功能操作，因此我们看到很多电商、外卖、团购、短视频等都采用该展现形式，同时对于一些功能入口较少的APP，采用宫格式也可以让整个界面效果更丰富。从上面的案列可以看出，宫格式设计图标占比较重，因此在设计时，图标是设计的重点，我们可以采用线性图标、线+面、面型图标进行设计，其设计风格同样根据整体规范的设计风格而定。比如百度外卖采用了较为简洁的粗线性图标设计，和底部的面型图标拉开差距，提升界面细节表现力。而YY的设计风格就是线+面，让整个界面显得活泼。