【案例解析】“看理想”-别致的人文阅读类应用UI设计鉴赏

静电说：emmm，看来咱们的案例解析栏目也要成为常规每周栏目啦。通过鉴赏设计出色的优秀APP，让各位同学有更好的观察能力和审美能力，从而促进大家设计水平的提升。

点击这里查看往期案例解析

那么本周，静电又发现了一款挺别致的应用，它叫做《看理想》，这是一款人文阅读类应用，风格独特，如果一定要用关键词形容，那应该是“文艺”。我们先定下基调和情绪，接下来咱们就一起看看。

启动引导采用了视频的方式进行，什么？你说你们不知道这里边的人是谁？这些都是应用中推荐的大师级人物哈。使用视频方式来展示，视觉冲击力非常足。

首页，首先说颜色，整个应用的颜色比较素，但又不是无色的感觉。而是低饱和度的颜色使用，让页面具有更强列的，深邃的气质。头部采用了标题文字+搜索框左右布局的形式，特性鲜明，如果你想你的应用更有特点的话，这种做法会挺不错的。

接下来，在所有应用都采用圆角表现的时候，这款应用采用了直角卡片+阴影的效果展示，更有特色。大能做好这样的设计也不容易，细节必须打磨到位才能出效果，比如左右留白等细节。

文字上，采用了Title文字（类）楷体的衬线文字+正文现代体文字的方式。用这样的文字来塑造风格，各位同学可以在一些偏文艺风格的应用上使用，非常有效果。

在理想家页面中，我们想谈的更多的是配图设计，每一张配图都是精心打造的，抽象化的配图，这让整个页面显得协调统一，所以，配图至关重要，每一张配图都应精挑细选。

另一个层面就是卡片的设计，在独立的卡片内部，使用了不同的颜色来呈现卡片内部的板块和层次感。比如“精选播单”栏目中的卡片，大家可以感受一下。

点击tab菜单中间的“看理想”按钮，则弹出菜单。个人认为这个交互需要好好考量一下，毕竟这种中部按钮点击后弹出的，建议不要用返回按钮而使用关闭按钮会更好一点。

下方的详情页设计也有很典型的平面设计特征，其实只要把握好版式，平面设计的一些思路完全可以用到屏幕上，只是我们需要更精心的雕琢而已。请注意标题的文字，同样是有气质的衬线字体。

每个应用都会有会员，这现在好像已经成为了一种约定俗成，仿佛不vip就啥也干不了。同样的卡片式设计，会员权益清清楚楚的用色块展示了出来，一点也不违和，上方的用户头像卡片采用了模糊毛玻璃效果展示，独特且具有很高的识别度。

下方的用户中心页面，布局上使用“理想家”这个色块banner将上下两个功能区区分开来，这是一种布局的小巧思。快快学起来。

关于页面，也是经过精心排版过的，虽然很少人回看，但是如果能发现这样的排版，也是一种惊喜。

最后来看看官网吧，官网也是这样的feel

总结：《看理想》这款应用充满了理想，也充满了文艺的气质，能发现这样一款独特气质的应用确实是惊喜，设计师在设计这类应用的时候要充分把我应用要传播的调性，将这种不流于世俗的独特气质做出来，这才是设计师深度思考能力的提现。