安卓开发界面ui设计器-UI设计软件主要有哪些?

1、DroidDraw是一个GUI可视化设计器,基于是基于Java Swing的Android界面设计器,用它来编辑android界面,非常直观、方便,为开发者节约很多时间。我们可以用它生成繁杂的layout文件(XML文件),设计完以后可以导出xml文件,然后复制到我们的工程中使用。

使用方法很简单,首先下载该软件,运行它,然后软件点击响应组件,通过拖拽来调整大小,生成文件保存成为XML,复制到您的Android工程中即可。

2、AnDroidDraw是一个与DroidDraw集成的Android应用程序,它允许你从DroidDraw应用程序下载你的GUIs,也允许你在一个Android设备上预览你的GUIs。

它其实是一个android应用的安装包apk文件,下载下来的文件,然后要安装到模拟器上(这里一定要保证Android环境已搭建好,SDK和ADT配置好),步骤如下:

(1)在cmd下启动模拟器

启动模拟器的命令是命令行中输入emulator @自定义的模拟器名称

如果你也出先这样的问题,请先检查你的系统环境变量是否配置正确。

(2)使用 adb install 命令把它安装到你的 Android 设备上

(3) 安装完此apk文件以后,打开模拟器,就可以看到模拟器上的该应用图标。

(4)安装一个端口转发规则: adb forward tcp:6100

(5)你的 Android 设备上运行 AnDroidDraw

(6)在电脑上运行 DroidDraw ,并且创建一个 GUI ,接下来从 DroidDraw 菜单中选择 "Project"->"Send GUI to Deviec",就是将设计出来的xml发送给模拟器正在运行的AnDroidDraw程序,如果发送成功会弹出“Upload succeeded”消息框。

(7)Android 屏幕上看到你在DroidDraw创建的 GUI 的的xml

(8)点击 "Preview Layout" 按钮来预览你的 GUI 。

按UI的工作流程推荐一波:

一、项目前期准备:流程图工具-Visio

在正式进行UI界面设计之前,UI设计师需要对产品整体的流程进行思考。此阶段可以使用流程图软件Visio或XMind对需求的流程进行梳理,这会给后期的沟通减少很多不必要的麻烦。

二、原型设计工具-Mockplus

相比老牌原型工具Axure,Mockplus是一款简单、便捷的国产原型工具,可以快速将你的想法以线框图形式展现出来。软件内封装好了常用的一些组件及素材图标,拖出即可用,非常方便。同时Mockplus也支持多人协作设计 。

三、矢量绘图工具-AI

AI是目前最强大的矢量图绘制工具之一,主要应用于印刷出版、海报排版、专业插画、多媒体图像处理和互联网页面的制作等。支持任意形状渐变、全局编辑、自定义工具栏、裁切视图、内容识别裁剪等特色功能,非常实用。

四、划参考线工具-GuideGuide

GuideGuide是一款可以应用于PS、AI、Sketch及XD里面的划参考线插件,安装非常方便。此外,它支持一键生成参考线,也可针对画布或者自定义选区新建参考线等。

五、UI界面设计工具-Sketch

Sketch可以说是一款专为UI设计师而生的矢量绘图工具。相对于PS,SKetch定位更加精准,操作更简单及轻量化。“设计,修改、演示”的一站式功能,可以帮助UI设计师快速完成界面设计,元素批量修改及快速演示等。但是目前只支持在Mac上使用。当然,没有Mac的,也可以用PS或XD进行界面设计。

六、配色工具- Material Design Color

对于UI设计师来说,配色是极其重要的一个环节,有人称之谓“成也配色,败也配色”也不为过。一个好的UI配色可以起到诸多作用,如:显示界面整体架构、明确层级关系及提升转化率等等。其重要性可见一斑。而配色一直是让UI设计师非常头疼的,对于新手小白更是如此。当然,有了配色工具-Material Design Color,这些问题都不用愁。其操作非常简单,便捷,灵活。

七、标注、切图、高保真原型工具-摹客iDoc

UI设计师做好界面设计后,就到了最让人恼火的环节了-如何将自己的设计稿快速交付(标注、切图、高保真原型等)给前端开发?用摹客iDoc的插件,就能轻松标注和切图,帮助设计师快速完成交付。支持sketch、PS、XD的设计稿和Axure、Mockplus的原型图。

八、圆角工具-Corner Editor

这是一款在PS上运行的插件-圆角工具。与PS里面的自带圆角编辑功能相比,Corner Editor操作起来更加简单便捷。除了可以单独设置圆角大小外,就算元素变形了,一样可以进行圆角处理。

以上是我的推荐,望采纳~

UI设计软件主要有Pixso、Figma、Sketch、Adobe XD等。

Pixso:全平台覆盖、精细化矢量设计、智能化布局、团队组件样式共享、社区和资源库、多人实时协作、高保真原型交互动画、成果一键交付、用户问题实时反馈、中文语言环境、本土设计系统、数据私有化。

Figma:全平台覆盖、精细化矢量设计、智能化布局、团队组件样式共享、社区和资源库仅社区、多人实时协作、高保真原型交互动画、成果一键交付。

Sketch:平台覆盖Mac OS、传统钢笔工具、多人实时协作、交互动画简单的点击式原型、成果借助第三方工具交付。

Adobe XD:平台覆盖Mac OS、Windows、传统钢笔工具、多人实时协作、成果需借助第三方工具交付。

相对比其他产品pixso的功能更加全面,操作便捷,在 Pixso 完全可以多人云端协作设计,实时同步字号、边框、颜色等各种细节。并且可以创建一个组件,在任何地方重复使用它,当主组件样式更新,所有组件将自动同步发生改变。

想要了解更多关于UI设计软件的相关信息,

推荐选择Pixso协同设计

。该工具无缝衔接以往工作,支持Sketch、XD、SVG等文件导入导出,自由进行Sketch的文件格式转换。并且,文件自动保存到云端,一键回溯到任意历史版本,再也不用担心文件丢失。素材库集成众多大厂优秀的设计系统,所有 UI 设计师均可直接拖拽复用,从此省去大量模块化设计环节的重复劳动。