在线原型绘制网页-制作网页可以用什么软件？

Axure

Axure RP是美国AxureSoftware Solution公司旗舰产品,是一款快速的产品原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的APP原型设计工具,它比一般创建静态的原型设计工具要快速、高效。

Mockplus

Mockplus(摹客)是一款简洁快速的原型设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计,满足众多用户群体的工作需求。有别于Axure的繁复,Mockplus致力于快速构建和迭代原型,为设计者提供简洁高效的设计方式。如果说Axure是一头大象,那么Mockplus就是一只轻快的小鹿。

从学习曲线来看,较为专业的UI/UX设计师或者时间充足的设计师可以考虑使用Axure;如果设计新手确实想要尝试这款工具,建议先下载中文版进行使用。设计新手或专业设计师都可以考虑使用Mockplus,一款简洁高效的App原型设计工具。使用该软件完成原型设计只需“拖”“放”两个操作,学习曲线基本为零。

、

最后半天心不在焉拖拖拽拽把各个部分都搭建好了,可是做出来的页面惨不忍睹,自己都没勇气打开。晚上回家后和邻居又讨论了三个小时,最后熬夜把原型图完成。虽然最后原型图也没有被采纳,但是这次原型图居然受到了表扬,领导说我的原型图有了提升。今天就写下这篇文章,为这段时间的工作做一个总结。原型设计前:①0202 重点突出内容:要清楚明了页面需要突出的内容是什么,这个在前期的讨论中一般就已经确定;②0202 第一功能目的:除了内容以外,功能方面需要突出的是什么?如引导注册或像下一级页面引导流量。③0202 如果是改版要考虑改版要解决的问题是什么?对于前一版页面存在什么问题 画原型图要考虑:④0202 内容板块如何划分,页面的内容主要分成几个模块,每个模块内存放的都应该是一些相近的内容;⑤0202 模块与模块之间的关联性:每个模块与其相近的模块之间应该有一些逻辑上的关联性,而不能随意的进行拼接;⑥0202 页面的流程:模块与模块的上下承接关系,模块与模块应该上下存在某些逻辑上的连接性。 页面完成后:完成原型图后一定要进行检查,主要从以下三个方面进行检查:⑦0202 内容是否完整:对比框架中的每一部分内容检查是否完整;⑧0202 第一屏是否把最重要的内容展现出来:页面第一屏以外的内容基本都是辅助内容,如果不能在第一屏就把内容全部展现,基本上就等于内容不完整;⑨0202 功能是否实现:想要表达的功能是否在明显的地方表现出来;⑩0202 流程是否顺畅:把相应的流程走一遍,看是否流畅。 注意tips:①0202 未完成的作品拿出来讨论页面不完整不代表思想不完整,即使是不完整的页面,里面应该也要有一个清晰的逻辑图。通过这种方法可以强迫自己想明白再下手。②0202 理清自己的思路要有属于自己的清晰思路,对内容、功能和流程自己要先想明白,可以列举一些具体的问题来辅助理清自己的思路。③0202 坚持自己的想法每一个人都有自己的想法,只要你理清自己的思路,就一定要坚持下去。用自己的逻辑解答别人的疑惑和质疑,形成自己的思路。 关于工具和作图:之前花了很多时间去研究axure,是学会了一些作图的技巧,可是渐渐发现这些对页面的提高基本不大,我是觉得在掌握基本的工具使用时可以暂时忽略工具。页面最重要的是你的想法,等到想法成熟之后不妨慢慢的考虑工具的深入,太多的考虑技巧方面的问题反而会模糊视线。思考的过程和画图的时间可以在7:3都无所谓,前期的框架和流程思路想好后,后面的原型图也就水到渠成了。

1、Coolsite360-新一代网页制作平台

可复制模板,更可任性DIY,无需编程,在线创建,自动适配桌面及移动端,新锐设计师优选,完全自由的样式设定,丰富的动画设定,一键部署。

2、AdobeDreamweaver

AdobeDreamweaver,简称“DW”,中文名称"梦想编织者",最初为美国MACROMEDIA公司开发,2005年被Adobe公司收购。DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对?HTML、CSS、JavaScript等内容的支持,设计师和程序员可以在几乎任何地方快速制作和进行网站建设。

3、Flash

Flash是由macromedia公司推出的交互式矢量图和Web动画的标准,由Adobe公司收购。做Flash动画的人被称之为闪客。网页设计者使用Flash创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash的前身是FutureWave公司的FutureSplash,是世界上第一个商用的二维矢量动画软件,用于设计和编辑Flash文档。

4、Fireworks

由Macromedia(在2005年被Adobe收购)推出的一款网页作图软件,软件可以加速Web设计与开发,是一款创建与优化Web图像和快速构建网站与Web界面原型的理想工具。

Fireworks不仅具备编辑矢量图形与位图图像的灵活性,还提供了一个预先构建资源的公用库,并可与?AdobePhotoshop、AdobeIllustrator、AdobeDreamweaver和?AdobeFlash软件省时集成。

5、Frontpage

Frontpage,是微软公司出品的一款网页制作入门级软件。FrontPage使用方便简单,会用Word就能做网页,因此相对Dreamweaver等软件更容易上手。

特点:所见即所得,该软件结合了设计、程式码、预览三种模式。