如果你在这几天打开了36氪APP,可能会留意到些许变化:页面浮动着纸媒的氛围感,但同时也保持着36氪“科技感”、“未来感”的性格底色。这便是36氪APP11.0,独属于36氪的“新纸媒风格”。长久以来,36氪APP的UI设计一直追寻提高阅读效率、贴近年轻用户、跟随互联网的设计潮流。36氪APP10.0开屏&首页,标准品牌色“氪星蓝”,内容以圆角板块、轻质感体现
面对同质化严重的应用市场,我们开始思考:“跟随潮流就意味着永远无法超越潮流,36氪完全可以定义更独特的设计风格。”而究竟应该走怎样的风格?尽管信息无纸化已是大势所趋,媒体人却依然对那个墨香四溢的纸媒时代抱有情怀——无论是精雕细琢的版面元素,还是纸面上对页翻开的阅读感受,都带给读者无可替代的“产品体验”。为致敬纸媒,在经历了反复设计调研、推演、无数次推翻再来后,36氪APP“新纸媒风格”的11.0终于来了。36氪CEO冯大刚在谈及本次APP设计升级时表示:“纸媒见证了整个媒体行业的兴盛历程。从风格、内容等各方面来说,它凝结了媒体人的匠人之心,每一天都是一部作品,是业内最经典、最纯粹的存在。36氪希望在过去与未来之间找到一个平衡点,延续纸媒的经典价值,也尝试不断创新,寻找更多可能。”
我们重新定义风格,感受经典与潮流的双重魅力
在这个快速变化的时代,我们深知经典的可贵。作为以商业资讯媒体为背景的内容型公司,纸媒所具备权威性和公信力充满魅力。但传统的纸媒风格应用到APP UI设计中过于正式和呆板,容易让人产生距离感。于是我们层层提取纸媒中的可用设计元素,做年轻化的设计处理,将其经典的风格融入到APP UI中。我们深知,阅读不仅仅是为了获取信息,阅读是一种生活方式,是一种享受。为了让用户能够更好地沉浸在文字的海洋中,36氪APP11.0特别推出了纸质底纹阅读模式(用户可自由选择关闭)。这种模式摒弃了传统的纯白背景,转而采用做旧的纸质色彩,让每一次翻阅都充满了纸媒的氛围。在这次改版中,我们优化了版式布局,根据内容的优先级,采用线性或面性的分割形式,不仅加强了排版的节奏感,更使得页面层次分明,极大地提升了信息的传达效率。作为媒体,我们希望给用户传达有观点、有态度的视觉感受,新版的所有图片都采用直角设计方式,icon也采用直线、有锐度的表现手法,增强硬朗、明确的视觉印象。36氪的“新纸媒风格”的推出,是对经典的致敬,也是对未来的探索。主导本次设计升级的36氪设计总监曲丽红表示:在11.0版本的设计中,我们虽然以纸媒设计为灵感,并在排版、页面、字体、色块布局上都尽可能靠近传统纸媒风格,但在此基础上我们又增加了许多让人眼前一亮的创新,赋予传统纸媒风格新的“性格色彩”,它也让36氪在产品设计迭代的同时拥有了独特的品牌特色。
从氪星蓝到多重色,这次变化有些大
完成了界面风格的大变,本次升级在色彩方面也进行了创新调整。从“莫兰迪”到“多巴胺”再到“美拉德”,多变的色彩给人带来不一样的情绪体验。这一次,我们一改36氪以往谨慎的主题用色风格,采用了“情感化设计”(Emotional Design)的原则。在品牌色“氪星蓝”的基础上,增加了纯度和明度较高的辅助色,丰富36氪APP的色彩体系,激发用户的情感反应。一系列鲜艳而大胆的扩展色彩被用于区分不同的产品模块、图标、插画和标签,让用户的阅读体验更加生动,在阅读时更加专注和高效。比如,36氪热榜现在采用了更加活泼的粉底设计,相比之前的版本,它看起来更有质感,能够立即吸引用户的注意力。而对于重要的二级页面的设计,我们也采用了统一风格的插画和彩色底色设计,带给用户别样的视觉冲击。引入文成图,每位创作者都拥有独家平面设计师
在AI技术成为热门话题的当下,36氪长期关注报道AI领域的发展,我们也希望能够始终走在行业前沿,这次的APP升级也不例外。借此契机,设计团队提出了引入AI生成文章图片的想法。创作者在36氪官网发布文章时,平台内嵌的AI大模型将总结文章核心思想,设计出具有漫画特色的、符合核心思想的插图。这些插图就像是文章的视觉翻译,让用户在享受阅读的同时,也能感受到科技的魅力。以下图为例,这张AIGC生成插图为文章提供了一个生动的视觉展现,它呈现了自动驾驶公司在竞争激烈的市场中面临的挑战。图中展示了一系列迷你自动驾驶车辆在路线图上行驶,上方悬挂着一朵象征性的风暴云。这些车辆代表了不同的公司,有的偏大、有的偏小,象征着它们各自的财务健康状况。整体设计风格轻松活泼,带有一丝幽默感,采用了浅色调和扁平化的设计风格,与文章主题相契合。AI生图突出的科技感与新纸媒风格更加匹配,插画风格统一,建立的产品差异性,将逐渐成为36氪特色之一。传统与创新、保守与开放、旧和新的碰撞融合,促使了36氪APP11.0的诞生。打开36氪APP的每一个界面都像翻开经典纸媒的一页,既是一部精雕细琢的作品,也能获得完整的产品体验。希望有更多的用户在36氪这个平台上,一边感受纸媒的厚重感,一边获取新知、洞察商业未来。