UI学习-学习内容

教程网址1：UI 新手如何从设计规范中提升自己 推荐一下高质量的设计规范 满屏干货 · 语雀

B站地址1：新像素 UI 新手如何从设计规范中提升自己 推荐一下高质量的设计规范 满屏干货 UI设计培训_哔哩哔哩_bilibili

教程地址2：UI 新手成长经验分享 · 语雀

B站地址2：

新像素 UI 新手如何从设计规范中提升自己 推荐一下高质量的设计规范 满屏干货 UI设计培训_哔哩哔哩_bilibili

 谷歌设计规范：
 Foundations — Material Design 3

一 理论依据

        谷歌规范比较全面给，设计的原因和注意内容都有详细的说明。

        其实就是在比较好的样例中学习设计的规范，补充理论知识。

        机翻需要科学上网。

        不推荐非官方的翻译后的网站，因为可能更新慢。

 二 版式

        涉及版式基础、审美。这个内容比较多，属于看起来简单，做起来难的事情。

        可以看下版式的教程，需要自己总结知识。并且在实操中理解并灵活使用。

2.1 版式基础

1. 字体：字号、字体、自重、字体设计
2. 对比：字体、颜色
3. 网格系统
4. 细节：字间距、行距、组间距
5. 分组：信息分组
6. 配色
7. 视觉效果

     具体内容，我也在学习，就不误认子弟了。

     但是学习视频若是都是关于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++。