2024年网页首页线框图设计 篇1
初级UI设计师更加关注的是界面的视觉效果，而高级UI设计师，不仅要考虑用户的视觉体验，更多的是关注用户使用体验和交互设计。所以UI设计师的晋升之路必须要掌握原型设计这个环节，才能设计出更加完美的作品。那原型设计软件有哪些呢？推荐一款原型设计软件。
一、快速原型
快速原型的重点在于快速输出线框原型，交互功能匮乏，也可以说是低保真的原型。其中常用到的工具有：
1、Pencil。它是一款开源的手绘风格原型图绘制工具，部件比较丰富。除了使用超链接没有其他交互，只能用于快速画出界面。可以导出为PNG、pdf、web格式。
2、lumzy。无需注册、无需下载，直接在浏览器上打开即可进行原型设计的工具(英文网站)。主要是用于设计草图。功能较简单，交互少，部件不多。虽然lumzy相对简单，但是上手快，适用于快速原型，也有很多UI设计师在使用。它可以导出为pdf、jpg文档。
3、MockupCreater。能做界面原型无法做交互，即输出仅为概念草图。目前只支持PNG、RTF和PDF三种静态文件格式导出。
4、MockupBuilde。它同样也是草图原型，部件相对lumzy、MockupCreater要多一些，只能使用超链接实现交互效果。目前只能导出PNG、PDF格式
二、交互原型
交互原型相对快速原型而言，除了能做出线框原型，还能实现丰富的交互功能，在项目排期时间充裕的情况下，建议采用交互的原型设计。此外这些交互原型也可以舒服功能高保真的原型。其中代表工具有：
1、腾讯UIDesigner。它拥有强大的模板和预制功能，能够快速的搭建起软件界面的高保真原型。可以实现设计师、产品经理、程序开发工程师三者间的快速沟通，减少不必要的工作内耗。2.0版本功能交互全面，响应速度也较快，但是针对PC平台应用设计的。UIDesigner预览很方便，可以导出exe文件。
2、Flash。从曾经最流行的Flash MX、Flash 8.0一直到现在的CSN，迭代了各种版本，像PS一样历史悠久。它功能强大，熟练情况下几乎能做出想要的各种效果甚至UI，甚至可以直接做开发，但是对技术要求高，做出好的效果需要懂点AS脚本。导出方便，除了本身的swf格式，exe、图片格式乃至web形式都可以导出。
3、Axure。是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。
三、高保真原型
单纯的高保真原型更加注重视觉效果，但是交互功能先对匮乏是UI设计师必须掌握的基本视觉设计原型软件。主要使用的工具是PS和illustrator。现有的版本甚至可以直接切图并保存为web格式。使用熟练的话，可以代替视觉设计师、重构工程师的很大一部分工作。
以上就是给大家介绍的关于UI设计师晋升过程中，应该熟练掌握的部分工具。因为UI设计师不仅仅是对产品经理工作的视觉展示，同时也是与用户对话的直接窗口，所以在企业对用户越来越重视的环境下，用户体验，视觉效果以及交互设计等等方面是UI设计师必须考虑的问题。
希望我的回答能帮到大家！
2024年网页首页线框图设计 篇2
感谢头条问答邀请。学习设计的话，因为设计的分类很多很多，不同的设计使用的网站与App软件工具不同，以UI设计为例。
工欲善其事必先利其器，出来混，没有几件称手的武器还真不行。
在这里盒子UI精心收集并整理了UI设计师常用也是必备一些工具，各位新手设计师就当个参考，老鸟请无视。
当然，作为一名合格的UI设计师，还得会装机，修电脑，还有家里电视坏了也要会捣鼓两下，不然回家怎么跟家人交待，你不是学电脑的吗？
1、Photoshop cc（全称是Adobe Creative Cloud Photoshop ）是 Photoshop CS6 的下一个全新版本，它开启了全新的云时代PS服务。它特别针对摄影师新增了智能锐化、条件动作、扩展智能对象支持、智能放大采样、相机震动减弱等功能，一起体验更加聪明的PS CC 简体中文版吧！
2、Adobe Illustrator CC是目前最优秀的矢量图设计软件之一，是众多设计师必不可少的设计工具。该软件始于1987年，刚开始主要是为Mac机开发的软件，但在1989年正式推出第一个Windows系统版本。主要的改变包括：触控文字工具、以影像为笔刷、字体搜寻、同步设定、多个档案位置、CSS 摘取、同步色彩、区域和点状文字转换、用笔刷自动制作角位的样式和创作时自由转换。
3、Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专门的原型设计工具，它比一般创建静态原型的工具如Visio、Omnigraffle、Illustrator、Photoshop、Dreamweaver、Visual Studio、FireWorks要快速、高效。
4、MindManager是一个创造、管理和交流思想的通用标准，其可视化的绘图软件有着直观、友好的用户界面和丰富的功能，这将帮助您有序地组织您的思维、资源和项目进程。MindManager也是一个易于使用的项目管理软件，能很好提高项目组的工作效率和小组成员之间的协作性。它作为一个组织资源和管理项目的方法，可从脑图的核心分枝派生出各种关联的想法和信息。mindmanager与同类思维导图软件最大的优势，是软件同Microsoft软件无缝集成，快速将数据导入或导出到Microsoft Word, PowerPoint，Excel，Outlook，Project和Visio中，使之在职场中有极高的使用人群，也越来越多受到职场人士青睐。
5、Cut And Slice Me（切图神器）是Photoshop上使用的一个切图插件，非常好用。要提醒大家的是cutandsliceme切图神器只能用在cs6以上版本。打开PS，Shift+Ctrl+Alt+S,然后就出来那个存Web界面，下面有所有切片和用户切片，你选所有切片，随便保存下图，然后，你在用这个切图工具，就不会提示用户切片不存在了，原因是PS会记录你上一次的操作，你上一次保存选得是“用户切片”，你没有用切的话，正常下默认使用“所有切片”。6、MarkMan-设计稿标、测量神器。马克鳗是基于AdobeAIR平台的方便高效的标注工具，可方便地为设计稿添加标记，极大节省设计师在设计稿上添加和修改标注的时间。马克鳗使用起来也是非常简单，双击添加测量，单击改变横纵方向等等功能，基本都是一键完成。
7、GuideGuide-划参考线神器，是一款超级实用的参考辅助线插件(分别有支持For Photoshop版和for Illustrator版)，利用guideguide可以绘制出精确到像素级别的参考线。相比 Photoshop 的参考线功能，guideguide强大之处在于：支持选区工具–如果你的文档中有选区的话，它可以在选区内生成对应的辅助线。最新版的guideguide甚至可以基于选区偏移距离，这无疑又是guideguide又一强大功能。
8、Kuler-Adobe官方御用配色插件，对于每一位电脑设计师来说，电脑中的颜色托盘是不可或缺的应用和设计工具，无论是设计网页还是其他各种普通设计，都不可缺少艳丽多彩的颜色托盘。
9、PS Play – 在手机同步显示PSD利器，腾讯出品的一个可在手机、PAD上查看PSD效果的APP，有了它，再也不用在手机、电脑上来回传图片看效果了。
10、Corner Editor – 圆角形状设计辅助神器，这个插件主要是弥补了在PS CC和2014 中 只要旋转了路径，就不能使用PS CC 默认的圆角工具了。有了这个插件，即使旋转了形状，也可以随意更改。非常的强大，完美~！
-----------------------------另外，报销吧App---也是设计师值得研究的产品---------