教程网址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++。
版权归原作者 lsswear 所有, 如有侵权,请联系我们删除。