好奇心日报Redesign for WEB

接着上次做完日报移动端的Redesign的续集，到WEB端了。

继续跟大家分享一下设计思路，不足的地方请大家帮忙指出：）

一、探索需求：

优化的前提是弄清楚需要调整的问题，才能提供出解决方案。这里我结合自己的体验和对几位朋友的调研讨论结果，总结出了重新设计的优化方向。下面是我基于调研讨论得出的用户进入WEB端的操作行为中，总结出以下几点问题。

a、内容信息架构混乱，结构冗余;

b、官网界面比较中规中矩，界面美观需要提升;

c、品牌识别度较一般；

d、栏目的名称表意不清（运营层面）

二、设计方案：

依照以上问题，新版官网从信息结构和视觉上都进行了全新的探索。

1、信息架构优化，让用户更方便找到信息入口;

a.将导航分为了顶部导航和左侧导航，顶部导航为全部内容分类入口，研究所、栏目中心、关于我、APP入口移至左侧导航，底部导航栏特色板块移至栏目中心，精简结构，方便用户快速找到自己感兴趣的内容。

b.详情页右侧增加相关栏目内容，引导用户查看栏目内容，同时增强用户对栏目和新闻内容关联的认知。

2、视觉优化，提炼产品的品牌气质;

产品同人一样，不同的产品就有不同气质的视觉呈现，不同的气质也会吸引来不同的用户。举个栗子以天猫和淘宝为例，商场和集市的区别就很明显。整个产品的视觉呈现都和自己的气质非常贴切，对强化用对户产品个性的认知有很多的作用。

这里我在网上的收集了一下大家对好奇心日报印象总结出三个情感关键词 品质／ 高颜值 ／ 有格调，所以我们要做的就是在web端中体现出符合产品的气质，将情感关键词提炼出的产品气质转为具像化的设计语言。

a.品牌色是贯穿应用的始终的元素，是给人的第一印象。重新设计版本对品牌色采用了更大范围和更为统一的运用，提高了品牌辨识度。

b.优化了被用户称赞最多的精美大图＋标题的展现方式，采用黑色遮罩将标题拿到图片上面，在保证标题可读性的情况下，为用户提供了更好的视觉体验。

c.运用面与面之间留白的方式来做分割将视觉元素的使用减到最少，使整个界面更为简洁有格调，视觉更好的聚焦在了内容之上。

如果有不足或更好的建议请大家帮忙提出thx ：）

·由于上传设计稿压缩后图片质量较差，麻烦移步到右侧链接查看原稿http://www.ui.cn/detail/174172.html