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

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


一、需求调查


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


二、模仿


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




、数据备份


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


四、 制作原则


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

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


目录
相关文章
SAP UI5 Link 控件的使用方法介绍 - 后续学习 Fiori Elements Smart Link 的基础试读版
SAP UI5 Link 控件的使用方法介绍 - 后续学习 Fiori Elements Smart Link 的基础试读版
|
3月前
|
JSON 监控 数据格式
Easy UI datagrid的学习
Easy UI datagrid的学习
|
8月前
|
JavaScript
【Vue学习】—Vue UI组件库(二十八)
【Vue学习】—Vue UI组件库(二十八)
|
9月前
|
XML 数据安全/隐私保护 数据格式
Morn UI 学习总结
Morn UI 学习总结
60 0
|
10月前
|
XML 开发框架 数据格式
SAP UI5 应用开发教程之五十七 - 基于 OData 注解的 Smart Field 使用方法学习试读版
SAP UI5 应用开发教程之五十七 - 基于 OData 注解的 Smart Field 使用方法学习试读版
SAP UI5 应用开发教程之五十七 - 基于 OData 注解的 Smart Field 使用方法学习试读版
|
10月前
|
Web App开发 开发者
关于 SAP UI5 学习教程示例代码里 Chrome 开发者工具 Console 面板里一些错误消息的说明试读版
关于 SAP UI5 学习教程示例代码里 Chrome 开发者工具 Console 面板里一些错误消息的说明试读版
|
11月前
|
存储 JavaScript API
通过 SAP UI5 的 TypeScript 开发环境,来学习什么是 DefinitelyTyped
通过 SAP UI5 的 TypeScript 开发环境,来学习什么是 DefinitelyTyped
|
前端开发 JavaScript
【编写前端需要学习的知识】Vue2+Element-UI
【编写前端需要学习的知识】Vue2+Element-UI
64 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)的机制,该机制提供了一种通道来传递方法调用、处理数据返回以及订阅事件上。