移动端扁平化设计下,这些技巧为产品界面提升品牌逼格
编者按:本篇文章源自腾讯ISUX博客,对原文的标题及内容进行了相应的调整与修改。
时代不断在螺旋上升中演变,设计趋势亦然。伴随着移动设备上扁平化设计的普及,众多设计师不再满足于仅是色块、图标与系统字体的单调搭配,他们开始将更多的精力倾注于追求极致的视觉美感。平面设计中的某些技巧此时发挥了点睛之笔的作用:一些细微的调整,显著提升了移动产品界面的品牌质感。
以设计精巧闻名于世的雅虎,其两款备受瞩目的应用——雅虎天气和雅虎摘要,不仅在产品布局上追求极致与显眼,还巧妙运用了模糊与斜切等技巧,使得产品的品牌形象得以跃升至一个全新的层次。Yahoo天气应用在界面设计、字体选择以及色彩搭配上均展现出其精巧与细致,尤其是在滑动操作中,高斯模糊效果的处理尤为顺滑流畅。Yahoo Digest中斜切的设计巧妙地突出了一个“破”字,既未影响照片的原本内容,又在视觉上呈现出独特性,同时在排版上巧妙地为色彩标签预留了空间。与直接平铺相比,这种设计更显生动且不失和谐之美。
我们已观摩了众多国外的优秀范例,但相较之下,中文应用程序在视觉设计方面,常常难以与西方应用相媲美。这其中的原因诸多,比如字体上的缺陷,即便模仿得再像,也常常显得不如原作,这种遗憾无疑给中文 App 设计师们带来了诸多困扰。江山代有才俊辈出,我们不妨将目光转向四周,梳理一番近期涌现的中文应用,它们是如何通过精巧的细节设计,来增强产品的品质感。
选用符合产品气质的字体
字体设计是设计师手中至关重要的工具之一,其恰当的使用能够极大地增强产品定位和内容情感的传达效果。然而,许多设计师面临的一大难题是,不论在哪个平台,移动操作系统自带的中文字体数量有限,且缺乏个性。因此,内置字体逐渐成为那些追求极致完美的App设计师们寻求的解决方案之一。
简书作为一款旨在“交流故事,沟通想法”的写作应用,为了提升用户的阅读感受,特别选用了思源黑体作为内置字体,确保用户所发布的无论是简体中文、繁体中文,抑或是日文韩文,都能呈现出较为理想的效果。食色这一产品理念旨在与“生活家”们共同探寻并分享都市里的美食,因此,它选用了细腻且精致的方正兰亭纤黑字体作为其界面设计的主要字体。用户第一次使用,就能感受它与其他产品在气质上的不同。
除了融入简洁而亲切的无衬线字体设计外,诸如Lohas乐活这类倡导清新自然生活方式的产品,往往采用田氏宋体旧字形或是方正兰亭刊宋等字体,这些字体不仅能够彰显古典韵味,而且十分简约而富有质感,从而传达出产品的定位和独特气质。
巧用平面设计的排版技巧
常言道,家常菜往往更能凸显厨师的技艺,番茄炒蛋便是其中一例。同样,设计中的简约元素,如纯白背景下的黑字或黑底上的白字,对设计师的考验更为严峻。在原研哉大师的作品中,我们能够深刻感受到黑白搭配的韵味。在这片素净的底色上,黑色的文字既是文字又是装饰,既是点缀又是线条。通过调整字体的体积与间距,它们错落有致地构成画面,营造出和谐的韵律。
IDEAT 理想家 App承袭了法国 IDEAT 杂志的核心理念,专注于呈现设计、艺术以及时尚领域的「当代生活」相关内容。在应用界面中,除了展示的图片内容,几乎看不到除黑白之外的其他色彩元素。在App设计中,黑底衬托下的醒目白字不仅承载着内容,也兼具装饰效果,这一元素贯穿始终;通过调整文字与其它内容间的距离,这些文字在排版中扮演着点、线、面等多重角色。
自然,对于那些不以内容为核心、排版要求不高的应用来说,完全可以效仿iFashion或饭本推出的精选限量美食应用ENJOY,采用直接明了的黑线进行分隔,这样同样能够显得简洁利落。
水印式装饰为图片加分
水印相机的问世揭示了用户对于通过水印增强图片品质的偏好,尤其是在Over这类专注于照片美化的应用程序中,添加文字水印甚至能够实现较高的经济价值。
在产品界面中,水印题图设计往往能带来令人眼前一亮的惊喜。例如,在Big这款高质量的画报分享应用中,每张题图都精心采用了水印式的文字排版,旨在拓宽用户的视野,让他们发现更多具有独特魅力的内容。尽管排版主要采用文字和少量装饰,但字体与色彩的搭配整体感强烈,呈现出一种统一和谐的大气风格。
更吸引眼球的海报式的图文分享
产品本身之外,分享手段也是让未曾相识的用户认知产品的重要渠道。仅仅是一段文字搭配图片,是否觉得显得有些陈旧?采用海报风格的图片进行分享,在信息泛滥的时代中吸引过路人的注意力,无疑是一种有效的方法,但这同样需要高超的设计技巧。对于熟知每日故宫 App 的人来说,他们十有八九并非因为其名称或广告,而是因为其精美的分享海报。素净且质感十足的背景图,搭配着古香古色的字体设计,其令人赞叹之处不在于其展现的故宫历史韵味,而在于所透露出的那份简约的现代风范。每日故宫所传递给用户的,并非仅仅是往昔的故宫风貌,而是当下的故宫风采。
此外,针对用户自主创作的应用而言,将用户的图片与文字内容巧妙地整合至精心设计的模板之中,随后进行分享,这同样是一种体现设计能力的途径。例如,天天P图中的海报拼图功能,便是将海报分享功能进行了功能性的优化升级。用户将自摄图像嵌入精心设计的海报模板,可随意调整主题与文字内容,系统更具备智能识别图像拍摄时间和地点的功能,仅需几步简便操作,便能制作出独属个人的海报。这些以海报拼图形式分享的图片,不仅彰显了设计师模板的匠心独运,更体现了用户个性与产品特性相融合的独特魅力。
与其他类似的海报式分享应用不同,夜夜这款专注于好友间美食推荐与分享的应用,巧妙地融入了一个独特功能:借助百度翻译API,将用户输入的内容自动转换为繁体中文、日文、韩文和文言文,并通过内置的字体——例如文悦古体仿宋——进行展示,使得分享的图片更具特色和韵味。
动起来的界面更有震撼力
传统设计(尽管我并不赞同这种叫法)在近些年似乎被界面设计,尤其是移动界面设计所超越,但正如文章开头所提及的,设计趋势本身也是在持续不断地螺旋上升和演变之中。对于设计师而言,设计的目的才是最为关键的,而工具与方法的运用则需要融会贯通。紧跟时代潮流的科技与设计走向之外,我们还需回望经典,审视日常生活,打磨细节,这些同样是提炼设计理念的关键途径。此外,除了平面设计的要素,精心策划的非动画类视频启动页,也为产品增添了诸多魅力。
结语
如何展现格调?那便是将复杂化为简单,从细微处洞察宏大。若想达到这种效果,不仅需要技巧,更需一颗“心”。以匠心独运之姿,从细节着手塑造产品气质,带给消费者愉悦体验,助力品牌赢得认可,营造出一种独特的品牌魅力,如此一来,难道还不能称得上是一种格调吗?