barryshawn.com

B

W

T

Director

Barry Shawn

Designer

Barry Shawn

Fields

字体 品牌 动画 交互 网页设计 网页开发

自从 Besign 以创意机构的形式上线以来,Barry Shawn 的个人网站一直需要一种更加全面及丰富的方式展示其作品与介绍,同时他期望所有访客可以通过这个窗口一窥其个人的设计、生活以及行事风格。

灵感始于 Barry 在巴黎旅行期间创作的手写标识,一笔贯穿姓名名首字母缩写体现出本人生动活泼、不拘一格的风格。基于此我们构建了一套基础的标识系统应对多种场景的使用。

动画与交互

为了使其更加生动形象且容易留下记忆,我们使用 Lottie 为 Barry Shawn 在巴黎旅行期间的手写标识添加丰富的细节与笔画动态。 我们营造了一种循规蹈矩的慵懒与随意。展示界面以「橱窗置物架」为灵感,Barry Shawn 参与的作品在设定好的网格系统中随意切换。通过为封面施以不同的动画曲线,会随着向上滑动呈现出微弱的动态区别。滑动后,个人的生平介绍搭配其近期设计的 Creator 字体浮现于眼前。

Project Guidance

Barry Shawn

Designer

Barry Shawn

Creative Domain

字体 品牌 动画 交互 网页设计 网页开发

Related Works

Lab

Happy Year of the Horse

T

Red Envelope Cover Typeface Design

Fenix Mobile

B

P

AI Data Analysis Tool

Besign Rebrand

B

W

P

T

Comprehensive Upgrade of the Creative Agency

Phone (4) {Concept}

P

Advanced Design Concepts Extended

Related Works

Lab

Happy Year of the Horse

T

Red Envelope Cover Typeface Design

Fenix Mobile

B

P

AI Data Analysis Tool

© 2026 Besign Co.Ltd
All rights reserved.

This website and all its content, including all text, graphics,
videos, and photos, are copyrighted materials of Besign, X FUSOR DESIGN LABS,
Fractal Studio or various third parties.

To Infinity and beyond.

© 2025 Besign Co.Ltd All rights reserved.

To Infinity and beyond.