最近身边有好几位朋友向我咨询转行UI设计师要具备什么样的能力,需要做哪些工作,正好最近入手了郗鉴老师的一套UI全书,全书分为上下两册,其中上册就是UI设计师的入门篇,现将本书归纳总结如下,希望能帮助到有需要的朋友们。
本书总分为六个部分:互联网设计师、美术基础与设计史、版式基础、图标设计、设计师必须了解的交互知识及设计师必须掌握的法律知识。
一、互联网设计师
1.什么是UI?
UI是User Interface Design的简称,即界面设计,界面可以是手机界面、网站界面、软件界面、智能能设备界面等一切可人机交互可视化的媒介。
2.互联网产品团队由哪些人组成?
· 高层:解决团队生存问题、输出idea
· 用研团队:通过可用性测试、焦点小组、问卷调查、用户访谈、用户画像、眼动测试、用户反馈及大数据分析等方式展开研究工作
· 产品经理:负责协调整个团队的进程,输出产品需求文档及市场需求文档、输出简约版原型
· 交互设计师:根据交互原则及用户需求、使用场景等因素细化原型及完善交互逻辑
· UI设计师:优化原型图、完成视觉设计、输出设计资源、项目走查、视觉总结(设计规范)
· 前端工程师:完成前端界面等编程工作
· 后端工程师:数据库编程
· 测试工程师:通过黑盒测试、白盒测试、灰度测试等方法检测产品
· 运营人员:完善产品、提升产品等商业价值
· 维护人员:管理与维护服务器
这里需要说明,上面的人员配置是一般大型公司所具备的,一些中小型公司可能没产品或交互设计师,往往老板就可能兼具产品经理的职位。
3.想成为一名UI设计师需要具备哪些能力?
UI设计师需掌握排版能力、相关交互知识、图标绘制、插画绘制、手绘、运营图设计、专题设计能力等。
4. 好的UI标准是什么?
· 好用:以用户为中心,注重用户体验;
· 功能清晰:Don’t Make Me Think,用户使用产品时,不要让他们花时间去思考,让操作轻松、自然而然;
· 好看:界面需满足目标用户的审美需求,达到对用户来说是一种视觉享受;
· 好实现:设计是合理并能开发落地的。
二、美术基础与设计史
1.三大基本关系
· 结构关系
需掌握四大透视:平视、一点透视、两点透视、三点透视
· 素描关系
三大面:黑、白、灰
五大调:亮面、灰面、明暗交界线、阴影、反光
· 色彩关系
掌握对比色、互补色、邻近色、同类色的相关概念及使用
2.色彩心理学
不同颜色给人的感受不同,可针对产品目标选择品牌色;
红色: 传递喜庆、自信、斗志、权威、性感的情感;同时代表血腥、警示;
黑色: 黑色是一种代表品质、权威、稳重、时尚、神秘、科技的色彩,同时也含有冷漠、悲伤、防御的消极情感;
灰色: 灰色是一种代表睿智、老实、执着、严肃、压抑的色彩;
白色: 白色给人简单、纯真、高雅、精致、信任、开放、干净、畅快、朴素的情感;
黄色:代表阳光、青春。活力、时尚、辉煌、希望;
绿色:代表健康、生命力、活泼、宁静、舒适;
紫色:代表优雅、浪漫、高贵、时尚、神秘、梦幻;
蓝色:代表科技、宁静、商务、专业放松;
3.设计史
经历了注重手工艺发展的巴洛克、洛可可风格,以及黑暗、恐惧、孤独、绝望的哥特式风格,再到包豪斯的现代主义
三、设计师需懂得的版式基础
1.平面构成
· 点: 点是组成平面构成的基本元素;点可以起到装饰作用;
·线:线的位置给人的视觉感受是不同的, 垂直和水平都会有稳定的感觉,斜线会更加有冲击力与速度感,曲线有柔美与韵律;
·面:面与线的区分很模糊,倾斜的面具有动感与速度感,曲线面呈现出柔软与有趣的特性;
2.字体知识(字体是排版中最重要的元素)
族类: 常见的族类有五种:衬线体(serif)、非衬线体(sans-serif)、手写体(cursive)、梦幻字体族(fantasy)、等宽字体族(monospace)
字族: 字族一般有:正常(Regular)、窄体(Narrow)、斜体(Italic)、粗体(Bold)、粗体斜体(Bold Ltalic)、黑体(Black)等等
字重:英文字体有 “Thin”、“Light”“Regular”“Book”“Bold”“Black”“Heavy”等字重,中文字体字重有 “极细”、“细”、“标准”、“常规”、“中等”、“粗”、“特粗”等。
使用字体时需考虑字体的层级、作用选择不同的字体字重。
3.很实用的排版原则——CRAP原则
C: contrast 对比,所谓无对比无设计,设计中一定要有对比,通过颜色、大小等对比突出主要信息,提升主视觉的重量;
R: repetition 重复,同类型的模块应重复安全距离、文字的文字及大小以规范信息;
A: alignment 对齐:信息之间应该有对齐方式,比如左对齐、右对齐、居中对齐,通过对齐方式强调信息之间的逻辑关系;
P: proximity 亲密性:两个有关系的信息或模块应尽量放置在一起,形成一个单元。
四、图标设计
UI设计师的一部分工作就是对产品的图标进行设计,图标的制作方法就不在这阐述了,需要了解的可以自行查阅书籍;
logo图标风格可分为文字风格、正负形风格、折纸风格、填充图标风格、线形风格、LOWPOLY风格、微渐变风格、卡通风格;
系统图标风格分为:填充图标、线形图标、圆角图标、尖角图标、断线图标、双调图标、动态图标;
五、设计师必须了解的交互知识
本章节最吸引我的就是格式塔五大律、格式塔三大记忆律、情感化设计的三个水平及八大交互原则。
格式塔五大律:接近律、 相似律、闭合律、连续律、成员特性律;
格式塔三大记忆律:水平化、尖锐化、常态化;
情感化设计三个水平:本能水平、行为水平、反思水平;
八大交互原则:费茨定律、希克定律、7加减2法则、泰思勒定律、防错原则、防呆原则、防止不耐烦原则。
六、设计师必须掌握的法律知识
法律规定私下P公章、伪造合同、修改发票或收据等行为都是违法的,设计师必需了解相关法律知识,来保护自己的合法权益,同时也要尊重他人的劳动成果。
设计师在使用素材时也一定要注意版权问题,千万不要抱有侥幸心理在法律的边缘徘徊!
以上内容阐述的不是很深入,如需了解的更多,可入手书籍仔细品读一下哦!如果想成为一名真正的设计师,一定要多动手练习,还有坚持不懈的努力,努力不一定成功,但是不努力是一定不会成功的!