HJUX香港设计之旅

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

继上次团建之后已过去了快一年,转眼来到了18年的秋初。团建的意义除了增进团队成员彼此的默契度,能顺势提升成员们的洞察力和思考力岂不是更棒?这一次我们决定去香港开启一段属于设计师的旅程。

在短短几天的时间里,我们八人兵分三路,走街串巷,拍摄下香港街头各处不同的风景。

我们以“文字”“色彩”“形状”三个元素作为采集素材的主题,深度探索了香港传统文化传承下的设计元素,老传统与新时代风格之间的过渡和交织,以及他们背后的故事。文章共分为三大部分,大家会发现某些元素在各个类别之中的共通之处,比如“霓虹”和“马赛克”会以不同形态的呈现方式穿插在各个系统中,和谐又具有代表性。

地铁标识系统里为何会使用不算常用的衬线字体,而香港又为何如此钟情于明黄色?接下来会一一揭晓,请跟着我们的文字一起来一场HongKong设计之旅吧~

“豆豆眼”旅行团这就出发啦!

HJUX香港设计之旅

字之旅 (立斌 | 栗子 | 莯莯)

老香港给人的第一印象是琳琅满目的招牌森林。

亦真亦幻的霓虹光影,错落在狭小而稠密的街道空间里,构成了如“字海”一般的城市印象。字之旅小组便带着搜罗香港文字的任务,游走于字海中寻觅最地道的香港味。

楷书宋体

书法是汉字美学的根基。相较大陆黑体字的大行其道,香港人唯独钟爱书法体。书法运用在招牌在视觉上体现的精气神是现代数位字体无法取替的。而经过多年的历史沉淀,香港的书法体也演绎出自己的特色,而其中最具代表的便是“北魏楷书”与“港铁宋体”。

HJUX香港设计之旅

北魏楷书

香港北魏楷书,是华文世界里特有的书体。香港的酒家、茶楼、五金行、同乡会,乃至大厦的名字里,都可以寻觅到北魏楷书的踪影。

北魏楷书源自魏晋南北朝,风格可以说是介乎隶书和楷书之间,多见于碑文。由于碑刻的书法受刀锋影响,字形雄浑,笔画刚劲,起笔、收笔和转折处都比较跨张,远距离阅读时,容易辨认,因而非常适用于招牌。

HJUX香港设计之旅

HJUX香港设计之旅

香港传统招牌大多会找书法家代为题字。上世纪五、六十年代期间,书法家区建公常用北魏体为商店写招牌,令北魏招牌在当时大行其道,蔚然成风。而北魏楷书钝角分明,朴实方正的个性与香港人讲究“骨气”的性格不谋而合,从此成为香港印象之一。

HJUX香港设计之旅

港铁宋体

香港地铁是两岸三地最早期的大众运输系统之一,而“港铁宋”作为港铁的标志性符号是世界上独一无二的“地铁宋体”。

HJUX香港设计之旅

事实上由于衬线体字体笔划的粗细不一,缺乏辨识性,因此很少应用于公共指示系统。然而“港铁宋”却恰恰相反。脱胎于传统宋体的港铁宋,比一般旧字行还要旧,钩划尖锐锋利,回笔处夸张处理,到了尾端甚至变成一条线,个性极其突出。这样的港铁宋也成为指示系统中备受争议的字体。

HJUX香港设计之旅

港铁宋的设计者柯炽坚认为港铁宋在优化字体后比黑体更具有辨识性,笔划粗细的变化可以抵消路牌背光所造成的光晕错视。而宋体作为改良楷书而成的印刷字体,其造型笔划的与汉字天生相配。对于香港这样崇尚传统字体的地方,港铁宋更多时候着弘扬中华文化的任务。如今港铁宋已经成为香港的标志字体之一,各大站牌也成为世界各地网红游客的必备打卡地。

HJUX香港设计之旅

勾线描边

香港是招牌之都,入夜后的香港被誉为“东方之珠”。而缤纷的霓虹招牌也成为代表香港的符号之一。

HJUX香港设计之旅

回看香港的霓虹招牌,你会发现字体和图案都会焊上一圈凸起的的霓虹光管作为勾边。不论中文或英文,霓虹光管的字形皆以单钩或双钩方法勾勒出来。这种做法不仅可以强调图案及笔画轮廓使其更加清晰,同时也能让招牌在日光下有墙的辨识性。而这种描边形式的普及也渐渐影响到现代的字体设计中,成为港式字体风格给人们的既定印象。

HJUX香港设计之旅

双语混排

香港曾经是英国属地,传承英国特色比其他英联邦国家更多,例如三脚插座、靠左行驶的通行方向以及电话标准等,而字体排版亦是其中之一。

受到英国殖民的历史影响,在香港无论品牌还是路牌,文字排版都是中英混排。其中很大一部分路牌指示都是英文在上中文在下,这是由于香港回归前,香港更重视英文而轻视中文的结果。

HJUX香港设计之旅

HJUX香港设计之旅

而此外在招牌中我们发现无论中文招牌是否是衬线字体,英文大多都以非衬线字体出现,这也许也是由于英文的衬线字体不易于阅读的原因。

HJUX香港设计之旅

形之旅 (雨薇 | 美美)

作为全世界人口密度最的城市之,港把空间的利发挥到了极致,你很难在第个城市上看到这么多元素被压缩在咫尺之间——重复排布的住宅区鳞次栉比。繁华的摩天楼和庙宇牌坊,民国招贴旁贴着潮牌海报,随意漫步在其中,就可以在百年前的殖民时代和21世纪之间完成数次穿越。

提到港的视觉风格,多数的第反应往往是密集的繁体字、招贴和绚烂的霓虹夜,它的图形特质却往往被掩盖,鲜有留意。然,港其实是座遍布图形语的城市。如果你有去去发掘的话,就能投过浮华的表象,领略到属于“形”的独特魅。

港的图形语受建筑设计的影响很深,既保留了1960年代现代建筑的何特质,又因其多元的历史背景叠加了数层个性:或规整或写意,圆各异。

HJUX香港设计之旅

点·密集混搭的像素语

· 马赛克拼贴

马赛克是香港随处可见的一要素。例如香港地铁站的站台设计,马赛克的运简洁美观,融合了美学和认知功能。每个站台用不同颜色的马赛克作墙壁贴,既省钱又醒目。街边的墙面,建筑的细节,不充斥着马赛克拼接而成的图形图案,在整划中透露着趣味。可以说,对于奇缺空间的香港而言,点,可大可小延展性强,是完美契合需求的图形语。

HJUX香港设计之旅

线·模糊边界的光影脉络

港的线条分为白天与黑夜。天香港的线条,是海港城市特有的道路指示系统与源英国工艺美术的柔美曲线,而夜晚的线条,属于霓虹灯。

夜色迷茫,站在弥敦道上扫视大街,近处等车的队伍秩序井然,形成条而整齐的线连接着站台和商场。队伍的上方,是无数霓虹灯勾勒出的告牌,变换的光影虚化了图形的边界,让人分不清现实与虚幻。

1960年,包豪斯艺术家乔治·科布斯沉醉于纽约的霓虹灯艺术,带领一帮艺术家利用发光的线条在城市中构建不同的图形语言,倘若他活在今日,定会选择住在香港,沦陷在霓虹的世界中。

HJUX香港设计之旅

·我重复的何同构

同构图形,是指将两个或两个以上的图形通过组合、嫁接等处理手段组合在起,共同构成一个新图形,并且传达出新的含义。香港的块面,取决于城市的构成与秩序的功能美。无论是早期英式的殖建筑,还是在香港留下作品的20世纪的各位大师,铭,勒柯布西耶,曼·福斯特,一不是运用几何达到秩序与美感统的高手。

这种几何形的我重复,同时也贯穿于街景和招贴,在每个角落都呈现着重复的同构图形,在度功能化的空间中呈现出独属于香港的另类美感。

· 几何图案

 收藏