An image to describe post

本期封面拍摄于青岛八大关大学路附近的一个小胡同,非常好看的一家咖啡馆店面。据说这一片的建筑大部分是德国人在清朝时建的。这条胡同再往前走还有一座老舍故居,如果有机会你也可以来看看,体验下坐在海边喝咖啡、听音乐、吹海风的氛围。

另外,我在编辑每期内容的同时也在微调文案排序(在我看来文字本身的内容阅读体验是要高于视觉体验的),摸索并感受阅读体验相对较好的顺序格式。如果你有更好的优化建议,欢迎私信反馈。

关于玄光周刊

这是一份专注知识管理,涵盖数字艺术、视觉设计、前端开发领域的电子周刊,发布频率目前为每周 1 期,每期精选一个细分话题展开思考。 其中会分享我写的关于创业、产品的笔记,包括我的所思所想、摘抄与批注、读书笔记、优质内容推荐。

如果你觉得这里的内容还不错,欢迎使用 RSS邮件订阅,我们每周把这些笔记汇总为一封邮件发送给你。当然也欢迎你的 来信

值得一看的新消息

PNG 3 更新

An image to describe post

PNG 格式几乎是每个设计师、插画师艺术家经常接触的图像格式,上个月他们发布了最新的 PNG 3 规范。PNG(Portable Network Graphics,便携式网络图形)是一种广泛使用的无损压缩位图图像格式,专为替代早期 GIF 格式而设计。没错,最初的 GIF 也是应用广泛的静态图片格式,由于支持动画的特性,最终成了动图和表情包的代名词。

PNG 3 对于设计师来说,可能需要关注以下几个新特性:

  • 正式支持 APNG 动画(取代 GIF)
    更高质量的动态图:APNG 支持 24 位真彩色(1600 万色)和 8 位 Alpha 透明通道,相比 GIF 的 256 色和 1 位透明,能呈现更平滑的渐变和抗锯齿效果。
    更小的文件体积:APNG 采用智能帧差压缩,仅存储变化部分,比 GIF 更节省空间 。
    兼容性提升:过去 APNG 仅部分浏览器支持(如 Chrome、Firefox、Safari),现在成为官方标准,预计未来软件支持会更广泛。
    设计应用:适合高质量动态 Logo、UI 交互动效、表情包等,可替代 GIF。

  • 原生 HDR 支持(高动态范围)

    更广色域 & 更高亮度:PNG 3 通过 CICP(仅 16 字节)支持 HDR 色彩,适用于专业摄影、游戏、影视等需要高保真色彩的场景。

  • 原生 Exif 元数据支持

    更好的版权管理:可嵌入拍摄参数、版权信息、GPS 等,便于图片溯源和管理。

    优化存储格式:相比旧版非官方 Exif 嵌入,新版更高效,减少冗余数据。

  • 更轻量的色彩空间描述(CICP)
    减少文件体积:相比传统 ICC 色彩配置文件(300+ 字节),CICP 仅需 16 字节,适合大量小尺寸图片(如网页图标)。

双钻石设计理念

An image to describe post

双钻石设计理念是一种广泛应用于产品开发、品牌设计等领域的创新方法。在《参与电影造梦的艺术》 这期有提到过,我反复看了好几次这个视频,作者在创建品牌的整体思维框架就是基于这个理念延伸出来的,非常值得研究,再次推荐。这套理念非常清晰准确地将设计过程分为四个阶段:

一、发现阶段

  • 核心任务:这个阶段主要是了解问题。例如在产品开发中,要深入了解用户需求,像用户对产品功能、使用场景等方面的期望;也要关注市场需求,包括竞争对手的情况等。同时,还要明确面临的挑战,例如是否有能力开发出满足需求的新产品等。
  • 输出成果:对用户需求、市场情况和挑战的清晰认识,为后续阶段奠定基础。

二、定义阶段

  • 核心任务:确定设计挑战。团队要汇总在发现阶段的见解和痛点,分析市场上已有的解决方案,找出尚未被满足的需求或者可以改进的地方。
  • 输出成果:明确的设计挑战陈述,这有助于聚焦后续的设计方向。

三、开发阶段

  • 核心任务:探索潜在解决方案。回到最初的视角和思维方式,例如通过画草图来记录想法并分享,同时进行相关研究。对于优秀的想法要迅速建立产品原型。
  • 输出成果:产品原型,这是对设计概念的初步实体呈现,可用于测试和进一步优化。

四、交付阶段

  • 核心任务:构建有效的解决方案。快速迭代原型以降低成本,考虑材料、制作工艺等因素。同时,还要进行产品命名、消息传递和营销概述等工作,包括遵循命名规范、传达产品核心话题、撰写营销内容等。
  • 输出成果:最终的产品或服务,以及相关的品牌推广策略等。

双钻石设计理念的优势在于它强调迭代,每个阶段都可能根据反馈进行调整,并且始终以用户为中心,适用于多种领域如产品开发、品牌设计等,能帮助团队系统地从想法走向实际的产品或服务交付。

下图就是视频作者在这套框架的基础上延伸出的一套打造成熟规范的品牌核心逻辑。

An image to describe post

什么是风格景观? --- What are Stylescapes?

An image to describe post

在各类视觉设计的创作过程中,设计师都会找一些视觉参考,把这些视觉参考按照色彩,风格等标准排列组合在一起,叫作 moodboard(情绪板)。而今天又了解到国外一个新的概念——Stylescapes,直译叫作「风格景观」。

它们的共同目的都是为了统一团队对视觉方向的认知,作为设计初期阶段的灵感参考和决策工具。

而它两个最大的区别在于,情绪板是静态的,往往聚焦单一维度的视觉信息,例如色彩,材质,风格主题等,不会涉及场景具体场景的关联。Stylescapes 是多维度的,将风格元素嵌入具体使用场景(如咖啡馆、产品包装、活动物料等)。

不难看出,情绪板是有一定局限性的,它只能覆盖项目前期阶段,一旦具体的视觉风格确定,进入制作阶段后,后期修改的成本会非常大。Stylescapes 则是贯穿整个设计周期,从概念设计到产品研发,品牌传播,提供统一的视觉语言框架。同时它还支持横向扩展,例如数字界面、实体产品、线下活动,确保品牌风格始终如一。

如果跳出项目流程,深入设计师的角度来看,情绪板更多是由设计师来主导,更多依赖设计师的直觉、经验、审美判断,侧重感觉。Stylescapes 则是以用户为中心,通过场景模拟和用户调研,分析目标人群在不同场景下的真实反馈。它更关注「视觉风格如何被感知与使用」。


OK,本期就到这里。如果你觉得这里的内容还不错,欢迎使用 RSS邮件订阅,我们每周把这些笔记汇总为一封邮件发送给你。当然也欢迎你的 来信,我们会尽全力回复的。

本文首发在 玄光周刊 也会同时连载在 CG艺术实验室