教程网址1：UI 新手如何从设计规范中提升自己 推荐一下高质量的设计规范 满屏干货 · 语雀
B站地址1：新像素 UI 新手如何从设计规范中提升自己 推荐一下高质量的设计规范 满屏干货 UI设计培训_哔哩哔哩_bilibili
教程地址2：UI 新手成长经验分享 · 语雀
B站地址2：
新像素 UI 新手如何从设计规范中提升自己 推荐一下高质量的设计规范 满屏干货 UI设计培训_哔哩哔哩_bilibili
谷歌设计规范：
Foundations — Material Design 3
一 理论依据
谷歌规范比较全面给，设计的原因和注意内容都有详细的说明。
其实就是在比较好的样例中学习设计的规范，补充理论知识。
机翻需要科学上网。
不推荐非官方的翻译后的网站，因为可能更新慢。
二 版式
涉及版式基础、审美。这个内容比较多，属于看起来简单，做起来难的事情。
可以看下版式的教程，需要自己总结知识。并且在实操中理解并灵活使用。
2.1 版式基础
- 字体：字号、字体、自重、字体设计
- 对比：字体、颜色
- 网格系统
- 细节：字间距、行距、组间距
- 分组：信息分组
- 配色
- 视觉效果
具体内容，我也在学习，就不误认子弟了。
但是学习视频若是都是关于PS、AI等软件内容，可以略过。
2.2 推荐
B站UP主：大设郎设计教学
视频：
字体设计：【字体从基本功到创意风格课程-台湾风格】https://www.bilibili.com/video/BV11g411V7Ph?vd_source=f1bd3b5218c30adf0a002c8c937e0a27
版式设计：【【版式设计】2022超系统版式设计教程，排版布局+版式技巧+提高审美，一套轻松搞定版式！】https://www.bilibili.com/video/BV1ov4y1S7S7?vd_source=f1bd3b5218c30adf0a002c8c937e0a27
配色：【60分钟成为配色大神，配色其实没有你想象的那么难！！】https://www.bilibili.com/video/BV1mY411x7D8?vd_source=f1bd3b5218c30adf0a002c8c937e0a27
三 实操
3.1 仿照练习
在有理论知识的基础上，根据个人认知的选择好的作品，仿照练习。
推挤即时设计官网的练习。网址：即时设计 - 可实时协作的专业 UI 设计工具
练习的目的是理解和灵活运用理论知识。
3.2 框架化
页面排版逻辑，应根据开发逻辑。
因为设计图需要代码实现，应该在排版时解决样式问题，比如内间距、外间距、字号等设定。
所以需要框架化，确定元素位置，便于代码实现。
3.2 组件
组件是相对于开发而言，于设计而言就是重复使用的图。但两方面都能提升效率。
组件对开发者而言更为重要。若使用现有前端的组件UI，不用前端人员再次编写，节省开发时间。
其次已有比较流行的组件样式固定，画图的时候可以稍微省事，不管UI如何写代码的时候组件样式都相同；其次组件流行的原因包括其适配性，省去开发调试的不少时间。
3.3 软件
平面：ps;3d:c4d;UI设计工具：即时设计、sketch、xd;线上合作：蓝湖。
工具是实现的方法，主要还是理论知识，软件不是重点。
软件的主要功能是提升效率、增强效果。
五 细分
可以分为：视觉ui、交互ui。视觉方面更像平面设计；交互设计考虑用户体验，需要加交互动效。不管是平面设计还是交互动效，创意十足的话都会很吸引人，但前提是前端能实现。
就像php需要会js一样，成品都是综合性的内容，各个方面需要都会，包括需求的分析、理解和优化。
六 其他
从一个开发者角度观察UI设计同事的工作，就很能区别其能力的好坏。
设计目的是解决现实问题，比如海报是吸引用户，UI是通过软件前端效果的设计实现需求或者业务。
举个反例，最近接触的UI同事。其一直做平面设计，听领导说做过H5的设计。实际工作时UI和需求不符，设计很乱不易排版，作图不专业，有时还需要我画原型图。
给自己造成困难的同时，每个人都不喜欢，但是工作上自己多干也没多少人愿意。
所以，我认为一个好的UI设计者，实际项目中在设计合格的基础上，还要起到沟通作用，比如原型图、设计文档之类都要会做，还要表述清楚。
尽量在保证设计美观、用户体验的基础上，让前端和后端方便处理。
…………………………………………………END………………………………………………………
别乱买书，设计图书一般都不便宜。
别乱买课，一般都是割韭菜。
需要坚持练习，就像学素描学代码一样，多学多练。三天打鱼两天筛网，都学不好。贵在坚持。
本人作为一个弄开发的码农，感觉学平面设计，比学代码困难多。
之前上学老师讲，入门越简单，学好越难；入门越难，学好越简单。/(ㄒoㄒ)/~~不包括c++。
