恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
好奇心日报WEB重新设计
0.0°
2016-10-01 原创作品 网页 举报 3586 10 16 5

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

这里继续跟大家分享一下设计思路,不足的地方欢迎大家帮忙指出:)


一、探索需求:


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


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


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


c、品牌识别度较一般;


d、栏目的名称表意不清(运营层面)


二、设计方案:


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


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


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


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


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


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

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


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


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


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


如果有不足或更好的建议欢迎大家提出thx  :)


更新:2016-10-01

收藏

10人已收藏

Force94

time

  • 1

    作品

  • 2

    粉丝

  • 35

    关注

    猜你喜欢

      2016-10-01 原创作品 网页 举报 3586 10 16 5

      好奇心日报WEB重新设计

      0.0°

      你确定要举报好奇心日报WEB重新设计

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年09月26日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      16
      10
      5

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录