其实说到设计的价值,它是非常大的,可以从很多不同的维度去出发,每一个小点都可以作为闪亮的发光点去助力产品获得价值,并且现在互联网时代,多元化思维越发重要,我们不仅需要在本职范围内去发光,还需要拓展更多的能力。
但是我也发现目前普遍存在一个很严重的问题,有很多小伙伴设计一个红包也能扯出一堆增长模型,这也是因为随着全链路、全栈设计的噱头出现,以及一系列的模板化思维体系所影响。
设计思维本没有对错,但是需要合理的运用,并且将设计点需要落在实际的内容上,像我们常见的用户画像、体验地图、情绪版等等,那么我们应该如何有效的将设计点落实在内容上呢?
众所周知,在整个产品设计中,视觉感受是最直观的,也是我们作为一名UI设计师能直接去影响的,而视觉层面的内容基本可以划分为六个点,也就是我们常常所说的 - 形色字构质动
在很多的设计运用场景中,这六点都是作为比较基础的内容,像一些视觉语言制定上,而产品设计的过程中,纵使有再多的方法论和思维体现,最终都需要通过视觉的表现,所以我打算利用这几点去深入挖掘,也许可以找到更多的设计发力点。
形也就是设计中最基础的图形元素,在平面和品牌设计中经常可以见到,像一些点线面、图形构成等等,而回到产品设计中呢,最典型的形就是我们经常见到的图标,那除此之外,形还有哪些体现方式呢?
图形的设计表现中,我第一个联想到的就是插画,但是插画的类型和使用方式也分为很多种。
1.1.1 功能插画
首先我们先设想一个场景,当我们接触到一个新鲜的事物时,我们首先需要快速的了解他,我们可以通过产品说明书、产品结构图,场景使用模拟等不同的方式来表现。
因此在一些服务页面或新功能介绍中,都会适当的融入功能插画,而这种表现形式可以使得界面展示更直观,快速的让用户理解所描绘的功能含义,减少用户学习成本。
像一些页面中还可以利用场景插画去表现,不仅可以打造内容的差异性,还可以快速让用户融入到场景中,进一步提升用户的情感体验。
品牌设计的目的就是为了利用图形化的元素,去加强用户的记忆,而随着产品发展成熟,为了可以非常有效的去强化品牌,形成产品间的差异性,设计在表现层可以利用不同的形式去强化品牌。
1.2.1 风格延展
设计表现上可以赋予产品非常明确的设计风格,例如抖音的故障风格,在图标、插画、活动页面都有很好的延展,这也赋予了很深的产品印象,甚至有很大一部分用户看到故障风格就会联想到抖音。
除此之外也可以利用品牌元素进行一定的延展设计,像Logo图形可以用到很多的图标和默认图上,或者也可以使用品牌形象,在一些界面的提示信息、内容引导、以及一些插画绘制上,都可以进行有效的融入,进一步达到品牌延展的功能。
那么说到延展,其实我们也可以针对一种元素进行适当的延展,将所需要体现的内容进行强渗透,从而进一步打造内容的专属调性,以及强化用户的心智。
下面的案例来自携程精选榜单,而在整个入口、详情页,均采用钻石元素贯穿到整个页面当中,不仅可以使得画面更加具有视觉冲击力,也可以使得钻石品质的氛围在页面中多次露出,进而加深页面品质感。
图形的表现还有一个非常重要的内容体现,那就是数据图表。在一些工具型或B端产品中,都会有着大量数据,而为了让产品使用更高效,我们可以利用这种形式来展示。
但每一个结构不同的图表,所侧重的功能都是不一样的,有的偏向于于数据对比,有的偏向于连续变化数据,有的偏向于占比情况等等,因此在使用的过程中需要区分内容的侧重以及用户对数据使用的倾向。
在现实中,颜色赋予了这个世界缤纷多彩,它是我们肉眼最直观的感受。在设计中,颜色是尤为关键的一部分,它赋予了内容不同的表现形式。
颜色的学问也比较广泛,除了我们常说的色彩关系、颜色搭配等等一系列之外,色彩上到心理学、下到用户体验,涉及的范围十分全面,那接下来我们就来感受一下色彩的美妙吧~
生活中有着不同的颜色,例如黄昏与清晨、深夜与极光,都有着不同的色彩倾向。除此之外,色彩心理学中介绍,不同的颜色给予用户不同的心理感受。
2.1.1 色彩心理学
例如我们常常所说的金色表示尊贵,这就好比现实生活中的金银铜牌,他们利用不同的颜色去体现内容的品质,我们恰好可以利用这种颜色运用到会员、勋章等内容中,去凸显会员的尊享感、情感化,进一步强化用户的身份感知。
颜色的感受也可以利用到全局的设计配色上,我相信大家肯定都非常熟悉前段时间非常火爆的暗黑模式,这就是利用不同的颜色来打造特殊的模式,而暗黑模式可以使得用户在黑夜也能舒适的使用产品,并且一定程度上节约手机的电耗。
但不是所有的深色系产品都是暗黑模式,我们也可以利用这种颜色搭配打造不同的产品氛围与特色。例如抖音、MOO音乐等等。
并且随着互联网的发展,用户群体逐渐庞大,其中也有部分身体有局限的用户,对于他们来说更加迫切通过互联网获取信息,因此越来越多大公司注重到这一方向,而这也是我们作为一名设计师,更应该去优化的方向。
可以采用无障碍色系,以及颜色的色差处理,针对性的服务于色盲和色弱群体,使得他们可以在信息阅读上更符合他们的习惯,从而进一步打造更人性化的产品体验。
色彩搭配讲究颜色统一、协调,在一些界面中,我们可以利用这种色彩技巧去营造氛围,可以有效的提高界面沉浸感,但是产品中由于内容的差异无法固定颜色,而这也会导致颜色统一性较难处理,因此可以利用代码的能力判断封面色彩倾向,从而进行填色,例如豆瓣app。
不仅如此,我们也会时常看到头部背景图和banner图的色彩也会统一处理,这是单独配置了一张背景图,从而达到页面头部的协调性。
字体在设计中占有很重要的一部分,在UI设计中也是最为关键的信息传递载体之一,而关于字体的内容也是十分广泛的,下面我将从字体排版、字体设计和字体内容三个方向来分享我的心得。
字体排版中的字体行高、间距、段落等等,这些都是一名设计师必须去掌握的基础,但是有一些看似简单的规则,却常常会被忽略。
3.1.1 避首位法则
例如下面案例中的结尾标点符号在首,这个是避首位法则中最关键的内容,那为了解决这种方式,我们可以利用「推出式避头尾」,这也是目前主流的方式之一,利用这种换行的形式避免问题,但是往往会形成句尾参差不齐。
因此我们可以利用「优先推入式」标点挤压的方式,将标点符号进行空间挤压,这样可以在很大程度上确保文字在合适的版心内整齐一致。
空格是我们平时接触最多的一种字符了,常使用与内容分割中,但是在排版中有很多场景也会用到空格。
例如英文排版中的点号后面需要加空格,不然会导致语句之间过于拥挤,而中英文结合的时候,之间也是需要空格进行分割处理,除此之外中文和数字之间也是如此。
字体的类型分为很多种,而常规的界面信息展示中,一般都采用无衬线字体,但个别产品利用特殊字体去传递产品的气质,例如阅读产品中采用衬线字体。除此之外, 大厂也纷纷设计属于自己的专属字体,通过这样的方式去强化自身的品牌感。
一年前的MIUI11版本更新,最重磅的内容即是推出动态字体,用户可以自由选择字体粗细,同时为了让界面的美观度及文本识别性不会被破坏掉。