ui界面设计常用软件有哪些(ui用什么设计软件)

一般来说，UI会用到这些工具

1Mason

现如今，视觉稿（Mockup）和原型（Prototype）是网页和APP设计过程中最常用的方法。两种方式都很有效，不过也都可能会在时间和花销上对整个项目产生压力，影响团队和项目的整体推进，尤其是在时间和精力都非常有限而项目又非常复杂的情况下。

Mason提供了一个更好的解决方案，它让你无需设计线框图、原型和视觉稿，而直接拿现成的组件来编辑和设计，并且确保最终输出的产品既具备功能，也是像素完美的，最后通过Mason的平台进行部署，甚至你都不需要有代码编写的经验。

Mason的设计方法看起来很激进，但是实际上非常的易用。无论是调整还是维护，Mason都能确保控件和元素都很容易处理。在Mason中修改、发布，然后就能正常使用。无需亲手编写代码，诸如注册、登录等各种常见的功能都能够正常输出使用。

这款工具并不会限制你将网站投放到特定的平台或者托管环境下，你可以在你最熟悉的服务器或者服务商那边部署。这可以大幅度节省管理费和时间，并且你会发现团队协作更加高效了。

2摹客（国产UI设计神器，强烈推荐）

这款国产的工具快速易用，Sketch/PS/XD/Figma/Axure/Mockplus设计稿一键上传，设计评审讨论，自动标注一键生成，手动标注自由发挥。

1自动标注：

鼠标hover图层即可自动生成标注，一键转换为百分比标注，还可以放大镜查看细微标注。

2手动标注：

文字、坐标、颜色、尺寸、区域5种工具自由选择，信息传达更准确。

-用文字工具添加备注说明；

-用坐标工具添加位置信息；

-用颜色工具吸取图层，色值智能生成；

-用线段工具标注尺寸，数值自动生成；

-用区域工具标注局部图层，宽、高自动生成。

3单位自由转换：

支持iOS的pt，Android的dp，Web的rem，还可以保留0-3位小数，标注更自由。

4完整的标注属性：尺寸、边距、不透明度、字体大小、字重、行高、字间距等。相关属性一键复制即可使用。

除了智能的标注方式，摹客的切图、交互、全貌画板、文档管理等功能也很实用。最值得一提的是，摹客基础功能完全免费。

3Overflow

设计师讲述故事最有效的办法之一，是将故事中的节点连在一起，将用户历程线性地呈现出来。这样的方式会让访客更好的理解他们所看到的内容，同时能够更加专注于细节的呈现，并且构建有效的反馈机制。

作为世界上第一个为设计师量身定制的用户流程图工具，Overflow可以帮助设计师更好地讲述故事。它为设计师提供了一种全新的方式来更好的呈现作品，讲述故事，以交互式的流程同用户进行沟通，吸引用户的注意力。

Overflow是一款跨平台的工具，可以与目前最流行的设计工具无缝地集成起来，允许设计师在同一个平台上完成设计、展示、共享和打印他们的用户流程。

4UXPin

UXPin可能是目前对于设计团队来说最理想的快速原型工具，尤其是当产品的UX设计和研发高度依赖快速反馈循环机制的时候。UXPin可以让设计团队在向开发交付原型之前，充分地进行设计、共享和测试。

开发人员所需要的数据，实际上在每个项目设计完成之时，就会自动生成。所以，在将设计交付给开发人员之前，甚至可以使用检测工具，验证一下产品的部署是否和设计元素相互匹配。

UXPin还提供一个完整的设计系统解决方案，帮助你保持整个产品的UI元素的一致性。而每个产品的UI组件都可以使用一段代码记录下来，因此可以更加轻松快速的扩展产品的功能。

5Creately

UI/UX设计当然不仅仅是线框图和视觉稿，它是动态的，系统化的，而这也是Creately这款工具的价值所在。这款图标工具适合生成工作流程，支持不同的图表类型，包括流程图、思维导图、UML图标、线框图等。它所提供的图表功能和协同工作的功能，可以帮助设计师完成一半以上的工作。

使用Creately来创建图表，可以轻松创建出足够漂亮的图表，其中配备的1000多个专业的设计图表模板，可以快速地完成各式各样的UX设计项目。

6PowerMockup

有许多UX设计师会使用PowerPoint来构建交互式原型，有了PowerMockup之后，你再也不需要寻找其他的工具来辅助你的工作了，它就可以帮你创建高效可共享的交互式原型。

在构建原型的时候，只需要从PowerMockup不断增长的资源库找到对应的形状或者设计元素，拖拽到PowerPoint当中，然后进行设计即可。为了实现互动，你所需要调用的也无非是PowerPoint当中的幻灯片和动画功能，很简单。

7VisualInspector

VisualInspector让设计师、开发者和负责维护的人员能够实时地在网站中检查和解决各种UI问题，并且同其他的工作人员随时共享信息。

这款工具不需要你懂得代码，只需要几秒钟就可以启用UI工具，并且几乎可以任何类型的网站（使用HTML代码，或者WordPress系统的）进行协同工作。这款工具不是免费的，终身授权的版本只需要付费49美元即可。

8FluidUI

FluidUI是一款可以用来设计线框图、原型图和视觉稿的综合性工具，它还为项目经理和分布式设计团队提供了非常完善的协作功能。它拥有非常全面的组件库，横跨桌面端、iOS和Android等主流的、必须的平台。

一、用来放网站
网站服务器的应用通常是最常见的，按规模可以根据网站的日均PV区分，按类型可以区分为门户类网站、企业类网站、个人网站、交易型网站、论坛、博客等。
网站应用服务器的部署流程如下：在云服务器上部署网站前，首先必须确保您有云服务器的管理权限，或者是云服务器的空间和接口程序。
二、办公系统应用云服务器
随着电脑在办公中的需求越来越重要，办公软件也成为了企业必须具备的基本软件应用。办公软件的种类非常多，应用最多的主要是OA、ERP、CRM、企业邮箱等，这些办公软件在云服务器上的部署是大致相同的。
三、数据库应用云服务器
随着IT行业应用部署规模的日益增大，越来越多的企业使用云服务器作为单独的数据库应用服务器，用云服务器安装数据库服务。
四、 渲染和视频转码
渲染是非常费时间的，渲染的时间越长，越能保证画面的真实感，而云服务器正好适用于渲染，据了解，《哪吒》需要渲染的总帧数高达289077帧，一台云服务器每次只能渲染一帧，而一帧完成渲染的时间可能要十几二十小时，这种大工程，肯定不会只有一台云服务器来渲染，而是同时有几千台的云服务器不眠不休的高效工作。而小工程的渲染，比如设计师在作图的时候，3D建模的图，也会需要渲染，如果嫌自己电脑太慢，不妨开一台云服务器帮你完成，即开即用，用完就删除资源，很方便的。

1、处理软件
Photoshop主要是用来进行图像处理的，把通过处理使其更加具有真实感。
2、图象处理和矢量设计
CorelDRAW，Illustrator是应用于商标设计、标志制作、模型绘制、插图描画、排版及分色输出等等诸多领域。
很多人选择学习设计其实都是三分钟热度，最好在学习之前先来做一个小测试
→点击测试我适不适合学设计
Illustrator、CorelDRAW两个软件的特点均为可以随意放大缩小而清晰度不变，而且标志设计、文字、排版特别出色，但是Illustrator在MAC和PC都可以使用，CorelDRAW多用于PC。
3、网页设计
软件及优点：Flash、Fireworks、dreamweaver用来制作精美的网页，通常需要几种软件的相互配合，这根据自身要求。
4、组版软件
QuakeXpress、方正飞腾等组版软件是将文字和组合成美观印品的专业软件，这类软件本身没有什么对或图形的处理功能。不过，在客观工作中，平面制作人员需要在这三类常用软件中不停地来回切换，造成了大量不必要的烦琐程序。
5、文字排版类软件
PageMaker是常见的文字排版处理软件，称为最底层平台，优点是任何软件做的文件均可承载，缺点该软件在MAC和PC上不能互通，且太过于简单，无法作相应的特效处理，需要借助其他软件才能完成，多见于MAC，PC机上的PM不能输出。
天琥教育机构的教学方式是让学员从六个维度(功能、创意、元素、排版、色彩、受众)作为标准去思考作品，培养视觉评判思维，提升设计产出品质。

网站设计八步骤

由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以设计网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会设计网页，于是他们认为网页设计非常简单，就匆匆忙忙设计自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后设计网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己设计网页的素材。

三、规划网站

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字的运用等，你只有在设计网页之前把这些方面都考虑到了，才能在设计时驾轻就熟，胸有成竹。也只有如此设计出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的设计工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页设计涉及的工具比较多，首先就是网页设计工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，是首选。除此之外，还有编辑工具，如Photoshop、Photoimpact等；动画设计工具，如Flash、Cool3d、GifAnimator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。

五、设计网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行设计。所谓先大后小，就是说在设计网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在设计网页时要多灵活运用模板，这样可以大大提高设计效率。

六、上传测试

网页设计完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页设计工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者

★要想学做网页，首先得了解设计网页的工具。

设计网页主要有以下一些工具

Frontpage：office自带的一个工具， *** 作简单，实用，学起来比较轻松，功能不咋地，我不太喜欢。

Dreamweaver：这是网页三剑客之一，专门设计网页的工具，可以自动将网页生成代码，是普通网页设计者的首选工具，界面简单，实用功能比较强大。建议初学者选用。

另外一个工具就是代码编辑工具，例如写字本、EditPlus等，这些工具主要编辑asp等动态网页。

此外还有一些网络编程工具，javascript、java编辑器等。

网页设计也是一个比较吃香的行业，要真正做一个好的网站，还必须有良好的设计功底。所以还得学很多边缘性的软件，例如photoshop、flash等。

大型的网站往往还需要数据库的支持，所以还得懂数据库。sql、甲骨文等。

总之，掌握好网页设计，能独立完成一个网站的设计工作，那就不要考虑吃饭问题。随便混就好了！

推荐戴尔灵越13pro，Inspiron灵越系列主要针对学生用户，由于其具有较高的性价比以及颇为个性化工业设计，受到广大消费者尤其是年轻用户的青睐，同时该系列也是戴尔PC产品中最重要系列。
戴尔灵越13 Pro是首款搭载英特尔11代酷睿H35标压处理的13英寸轻薄本。处理器有11代i5和i7两种处理器版本可选，集显和独显也可以选择，戴尔灵越13 Pro搭载了一颗功率高达35W的11代英特尔酷睿i5-11300H标压处理器，这颗处理器采用4核心8线程架构，睿频可至44GHz，比起11代低压处理器i5-1135G7性能提升47%。在此基础上，戴尔灵越13 Pro还配备了16G运行内存、512G高速固态硬盘，运行学习软件，浏览文档等也不会卡顿，不死机，其配置之强可见一斑。
一方面戴尔灵越13 Pro的机身本身就采用了流线设计，机身前端更薄，使用时手掌更加舒适；另一方面戴尔灵越13 Pro的屏幕转轴也进行了特别处理，采用了翘起式转轴设计，使用时机身后部会随之微微抬起，进一步提升机身的倾斜角度，不仅更符合人体工学，而且还提升了散热效果。上戴尔官网快人一步抢先体验

---