经常有刚入行的朋友问:UI 设计师到底要学什么?是学画画就够了,还是要懂代码?要会 PS 还是 Sketch?要不要学交互?兰亭妙微在带新人的过程中,把 UI 设计师的能力体系做了一次系统梳理,今天分享给大家。
先明确一个基本概念:UI 是 User Interface(用户界面)的简称,UI 设计是对软件的人机交互、操作逻辑、界面美观的整体设计。好的 UI 设计不只是让软件 "有个性、有品位",更是让操作变得舒适、简单、自由,充分体现产品的定位和特点。
理解了这个定义,你就会明白:UI 设计师不是 "画图的",而是连接用户和产品的桥梁。这个桥梁需要的能力,远不止会用软件。
所有设计工作的根基,都是设计基础。这部分包括:
造型能力。 二维造型是基本功 —— 简约图标怎么画、各种材质质感怎么表现,这些都需要长期练习。三维造型也不能忽视,物体的体积、结构、透视与光影,理解了这些,做拟物设计、3D 图标、空间感界面时才不会犯低级错误。
色彩原理。 色彩属性、对比与调和、混色配置、设计色彩的表述体系 —— 这些不是 "凭感觉" 就能做好的。为什么有的界面看着舒服,有的看着刺眼?背后都是色彩原理在起作用。
字体与版式。 字体的分类和应用、版式中的色彩与字体搭配、网页 / 书籍 / 海报中的版式规律 —— 字体和版式是界面设计的骨架,骨架歪了,再好看的装饰也撑不起来。
手绘能力。 手绘不是为了成为画家,而是为了快速表达想法。 brainstorming 时随手画个草图、讨论时在白板上勾个布局,这种能力比任何软件都高效。
工具是设计师的武器,兰亭妙微认为核心工具要精,辅助工具要懂。
Photoshop是绕不开的基础工具,不只是做界面,书籍封面、海报、广告、包装、画册 —— 这些平面项目的训练,能快速提升你的综合设计能力。
Illustrator负责矢量领域:标志设计、字体设计、图形设计、VI 系统、卡通形象。UI 中的图标、插画很多都是用 AI 完成的。
网页设计工具方面,虽然 Fireworks 和 Flash 已经逐渐退出历史舞台,但理解网页设计的基本要素 —— 网站图标、按钮、Banner、专题页 —— 依然重要。Dreamweaver 和 CSS 样式的知识,则能帮你理解设计稿是怎么变成真实页面的。
这里要特别强调:不要只学界面设计软件。 平面项目的训练能培养你的设计感觉,网页项目的训练能让你理解技术实现,这些都会反哺你的 UI 设计能力。
很多 UI 设计师排斥学代码,觉得 "那是开发的事"。但兰亭妙微的经验是:懂 HTML 和 CSS 的设计师,和不懂的设计师,在团队里的话语权完全不一样。
你不需要成为前端工程师,但至少要理解 HTML 的语法和常用标签 —— 布局标签、表格标签、表单标签;理解 CSS 的常用属性 —— 怎么用代码修饰各个模块。懂了这些,你在设计时就会知道 "这个效果实现起来难不难"" 这个布局会不会有兼容问题 ",和开发沟通时也不会鸡同鸭讲。
更重要的是,懂代码的设计师能做高保真原型,能自己把设计想法变成可交互的页面,这种能力在小团队里尤其珍贵。
如果说视觉设计决定了产品 "好不好看",那交互设计就决定了产品 "好不好用"。兰亭妙微认为,UI 设计师必须掌握交互设计的基本能力:
移动端设计规范。 系统性学习 iOS 设计规范和 Android 设计规范,这是做移动 APP 的基础。两个平台的交互逻辑、控件样式、导航模式都有差异,不了解规范就做设计,等于在沙滩上盖楼。
图标与界面设计。 图标设计的要素与技法、色彩应用、创意方法 ——2D 图标、3D 立体图标、图标在界面中的应用,这些都是 UI 设计师的日常工作。手机界面的布局与结构、视觉语言与控件详解、手势操作,这些也要烂熟于心。
APP 核心设计。 导引设计(新用户引导)、色彩与情感化设计、整体视觉情感的提炼与传达 —— 这些是区分 "普通 UI" 和 "优秀 UI" 的关键。导引设计做得好,新用户留存率就高;情感化设计到位,用户就愿意留下来。
拟物化与扁平化。 这两种设计风格不是对立的,而是各有适用场景。理解它们的历史演变和各自优势,才能在具体项目中做出正确选择,而不是盲目跟风。
UI 设计师的技能树看起来很庞大 —— 设计基础、软件工具、前端知识、交互设计 —— 但不要被吓到。这些能力不是一蹴而就的,而是在一个个项目中慢慢积累的。
兰亭妙微给新人的建议是:先把视觉基础打扎实,再逐步拓展交互和前端能力。 不要一开始就什么都想学,结果什么都不精。先在一个点上做到专业,再横向扩展,你会发现很多能力是相通的。
UI 设计是一个需要终身学习的职业,技术在变、平台在变、用户在变,但底层的设计思维和对用户的同理心永远不会过时。保持好奇心,保持学习的热情,这才是 UI 设计师最核心的能力。
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。