Monica

CREATIVE NOTES / 编程与趣味学习

把颜色拿掉,还认得出天气吗?口袋天气的三种画法

盖住名字,只看一圈圆圆的光芒、一滴带伞的水珠、两条向侧面卷起的线,你会把它们分别读成什么?詹以宁(Zhan Yining / Monica)的香港小学生作品集里,《口袋天气盲盒》把天气画成小玩偶。作品集编辑从页面提供的三幅矢量插画和开盒界面出发,观察轮廓、色彩、线条和文字各自给了读者什么线索。

Monica 作品集编辑 · · 作品观察 / 设计分析

太阳饼:从圆心往外看

太阳饼的脸在一个浅黄色圆盘里。圆盘外沿有一圈向四周伸出的圆角凸起,颜色从亮黄过渡到金橙,下面还围着一条珊瑚粉色围巾。先把它想成黑白图,圆心和向外散开的一圈边缘仍在。暖色让画面更有阳光感,那一圈外沿也给了读者认出太阳的线索。

滴答雨:尖顶旁边有一把小伞

滴答雨的头顶收成一个尖,往下逐渐展开,蓝色身体上还有一笔弯弯的白色高光。右边的小黄伞有波浪形伞沿和弯钩把手。尖顶和宽底让人想到一滴水,伞把这个形状和下雨的情景联系起来。开盒结果旁的短句也说它带伞给朋友,画面与文字用不同方式指向同一个角色。

溜溜风:让几条线往同一边走

溜溜风是浅绿到薄荷绿的圆身,头顶轮廓向右上卷。身体右侧伸出两条末端弯曲的线,黄色围巾尾巴也向右伸。哪怕只看静止的一帧,几处线索朝同一边展开,也会让人联想到风的方向。三位玩偶有相似的小眼睛、腮红和笑嘴。它们像一家人,真正让人分出角色的线索主要在外轮廓、道具和线条方向。

开盒的动作和角色的名字,各做一件事

拆封时,选中的纸盒会摇动。结果出现时,角色图像从偏小、稍倾斜的位置弹到正常大小,旁边文字稍后渐显。这套页面动效由不同角色共用。名称与一句角色短句则告诉读者出现的是谁,中英文可以切换。

如果系统或浏览器设为减少动态效果,页面样式会停用这套动画和过渡,脚本也会跳过为拆封动效预留的等待。结果仍有图像、名称和短句。认出溜溜风所需的曲线已经画进图里,打开盒子的动效只是把角色带到眼前。

用一支黑笔做辨识小实验

天气图鉴里可以先看这三位常规玩偶。读者也可以在纸上另画三个自己的天气符号,只用黑笔:一个圆加向外伸的短线,一个尖顶宽底加弯钩伞,一个弯圆形加两条向侧面卷的线。把名称写在背面,请同伴说出每个图让他想到什么,再问是哪一笔给了线索。如果水滴被认成气球,可以试着把小伞画得更清楚。最后翻面看名称,比较轮廓、道具和文字分别帮了什么忙。

接着想一想

打开减少动态效果后,还能认出角色吗?

结果仍显示角色图、名字和短句。减少的是纸盒摇动和角色入场等动画,图上的光芒、伞和曲线仍可读。

三位玩偶长着相似的脸,为什么还容易区分?

相似的表情把它们连成一组,外轮廓与道具给了不同线索。太阳饼有放射状边缘,滴答雨有尖顶和伞,溜溜风有向一侧卷的线。

打开相关作品

本文由作品集编辑依据项目规则与现有代码整理,并使用 AI 辅助写作和翻译。推导与建议活动不是 Monica 的原话或亲历记录;项目展示不等于她独立完成全部设计或代码。

作品交流与联系

联系入口由家人管理。

WeChat
jimsgrouphk
Email
justin@jimscapital.cn