正文

请到「今天看啥」查看全文

视觉层次结构混乱

下面截图是爱奇app，这里我将讨论爱奇艺一些糟糕的设计点。

• Navgation bar：使用频率不高的元素过多；消息，播放历史，添加

• Label：标签视觉样式样式多

• Color：颜色过多，是造成用户无法形成视觉流的关键因素

• Gird layout：网格布局混乱，纵向对齐线过多，且无规律

• Focus：图2焦点元素过多，造成用户选择困难

那怎么解决？

1. 强化主要信息，弱化次要信息（比如图2，更多资讯，换一批等是否可以弱化，去掉颜色？）

2. 去掉过多不必要的元素（分割栏上的图标是否可以去掉，满屏的标签是否可以统一弱化）

3. 使用网格布局（图片和文字遵循网格排版）。

坚持一个原则，一个页面完成一个用户目标。

好的布局是怎么样的？

结构简单，用户目标清晰，卡片流布局，大家留意到没，youtube在导航上通过“更多”icon把不常使用的元素收起来,这就减少导航上摆放过多低频率使用的操作，这样来减少了视觉上的混乱。

02

请到「今天看啥」查看全文