优秀的设计能够有效地传达产品价值,但也离不开技术的落地支持。随着市场环境变化与行业水平的提升,越来越多设计师开始意识到:设计稿还原的重要性。但是在配合过程中,设计与研发思维的偏差也逐渐体现:“这个需求做不了,那个间距调不好”……设计稿落地后,往往要经过多轮测试和“小板凳”对接,才能达到预期效果。
可以说,在每一位UI设计师的成长过程中,设计稿还原,是一个必定经历 且 难以解决的问题。
UI设计培训内容
1、初步认识UI:了解UI设计师的角色定义和价值体现,UI的含义、UI设计师的含义。
2、学习内容:学习设计基础、字体、构图、手绘等基础技能。快速培养UI设计师的视觉敏锐度,和绘画能力。
3、二维造型:二维简约图标绘制原理与技法,各种材质质感表现。
4、三维造型:(物体的体积、结构、透与光影表现)。
5、色彩原理:色彩属性、对比与调和、色彩的混色配置、设计色彩的表述体系,色彩的装饰美感及色彩的表现方法。
6、设计软件应用:以Photoshop软件为工具,讲解书籍封面设计、海报设计、广告设计、影楼后期处理、包装设计、喷绘设计、画册设计、DM设计等企业实际工作中的具体项目。
7、矢量图形绘制软件Illustrator为工具,标志设计、字体设计、图形设计、企业VI设计、卡通形象设计等企业实际工作中的具体项目。
8、字体专项设计:字体的分类和种类、字体的认识、各种场合字体的应用、形象时尚字体设计、字体标志及在广告设计中的实际应用。
9、版式专项设计:版式的概念、版式中的色彩应用、版式中的字体应用以及网页、书籍、报纸、画册、DM、海报等中的应用。
10、平面项目设计:结合软件、色彩、字体及版式的学习,针对宣传单、折页、名片、海报及VI做专题设计,提升综合应用能力及平面UI设计能力。
“元素位置”的标注是设计验收时与开发人员的必争之地。
面对它的时候,设计师应站在开发的角度,用动态视角的思维,对界面中元素位置进行合理的动态布局,输出正确的位置标注,减少开发人员多次返工的窘境。
一、对位置与相对位置
我们常说的“位置”是代表元素在界面内X轴与Y轴的坐标,同一元素会因为在不同的机型中呈现出不同的位置,大致会分为两种:1. 絕对位置;2. 相对位置。
就如初中物理学到的“运动与静止的相对性”,一艘船在海面航行,海岸是参照物,船相对于海岸是相对位置,海上的灯塔是絕对位置。
1. 絕对位置
絕对位置:屏幕是参照物,元素的位置相对屏幕固定,不会受其他元素的影响。
比如:常见的导航栏、底部Tab栏,吸底按钮和悬浮按钮。
2. 相对位置
相对位置:元素位置不固定,会随着页面尺寸或其他元素的影响而改变。
比如:支付宝的列表流。列表的间距固定,当删除一个列表时,下面的列表位置自动上移。(如下图)
二、位置标注的注意点
在做位置标注的时候,要有盖楼思维。什么是盖楼思维呢?
设计并列关系的模块,即相似的“楼层”,元素以模块的形式叠加成一栋楼。
在做标注的时候,通过分析元素与元素之间的相关性作出标注,标注元素位于所在楼层的位置。它能同时适用在整个制作设计稿的过程中。
比如:列表流、多个卡片或多行金刚区,只需标注某一层中元素的位置关系即可。