返回首页

mac平台最主流的UI设计软件是哪个软件?

276 2023-12-23 15:33 admin

Mac平台目前最主流的UI设计软件就属【Sketch】了,国内外的一线公司基本上都是使用这款软件做UI设计的,包括国内现在很多中小互联网公司,大部也是用Sketch做为主力设计软件的。

我就下面几点特殊说明下吧

Sketch 是最强大的移动应用矢量绘图设计工具,对于网页设计和移动设计者来说,比PhotoShop好用很多!尤其是在移动应用设计方面,Sketch 的优点在于使用简单,学习曲线低

目前最新版为Sketch 58,需要macOS High Sierra(10.13.4)或更高版本系统。

Sketch是专为像你这样的UI设计师设计的。

有非常实用的功能,直观的界面和强大的插件,它有助于你更专注于做最好的设计。

Sketch软件界面,简单清新,易操作

顶部的工具栏包含所有重要的工具和操作。 右侧的检查器可以调整所选图层的属性。 左侧窗格是图层列表,并列出文档中的所有图层和图板。 最后但并非最不重要的是,中间的画布是您将看到您的设计的地方。

没有浮动面板。 相反,检查器会适应每一时刻向您展示所需的工具,并隐藏所有其他工具。 这样你总是有一个完全视野的视图画布。

Sketch的画布

Sketch的画布是无限大小的; 您可以在任何方向无限滚动,因此您可以完全自由地设置您的绘图区域。

如果您想在无限画布中定义一个固定框架,只需插入一个或多个画板。 例如,当设计移动界面时,许多设计师为应用程序中的每个屏幕创建一个“画板”,并按外观顺序排列。

您可以在具有无限精度的独立于分辨率的视图中查看画布,也可以打开像素预览,您将会准确了解每个像素在导出为位图格式(如JPG或PNG)时的外观。

检查器

右侧的检查器可让您调整当前图层的设置或当前工具的选项。当您选择图层时,您将看到检查器分为几个部分。

触摸栏

对于MacBook Pro用户,Touch Bar可以作为任何应用程序中的附加窗格,Sketch也不例外。根据您在应用程序中的操作,Touch Bar将显示与该特定上下文相关的控件和快捷方式。

Sketch Mirror iOS设备实时预览(Android借助第三方APP也可以实时预览)

Sketch Mirror允许您通过Wi-Fi网络在iPhone或iPad上实时预览您的设计,或通过USB闪电线连接。结合本地分享,您还可以使用网络浏览器在任何设备上预览您的设计。

通过插件Sketch Measure一键导出Html 免去标注烦恼

当然了,你也可以使用在线工具,例如【蓝湖】等,不过如果对保密要求高的公司,建议使用离线插件吧,毕竟把源文件上传,容易信息泄漏的。不过付费部署企业级服务器也是可以的,这样安全也是有保障的,我们一般都是使用离线插件的,Sketch Measure还是挺好用得。

下载安装包双击 Sketch Measure.sketchplugin 完成安装

执行 Plugin > Sketch Measure > Toolbar 或使用快捷键 control ⌃ + shift ⇧ + B

AEUX-Sketch一键导入AE工具-支持最新版Sketch前身是Sketch2AE

喜欢用Sketch做图,然后用AE做动画的同学们的福音啊

使用您喜欢的工具进行UX动效设计

AEUX是After Effects和Sketch 52+的一组面板,用于将图层传输到After Effects,从视觉设计到动效。

AEUX以前称为Sketch2AE,旨在跟上人们为屏幕设计的最新方式。

本次更新,修复了 AE CC 2019 插件安装不了的BUG

工作流程

只需点击几下,即可将动画图层直接传输到Ae中

Sketch

从顶部插件菜单中打开Sketch中的插件面板

在Sketch中选择图层

使用以下任一方式传

Ae -layer数据的选择在幕后传输

导出AEUX.json – 图层数据保存为文件

图像(如有必要)将导出到您指定位置的磁盘

导出完成后会弹出通知

切换到After Effects

After Effects

从顶部菜单“ 窗口”>“扩展”中打开AEUX面板。

点击构建

Sketch的图层数据现在在幕后的应用程序之间传输。一旦可以在Ae中构建图层,您将在面板中收到蓝色徽章和图层计数的通知。粘贴一堆代码的日子已经一去不复返了。确保面板在Ae中打开。

拖放

可以将图层数据导出为独立的.json文件。通过单击导入

顶一下
(0)
0%
踩一下
(0)
0%
相关评论
我要评论
用户名: 验证码:点击我更换图片

网站地图 (共14个专题18064篇文章)

返回首页