淘宝设计淘宝设计，一个服务于全球亿万消费者体验的设计团队。引领用户体验，让设计触动人心，让商业美而简单。
以下文章来源于淘宝设计 ，作者酷爱港风的

想必很多人都去过“购物天堂”香港，玲琅满目的商品几乎让每一个人都印象深刻。
而作为服务于亿级消费者的淘宝，今天能让大家足不出户，就可以感受到“一股浓郁的港风来袭”，那接下来跟随阿里设计师带你探索属于香港本地的local视觉语言！

▲ 期待、信任、本地感三个情感维度切入

01

期待感：如何用品牌设计表现香港

- BASIC VIS

香港是一座独具特色的城市，全球高度繁荣的国际大都会之一，“东方之珠”、“金融中心”、“购物天堂”都是对这座城市的美誉，那么该如何从消费者的第一感知颜色入手，设计天猫香港的品牌色呢？设计从以下三个方面进行深入：

[ ENJOY RED ] 天猫红&港人的拼搏精神
[ QUALITY GOLD ] 金融中心&购物天堂
[ GRACE BLACK ] 庄重&高雅的气质

▲ 香港设计元素和颜色
**

H+K的超级符号直观、简约，让人一目了然：与香港本地最具特色的地标建筑——中银大厦的结构产生了不谋而合的视觉交叉点。

英文缩写+地标建筑的结构=超级符号，从左到右的视觉延伸到天际线，象征着积极、乐观，无限的可能和期待。

▲ 超级符号设计草图


▲ 感性价值&理性价值

02

信任感：超人阿港—、消费者的权益守护者

- MASCOT DESIGN
**

天猫香港的业务核心价值是“无忧购物”、“品质保证”，那什么样的公仔形象可以带给消费者这样的无忧的安全感呢？
经过推导，我们发现，超人+伙伴的角色可以满足平台的定位和消费者的诉求。于是，一只出生在TMALL HK LAB的SUPER CAT - 阿港诞生了。

▲ 超人公仔人物设定

▲ 超人“阿港”的强大功能


▲ HK LAB & 阿港全身都是宝

▲ 营销会场KV与拉新H5互动

03

本地感：港风的情感传递

- LOCAL EMOTION

通过香港本地特色的字体&插画来与消费者进行沟通，拉近平台与消费者之间的距离。将原汁原味的港味视觉演绎到极致，增加品牌在端内和端外与消费者的情感共鸣。
港风字体设计我们发现很多香港本地的街道招牌多为衬线字体，因此情感传递方面，设计也保留衬线特征的字体设计，还原地道港风，让字体更加的本土化。

▲ 香港本地街道招牌（图片来自网络）

▲ 衬线字体设计，还原地道港风

▲ 主品牌字体 & 正文字体 & 颜色 的结合

▲ 主品牌字体 & 超人公仔 & 颜色 & Format的结合

▲ 港风品牌招贴

港风超人阿港插画
此外设计师也对“超人阿港”进行了场景化的拓展，在产品内的各种链路进行透出。
其次话术和形象也更符合天猫香港的业务核心价值，让用户对于“港风”的感知也会更加串联和统一。

▲ 各种超人猫姿态与站内场景对应

04

TMALL品質、添MORE享受

▲ 各种媒介中的品牌价值传递

天猫香港主打本地服务&品质保证，要让香港消费者感受到“TMALL品質，添MORE享受”。
我们的品牌设计就是在传递业务价值的基础上使品牌更有热情，更有本地特色，用创意设计来增加品牌效应，让消费者从视觉感官和站内外体验的层面感受到我们的用心和诚意。
手机淘宝-我的淘宝-切换至香港地区，
点击首页“天猫香港”入口即可体验。