ui标注软件有哪些 ui图标制作步骤

Adobe Photoshop首先我要介绍一下UI设计软件的鼻祖Adobe Photoshop,早期是以修图和特效滤镜起家的。在设计软件中有非常高的人气。无论你用什么做UI,都或多或少要用到它的图像

本文最后更新时间:  2023-03-27 12:42:29

Adobe Photoshop

首先我要介绍一下UI设计软件的鼻祖Adobe Photoshop,早期是以修图和特效滤镜起家的。在设计软件中有非常高的人气。无论你用什么做UI,都或多或少要用到它的图像处理功能。近年来,设计行业开始从线下印刷品向电子出版物和应用转变,也做出了改变。它已经引入了画板功能,但仍然是杯水车薪。目前很少有UI设计师会用它来完成app的设计,因为它太臃肿,占用内存太大,设计效率低。

但由于国内80%的企业都是中小企业,一般不会给员工配苹果电脑。都是用PC上班,用PS上班。所以需要了解Photoshop是如何设计UI界面,完成图片裁剪的。

另外,由于PS可以做出很酷的界面风格,所以在游戏设计和交互很酷的产品中仍然是不可替代的,比如点歌、直播、VR、汽车概念UI等。所以PS还是要好学,图形处理能力最强。

草图

但是臃肿的PS并不适合设计应用界面(主要是工作生活的手机app界面)。于是,一款名为Sketch的软件在短时间内成功俘获了UI设计师的芳心,不到50M的体积,完全为app和网页设计的工具面板。

不仅如此,它还融合了Princeple(高保真手势模拟)、Flinto(动画制作),以及大量的插件和外设软件,日益巩固其在UI设计领域的地位。曾经是UI设计师的必备软件,现在很多公司都不得不买苹果电脑,因为只能在苹果电脑上运行。

2016年左右,应该是它最辉煌的时候,几乎没有竞争对手。但随着团队协作,尤其是设计和R&D协作的兴起,它只支持MAC平台,需要多软件协作才能完成工作,这成为了它最大的弊端。此时,全平台软件已经风靡全球,这也让Sketch陷入了尴尬的境地。

菲格玛

Figma是国外UI设计的主流软件,支持web端、Mac和Windows,重新定义了路径操作工具,极大的释放了设计生产力。安装包也不到50M,还支持设计、交互原型和代码输出。但是最大的问题是只有英文版,所以在国内没有火,但是被国外设计师广泛使用。

AdobeXD

Adobe的父亲看到了UI设计软件的巨大变化,不努力就会失去老大的地位,于是就像腾讯让微信和QQ竞争一样推出了AdobeXD。它最大的特点是支持中文,可以自己完成设计、原型、代码和标注,支持Mac和Windows,支持插件和第三方软件,将AE、AI、PS和Sketch完美结合。最重要的是,和Figma一样,是免费的。

目前这四款UI设计软件是世界主流,主要是PS游戏和强交互UI;以Sketch、Figma、AdobeXD应用UI为主;Sketch只支持Mac,最近官方发表文章说以后不会有Windows版本;Figma也不会出中文版,因为和Google很接近;

只有AdobeXD是免费的,支持导入Sketch、PS、AI文件,一个软件就可以完成设计、原型、标注(目前国内Adobe用户无法使用标注)。

到目前为止,我们只了解UI设计软件,UI的核心是原型设计和UE (UX)理念。随着软件越来越强大,不仅解放了生产力,也迫使设计师从只关注视觉的美工和GUI向UI/UX转型。

因此,我们需要了解思维导图(Xmind、mindmanager等。)、原型工具(墨刀、Axure、Mockup、Mockplus等。),测试标准和用户体验的基本内容。

很多培训机构的课程案例会包括ID(Indesign)印刷出版设计工具、C4D(影院4D)影视包装片头制作工具、静态电商图片渲染设计等;DW(Dreamweaver)网页代码制作工具;这些基础在UI中是用不到的,尤其是在UI设计软件可以直接导出代码的今天,DW可以忽略。术业有专攻。学了3-4个月,脑容量就这么大了。专心学习设计基础,选择一款合适的UI软件吃透,把理论和实践经验补上,做出2套毕业后能做到的UI作品(包括产品原型、UI插图、大量界面、精美图标、精美Banner、UI动态效果)。这是你转行和就业所需要的。

Sketch,AdobeXD,Figma至少有一个应该是非常精通的。考虑到以后去公司可能没有苹果电脑,英语也不好,AdobeXD是最好的选择。

温馨提示:内容均由网友自行发布提供,仅用于学习交流,如有版权问题,请联系我们。