即时设计好用吗？怎么用？-编程知识

进行 UI 设计，除了选择合适的工具，如果能提前掌握一些软件的使用技巧，提高每一步的操作效率，积累起来也能提高整体设计效率。所以这篇文章想给大家介绍一下国内高效的在线设计工具。即时设计，让你的 UI 设计效率快到飞起来。让你轻松上手创作！

即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具，支持 Sketch、Figma、XD 格式导入，海量优质设计资源即拿即用。支持创建交互原型、获取设计标注，为产设研团队提供一站式协同办公体验。https://js.design/square?source=csdn&plan=jxcsdn02201

1、如何登录即时设计？

1.1 即时设计浏览器登录

即时设计支持个人和中小型团队永久免费使用，用户可自由创建项目和文件，并邀请团队成员在线合作。 Windows、Mac可以打开任何浏览器登录即时设计，有四种登录方式:微信登录、飞书登录、手机号验证登录、账号密码登录。

1.2 下载桌面版即时设计

进入即时设计网站，在顶部导航栏中找到“下载”，点击跳转到下载页面！即时设计支持macOSO、Windows、Linux和统信 UOS、国内操作系统如麒麟软件、中科方德等下载到桌面使用，摆脱浏览器的限制，运行更加稳定、流畅。

1.3 手机移动端下载

手机端可以实时查看设计效果，支持iOS版和Android版下载，如果你不想下载或者来不及下载，还可以在即时设计微信小程序中查看设计效果。

2、即时设计的基本功能

2.1 即时设计工作台

登录后，您将自动跳转到即时设计工作台。即时设计将引导您创建团队和项目。您打开的所有文件都将显示在这里。您还可以创建一个文件夹来包含类似的设计项目。与Sketch不同，即时设计的文件不是存储在本地计算机上，而是存储在云中。您可以通过浏览器随时随地访问所有工作。

2.2 导入 Figma、 Axure、Sketch 文件

Figmama可以快速准确地导入即时设计、 Axure、Sketch 只需进入文件即可即时设计工作台，点击“导入文件”，选择 Figma、 Axure、Sketch 您也可以直接将文件上传类型 Figma、 Axure、Sketch 文件拖拽到即时设计上传工作台。

3、使用即时设计进行设计

3.1 建立新画板

与 Sketch 中间操作是一样的。根据A或F查看右侧属性面板中的所有画板选项，选择要使用的尺寸或先随意建立一个。从1倍的角度(实际像素大小)工作，因为它是即时设计内部调整尺寸不会损失图片质量，导出时可以选择合适的尺寸。与传统的画板不同，画板可以相互嵌套，便于未来创建更复杂的交互设计。

3.2 快速网格布局

移动终端可以使用标准的8点网格；在Web端，建立网格布局非常重要，所以在设计之前，先建立一个5栏引导网格。调整右侧网格属性菜单中的列和行，以及是否固定，并根据需要设置边距。即时设计支持设置多个网格并将其存储为风格。点击右上角四点的图片即可实现。这是一个非常方便的功能，不仅可以使布局适应各种设备，还可以与团队成员分享或简单地在其他项目中重复使用。

3.3 方便操作图层和组

与 Sketch 同样，您也可以在即时设计工作台界面的左侧找到图层面板。

图层:添加的每个新元素都会自动创建一个图层。您可以通过拖放重新排列图层或分组图层。

组件：在即时设计可添加小组件，有利于原型设计。

资源：可收集即时设计资源社区的资源，如图标、插图等，可直接拖拽使用，节省大量重复劳动。

3.4 矢量形设计

即时设计的矢量图形工具在画布上直接绘制了矩形、直线、椭圆形、多边形和星形五种常见的矢量图形。从左边的菜单中选择，或者按照矩形选择(R)、直线（L）、箭头（shift+L)、原型（O）等待形状的创建，按住 Shift 按钮保持形状比例不变；画出更复杂的形状，可以点击 P ，或从左边的菜单中选择[笔]；在即时设计中，用笔工具创建的矢量网格没有方向，可以在不同的方向分叉，多边弧和饼图可以轻松设计。完成后，按下【Enter】通过右边的属性菜单，在设计过程中可以随时更改属性，操纵矢量形状，自动闭合路径。