送给即将学习UI的新手——了解这些,少走弯路

简介: 送给即将学习UI的新手——了解这些,少走弯路


一、需求调查


在制作UI前,一定要确认用户的需求是否已经明确,不会再有较大的改动,并且将这些需求整理。因为这些需求是你制作UI时的根据。如果需求未明确,不要轻易开始UI制作,否则你可能会对已经完成的、又或者正在制作的UI,进行大面积改动甚至重做,那你之前做的都是无用功。当然,如果你只是做着玩玩,那就不需要在意了。


二、模仿


在刚开始学习和制作UI时,最好多参照模仿那些比较好看成功的UI设计。因为你的设计水平直接决定产品的颜值,很多小白在看自己制作的原型图时,感觉良好,但在制作UI时就变得不尽人意。用户接触产品的第一幕,就是UI设计师给产品制作的第一页面。好的设计师能够洞察用户的使用感受,为产品注入活力,但这绝不是一般小白能做到的,那怕你有很好的美术基础,我还是建议你多去看看其他大神的制作,特别是外网上的。




、数据备份


UI制作时会填充大量的图片文字,而这些东西你必须整理好,因为在制作MUI时这些东西都会拿出来再次使用,不仅如此,在制作UI时画布的大小、图片的大小、文字的字号颜色、各个框架的高度宽度,这些都是需要保留记录的,部分组件还需要单独成图。如果你只是保留了原件和PNG,那你就麻烦大了。


四、 制作原则


风格统一、界面整洁。在制作前一定要先确定好主题和主要色彩,一幅好的画一定要有统一的色调,才能有好的氛围。包括你的字体种类不要太多,字体风格也要尽量统一。

主次分明。当一个UI项目涉及页面多,比较复杂时,一定要分清主次,并且突出主要的。在制作前要首先考虑哪些内容是首要展现给用户的,是希望用户最先看到的,哪些内容是次要的,那些主要的通过位置、大小、虚实、颜色等去强调,削弱次要的,让画面形成一个有序的整体。


目录
相关文章
|
XML Java 数据格式
HarmonyOS学习路之开发篇—Java UI框架(PositionLayout&&AdaptiveBoxLayout)
PositionLayout 在PositionLayout中,子组件通过指定准确的x/y坐标值在屏幕上显示。(0, 0)为左上角;当向下或向右移动时,坐标值变大;允许组件之间互相重叠。 PositionLayout示意图
|
7月前
|
JSON 监控 数据格式
Easy UI datagrid的学习
Easy UI datagrid的学习
|
12月前
|
JavaScript
【Vue学习】—Vue UI组件库(二十八)
【Vue学习】—Vue UI组件库(二十八)
|
XML 数据安全/隐私保护 数据格式
Morn UI 学习总结
Morn UI 学习总结
72 0
|
前端开发 JavaScript
【编写前端需要学习的知识】Vue2+Element-UI
【编写前端需要学习的知识】Vue2+Element-UI
76 0
|
开发框架 JavaScript 前端开发
HarmonyOS学习路之开发篇—Java UI框架(使用工具自动生成JS FA调用PA代码)
JS FA(Feature Ability)调用PA (Particle Ability)是使用基于JS扩展的类Web开发范式的方舟开发框架所提供的一种跨语言能力调用的机制,用于建立JS能力与Java能力之间传递方法调用、处理数据返回以及订阅事件上报的通道。开发者可以使用FA调用PA机制进行应用开发,但直接使用该机制需要开发者手动撰写大量模板代码,且模板代码可能与业务代码相互耦合,使得代码可维护性和可读性较差。
|
开发框架 JavaScript 前端开发
HarmonyOS学习路之开发篇—Java UI框架(JS FA调用Java PA)
使用兼容JS的类Web开发范式的方舟开发框架提供了JS FA(Feature Ability)调用Java PA(Particle Ability)的机制,该机制提供了一种通道来传递方法调用、处理数据返回以及订阅事件上。
|
XML Java 数据格式
HarmonyOS学习路之开发篇—Java UI框架(动画开发)
动画开发 动画是组件的基础特性之一,精心设计的动画使UI变化更直观,有助于改进应用程序的外观并改善用户体验。Java UI框架提供了帧动画、数值动画和属性动画,并提供了将多个动画同时操作的动画集合。
|
XML Java 数据格式
HarmonyOS学习路之开发篇—Java UI框架(自定义组件与布局 二)
自定义布局 当Java UI框架提供的布局无法满足需求时,可以创建自定义布局,根据需求自定义布局规则
|
XML 前端开发 Java
HarmonyOS学习路之开发篇—Java UI框架(自定义组件与布局 一)
HarmonyOS提供了一套复杂且强大的Java UI框架,其中Component提供内容显示,是界面中所有组件的基类。ComponentContainer作为容器容纳Component或ComponentContainer对象,并对它们进行布局。
下一篇
无影云桌面