学UI设计需要哪方面基础?
当前位置:贝知网>知识分享>平面设计>学UI设计需要哪方面基础?
学UI设计需要哪方面基础?
时间:2022-04-07 平面设计

学UI设计需要哪方面基础?

一:掌握素描知识

线条:线条是绘画艺术中主要的造型因素。在素描造型中,人们用线条秒回所观察到的客观事物或事件,描绘空间环境中的形状或性质,在素描中,线条无处不在。

结构:结构是指决定物体外在形态的内部结构,它是各个部分之间的组合构成关系,素描中的线条与明暗也是围绕着物体的内在结构而展开的外在表现。

比例:指的是物体之间或者物体本身的长短、大小的对比关系。

明暗:明暗是指在光线下,物体表面呈现出的深浅变化。明暗法能够更容易地让物体呈现出体积感和真实感。由于光线照射在物体表面,物体的表面会形成五种不同的调子,即亮面、灰面、明暗交界线、暗面、反光。

透视:物体与人眼的远近距离和空间方位的不同,会在视觉上产生近大远小,近实远虚的视觉效果。常见的透视现象有平行透视、成角透视和散点透视。

构图:构图指的是在画画时根据题材、主题和美感的要求,把需要表现的对象适当的组合起来,形成一个协调完整的画面。

二:ui设计软件工具掌握

1.PS、AI:主要来用做图标设计、字体设计、插画设计等界面中的视觉设计,是非常基础常用的的软件。

2.AE:在UI设计中主要负责交互动效设计、实现交互效果,比如我们手机常用的解锁动作其实就是一个简单的动效。

3.ARP、磨刀:常用的交互软件,在UI设计中负责做交互原型图,一般可以二选一学习。

4.XD 或者sketch:这两款软件在UI设计工作中主要用来做图面设计、图标设计、原型设计,软件功能差不多,XD的工具特别少,里面的工具是专门为做UI设计工作开发的一款软件,而且XD软件特别小,不会卡,所以作图会比较快。

5.蓝湖软件:是一款产品文档和设计图的共享平台,主要帮助互联网团队更好地管理文档和设计图,在UI设计工作中一般用来做标注设计和切图。

三:ui设计基础规范

设计规范的重要性

设计总监刚开始召集设计师讨论立项制作设计规范时,就有设计师提出“规范只是公司给外部看的一种噱头”,更像是体现一种公司视觉形象(VI)。其实互联网公司的产品设计规范并非是仅仅用来宣传形象的,更多用来使用、简化开发过程、使多个产品拥有一致的体验,是落到实处的东西。

在一个部门含有多个产品线的情况下,此时产品设计规范最能体现其作用。

统一产品用户体验

由于负责各个产品线的产品经理并非同一人,如果此时设计师们又是渗透到各个产品组中,那么产品之间的体验就根本让用户感觉不出是一个部门设计开发出来的。

不同产品线的产品经理交予设计师的线框图就千差万别。比如实现一个筛选功能,有的采用下拉菜单,有的采用弹窗。相同的情景不同的交互方式,先抛开各自的优劣不谈,产品之间本身就出现体验上的矛盾。产品经理间缺少沟通,而产品团队基本会按照产品经理的规划设计产品,这就造成产品间存在体验差别。

不同产品线上的设计师设计风格也存在差别。比如外观尺寸设计,配色选择。当没有独立的设计组时,产品线上的设计师均各自为政,并直接对产品经理负责,更加深化了产品间的不协调。

产品设计者没有错,只是缺少了让各个产品线之间协调统一的桥梁。通过设计师间的讨论并协商各产品线上的产品经理,制定一套规范,架起这座桥梁,让产品设计者们有参考、有准则。

方便设计开发产品

在制定设计规范的过程中,会形成统一标准控件库、页面元素尺寸规定、配色方案规定和视觉风格统一指导。设计者可以按照功能需求直接调用规范中的标准控件,按照信息结构需求调用不同的元素尺寸进行设计。很轻易便能输出高保真原型图,减轻了设计过程中对交互控件选择和信息排版的思考负担。

形成备案和文库

如同技术文档一样,产品在设计方面也需要文档与规范。由于业务需求的变化,设计规范不会一成不变。通过文档备案记录每次设计调整,调整的初衷和理论依据,便于日后的回顾与总结。自己在刚入部门时既没有产品设计规范文档,又没有规范的技术框架文档,在产品成长与传承中出现了中断。形成简单易读的文档规范是一种对产品负责任的体现。