什么是功能入口设计---上海天象网络技术有限公司
个人中心其核心模块其实就是功能入口,因此清晰、有层次的布局尤为重要,功能入口我大概统计了有2种表现形式:列表式、宫格式。
1、列表式
列表式是常见的展现方式,其优势是层次展现清晰,灵活性高,方便信息后期扩展。其展现方式往往是图标+文字,图标主要根据产品整体图标风格而定,这里就不在赘述。
其缺点是,如果同级过多时,容易产生疲劳;视觉样式弱,视觉区分层级较差;只能通过排列顺序、颜色来区分各入口重要程度。
使用场景:多用于工具类和阅读类的APP中,不适合电商类功能模块较为复杂的APP中。
另外在列表设计中,我们还可以根据业务分类进行列表分组,以方便用户浏览查看。
比如上图支付宝将账单、总资产、余额、余额宝、我的资产部分分为一组;芝麻信用、保险服务、花呗等功能入口分为一组;其他几个例如微信、得到、搜狐、网易、百度阅读从上图可以看到,都是将相关联的分为一组。
这么做的目的其实就是增加界面层次,让用户更快速的找到需要的信息或入口。
2、宫格式
宫格式也就是将页面划分为若干相同的区块,相关联的可分为一个区块,其优势是可以强化功能操作;页面视觉效果更好。其缺点是在层次上不如列表式清晰简洁,会增加用户使用成本;另外不利于后期扩展,会出现一行只有一个功能入口的情况。
使用场景:由于其视觉效果好,可以强化功能操作,因此我们看到很多电商、外卖、团购、短视频等都采用该展现形式,同时对于一些功能入口较少的APP,采用宫格式也可以让整个界面效果更丰富。
从上面的案列可以看出,宫格式设计图标占比较重,因此在设计时,图标是设计的重点,我们可以采用线性图标、线+面、面型图标进行设计,其设计风格同样根据整体规范的设计风格而定。
比如百度外卖采用了较为简洁的粗线性图标设计,和底部的面型图标拉开差距,提升界面细节表现力。而YY的设计风格就是线+面,让整个界面显得活泼。
什么是功能入口设计上海天象网络技术有限公司
上海职业培训相关信息
8小时前
8小时前
1天前
1天前
11月15日
11月15日
11月14日
11月14日
11月12日
11月12日