美文网首页读书组
想转UI设计师,却无从下手?

想转UI设计师,却无从下手?

作者: xiongmaomao | 来源:发表于2019-06-27 20:30 被阅读29次

最近身边有好几位朋友向我咨询转行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公章、伪造合同、修改发票或收据等行为都是违法的,设计师必需了解相关法律知识,来保护自己的合法权益,同时也要尊重他人的劳动成果。

设计师在使用素材时也一定要注意版权问题,千万不要抱有侥幸心理在法律的边缘徘徊!

以上内容阐述的不是很深入,如需了解的更多,可入手书籍仔细品读一下哦!如果想成为一名真正的设计师,一定要多动手练习,还有坚持不懈的努力,努力不一定成功,但是不努力是一定不会成功的!

相关文章

网友评论

    本文标题:想转UI设计师,却无从下手?

    本文链接:https://www.haomeiwen.com/subject/vlsdcctx.html