重新审视图像地图
I mentioned last time that I’ve been working on a new website for Emmy-award-winning game composer Mike Worth. He hired me to create a highly graphical design that showcases his work.
我提到过 上次 我一直在为艾美奖获奖游戏作曲家Mike Worth工作一个新网站。他雇我创建一个高度图形化的设计,以展示他的作品。
Mike loves ’90s animation, particularly Disney’s Duck Tales and other animated series. He challenged me to find a way to incorporate their retro ’90s style into his design without making it a pastiche. But that wasn’t my only challenge. I also needed to achieve that ’90s feel by using up-to-the-minute code to maintain accessibility, performance, responsiveness, and semantics.
Mike 喜欢 90 年代的动画,特别是迪士尼的 Duck Tales 和其他动画系列。他挑战我找到一种方法,将他们的复古 90 年代风格融入他的设计中,而不使其变成拼贴。但这并不是我唯一的挑战。我还需要通过使用最新的代码来实现 90 年代的感觉,以保持可访问性、性能、响应性和语义。
Designing for Mike was like a trip back to when mainstream website design seemed more spontaneous and less governed by conventions and best practices. Some people describe these designs as “whimsical”:
为 Mike 设计就像是一次回到主流网站设计似乎更自发、少受规范和最佳实践约束的时代。有些人将这些设计描述为“异想天开”:
adjective
形容词
- spontaneously fanciful or playful
- 自发的幻想或顽皮
- given to whims; capricious
- 任性;变化无常
- quaint, unusual, or fantastic
- 古雅、不寻常或奇幻
— Collins English Dictionary
—— Collins English Dictionary
But I’m not so sure that’s entirely accurate. “Playful?” Definitely. “Fanciful?” Possibly. But “fantastic?” That depends. “Whimsy” sounds superfluous, so I call it “expressive” instead.
但我不太确定这是否完全准确。“顽皮?”绝对是。“幻想?”可能是。但“奇妙?”那要看情况。“异想天开”听起来多余,所以我称之为“表现力”更合适。
Studying design from way back, I remembered how websites often included graphics that combined branding, content, and navigation. Pretty much every reference to web design in the ’90s — when I designed my first website — talks about Warner Brothers’ Space Jam from 1996.
回顾早期的设计,我记得网站通常包含结合品牌、内容和导航的图形。几乎每个提到90年代网页设计的参考——当时我设计了我的第一个网站——都谈到了华纳兄弟的 太空大灌篮(Space Jam)1996年版。
Warner Brothers’ Space Jam (1996)
华纳兄弟的 太空大灌篮 (1996)
So, I’m not going to do that.
所以,我不打算这样做。
Brands like Nintendo used their home pages to direct people to their content while making branded vis...