构建设计语言的方法

好的设计语言是有生命的。这就像给每个人讲你自己的故事,传达你的情感,希望每个人都了解自己。今天来讲讲构建设计语言的方法,希望可以帮助到你~

为何构建设计语言


1. 品牌形象

公司发展了一系列的在线产品和离线材料,设计语言的建设将极大地传达公司的品牌形象,产品在更新迭代中也不会被混淆,更有效地维护企业品牌形象,加深用户的印象,并有效地改善用户体验。

2.用户体验

网络产品的设计语言更注重用户体验。例如,不同的界面边距和字体大小,产品的色调会不一样,用户的情感感受也会不一样。因此,在构建设计语言时,首先需要了解产品的特性和使用场景以及人群的使用情况,确定产品的方向,然后继续构建设计语言,向用户传达适当的设计体验。

3.开发效率

统一的设计组件可以大大提高开发人员的时间效率和项目周期,统一的风格可以在项目的后期迭代中快速修改,减少设计对接和开发实现的负担。

a.颜色

无论是UI还是平面,色彩都是视觉传达的核心和最基本的语言。不同的主色调会给人不同的视觉感受。同一主色调有不同的配色,视觉体验也会有所不同。在确定了设计中的主色调后,色彩搭配的选择也更加关键。除了界面设计中的背景颜色、字体颜色和图标外,还必须对后期上传的产品图片和轮播图进行标准化。

b.字体

字体设置包括字体大小、字重、行间距、颜色对比度和界面间距的协调。材料设计的字体标题和内容文本大小只有1.6倍,接近黄金比例,所以必须进行字体处理。同时,在构建文本的界面美感和色调的同时,还要注意用户的可读性,分清主次关系。接口中应该有一种或两种字体类型,并且不能出现三种字体。字体大小和文字颜色不太接近,不然无法区分,行距通常是字体大小的1.5到1.8倍。

c.形状

形状的使用在界面设计中也是最常见的,包括直角和圆角,以及带有品牌元素的形状。不同的形状传达着不同的情感,如尖锐的和弯曲的,包括不同大小的圆角。根据重复原则,如果一个形状在界面中被重复使用,就很容易加深用户对产品的印象,就像很多设计师把产品特征和logo设计基因结合起来设计图标一样。

d.图标

在理解了上述形状之后,图标的风格设计还应该保持与界面其他设计元素统一的设计语言,以实现产品界面中所有视觉设计的一致性。图标设计通过形状、边框、颜色、圆角、大小、纹理等构成界面传达的色调和品牌基因。

e.网格

网格系统是目前成熟的设计布局工具。该设计使用一套标准间距来保持产品一致性。网格间距是倍数,如1X、2X、3X、4X。例如,有必要设计一个让用户感到放松和愉快的页面。您可以使用更大的网格间距比,基于12,如12、24、36、48。如果信息比较紧张,可以使用8的倍数,如8、16、24、32等。不同的界面信息承载网格也不同,界面空间不同,界面风格也不同。例如Airbnb界面利润率为48px,整体产品简洁大气;马单元格的界面注重突出画面,所以页面内容区域的比例会相对较大。

f.图片比例

对于图片的比例,设计师往往会设置自己的感受,但最好合理使用图片规格。常见的图片大小为16:9、4:3、3:2、1:1和1:0.618这样的比例,这也是为了做出正确的视觉尺寸。

g.界面呈现

由于接口和产品需求的不可预测性,建筑设计语言不能100%满足所有接口。根据界面,最终渲染不受设计方向的影响,产品可以在后期迭代。

总结

我认为好的设计语言是有生命的。这就像给每个人讲你自己的故事,传达你的情感,希望每个人都了解自己。在造型本身的背后,每个设计师都在努力使它变得更好,让它更容易与他人沟通。

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章