0


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++。

标签: ui 学习

本文转载自: https://blog.csdn.net/lsswear/article/details/136295718
版权归原作者 lsswear 所有, 如有侵权,请联系我们删除。

“UI学习-学习内容”的评论:

还没有评论