1.什么职位画原型图,就是网站的原型图,什么工作
1、Axure RP(Rapid Prototyping) Axure(读音为Ack-Sure)无疑是目前最受关注的原型开发工具,其能通过组件的方式帮助网站或软件设计师快速建立带有注释的原型(流程图、线框图),并凭借自定义可重用的元件、动态面板以及丰富的script能够建立基本功能或页面逻辑的动态演示文件。
Axure借鉴了office的界面,能够让用户快速上手,并且提供了丰富的组件样式修改,使得通过其能够创建低保真、高保真甚至接近于实际效果的界面。然而最让人称道的是,Axure的丰富的脚本模式,可以通过点击和选择能够快速完成界面元素的交互,如链接、state切换、动态变化等效果,使得Axure能够生成十分接近于真实产品的原型。
另一方面,Axure能够导入其他人创建的元件库,使得Axure能够满足绝大多数类型产品的设计。 但Axure仍然有一个让人头痛的问题:对于中文的支持不太友好。
在小部分元件上输入中午的时候,经常需要像碰运气似的反复切换输入法,破坏了咱们设计师的用户体验。 瑕不掩瑜,Axure仍然是交互设计师的首选原型工具。
2、Microsoft Office Visio Visio在2000年被微软收购,并在2002年成为office2003套件中的一个组件,最新版本是2007。Visio能够获得推荐的原因是因为Visio的适用性非常之广,从网站界面、数据库模型,到平面布置图到工艺流程图,Visio都提供了相应的元件库和模板来进行快速创建。
相较Axure而言,Visio更适合于传统行业的生产或流程设计,或者软件及互联网行业中的信息、数据和流程的说明,而不太适用于web界面。因为其的基于web的元件库还是比较少,并且形式和结构也更类似于word中的图形工具,因此在原型开发效率上都有所不足。
3、Balsamiq Mockups 这个基于Adobe AIR Runtime的工具实在是有让人眼前一亮的感觉,手绘风格的元件样式粗犷淋漓,能创建接近于纸上手绘的原型文件。其提供了丰富的手绘风格的web常用元件,包括常用的html控件、以及一些组合控件,如多媒体控制器、标签页、列表、Iphone界面元件等。
Mockups最值得赞赏之处在于其提供的多数组件都可定制外观,对于中文的支持也不错(选择View > Use System Fonts)。 4、Mockflow Mockflow和以上工具最大的不同在于Mockflow是一项基于Adobe Flex技术开发在线服务,提供了与Balsamiq Mockups基本相似的功能,甚至更丰富的组件,虽然其元件定制化不够强大,但其提供的元件库默认样式却非常适合用来做商业产品原型的搭建。
有一个让我爱不释手的功能是模板,可以设置基于任何页面的模板来进行新的页面设计。 与其他模板工具相比,mockflow有一个非常特色的功能,基于web的存储可以在任意电脑上联机打开,同时可以其他人进行快速的分享,并收集在线反馈意见,非常适合虚拟团队的原型设计交流。
虽然在线服务的基本帐号只能创建一个文件,但单个文件却没有限制页数,因此也基本上足够使用。 5、Pencil sketch Pencil 是一款基于Firefox的扩展组件,安装之后即可在Firefox的工具菜单中打开Pencil的绘图面板。
功能比较简单,仅能用以日常简单工作的辅助 说明。提供的默认元件都是基于软件工程,因此更适合用于windows桌面程序的简易界面搭建,或者是基本的页面功能说明,并不适用于严肃的原型开发,但 好在体积小、又轻便,能够方便将网页中的元素直接拖到或者复制到当前的画布中,这也是Pencil安装在Firefox所带来的便利之一吧。
更多工具。 在以上列举的原型开发工具都是较为常用的,也是在国内的交互设计师们比较常讨论的,但其实和Axure功能相似的软件还有很多,下面也就一些简单说明: 6、GUI Design Studio 这 是一款真的非常强大的原型制作工具,没有在上面推荐的原因是因为我还没有实际体验过,但冲着这工程级的界面设计就没有去尝试的冲动,但是从官方网站的截图 和视频演示来看,这款软件的操作模式和前面的原型工具大有不同。
Axure之类多是基于页面的原型设计,对于web网站尽管很实用,但是对于软件界面的流 程设计却略显繁琐。而GUI Design Studio却另辟蹊径,直接以建立元素与元素之间的关联的方式来自动化的创建动作流程,而从视频演示来看,这样的确很大程度上提升了软件界面原型搭建的 效率。
7、Prototype Composer Serena 公司免费提供的原型开发工具,功能确实强大,提供了基于项目管理主要流程的产出物文档模板、原型工具以及开发流程控制,这个软件的开发理念非常好,用这一 款工具来满足项目开发流程中各个环节的沟通和决策。但软件的学习和使用成本比较高,要了解其中的全部功能,貌似需要花不少时间。
另外软件的效率和稳定性还 有待提高,试用的过程中多次出错及停止响应。 8、Lucid Spec 由 Elegance科技推出的Lucid Spec是一款很类似Pencil的原型工具,仅仅是提供了更多控件。
不过Lucid Spec强调了生成干净的说明文档的功能,这可能是针对于多数原型工具的自动化生成规范的冗余而言的,不过老实说Lucid Spec提供的原型界面太过简陋,并且生成的说明文档也未见优化有怎样的提升。视频介绍 9、Irise Professional Edition Irise与其他原型工具相比。
2.怎样用word制作网页
一.建立网页
1.运行word,单击“文件——新建”;
2.在弹出的窗口中,单击“web页”,然后选择“普通版式”。单击“确定”,弹出窗口
3.可以用提供的模板。
二、编辑网页
1.插入图片
普通模板建立的网页有3栏,我们可以对它进行修改。先删除一栏,操作方法和word中删除表格行或列是一样的。这时,我们的网页只剩下2栏,在左边这一栏装上一幅画吧。
方法是:将光标移到要插入图象的地方,然后单击“插入”,选择“图片”,找到“来自文件”后单击。
在弹出的窗口中选择要插入的图片,单击“插入”
2.编辑文字
在右边那一栏里,根据提示输入自己喜欢的文字,当然你可以采取复制、粘贴的方法来完成。呵呵!看看怎么样啊!还满意吧!那就保存一下,否则你可就白忙活了。
3.保存、修改网页
保存的方法很简单,单击工具栏的“保存”按钮,在弹出的窗口中选择要保存的文件夹,给自己的网页文件起个名字,然后单击“保存”就OK了!
修改网页也是非常简单的,用word打开,根据自己的需要修改就行了。
怎么样?只要你会word的操作,就能做出网页来!
最后,你要想发布你的网页,就去网易申请个人空间,根据网易给你的要求进行操作,上传就可以让别人看到了!!
3.如何用word制作网页
Word的专长不是做网页,微软的Frontpage是做网页的,Deamwaver才是专业的,而且和其他软件配合更好用,如:Flash,Fireworks等,当然还有photoshop。
Word专长不是做网页,但不是不能做,如果只是想把做好的文件转为网页,或不做深入研究,只是在熟悉的环境中简单的做做,那就用word吧。
1. 添加文字图片,排版时注意宽度,及时换行,避免网页中水平滚动条出现,否则浏览比较麻烦。
2. 选中要链接的文字,右键“超链接”,设置你要链接的网页。
3. “另存为网页”,保存类型选“网页(*.htm;*.html)。
4.用WORD可以做简单的网页吗
1、首先创建一个word文档,并编辑好作为网页的内容,点击左上角的文件。
2、然后出现新的界面,找到另存为的选项,点击一下即可。
3、然后进入保存的界面,把文件改变属性为网页htm的文件。
4、接着就成功保存了word制作的网页,这样就完成了操作。
5.如何利用Word制作网页
方法/步骤 打开Word2007,首先输入标题,同时设置合适的字体和字号。
最后将该标题居中。接下来切换到“开发工具”选项卡,插入一个ACtiveX控件“图片框”。
右击“图片控件”,选择“属性”选项。在打开的“属性”窗口中,选择“打开图片窗口”按钮。
选择本地磁盘中的一张图片,同时在Word区域将该图片控件调整至合适大小。点击“Office按钮”→“另存为”→“保存为其它格式”。
将文件保存类型选择为“网页(*.html)”,然后选择一个保存位置,点击“保存”按钮。8 双击保存的网页文件,就可以看到效果啦。
6.网页设计流程,用画原型图吗
首先要有网页或者说是网站的需求方提供需求内容。
例如页面要包括哪些,如用户登录,注册,信息展示,甚至在线支付之类的东西。
然后还要有一些具体功能需求,如用户注册需要提供哪些资料,如身份证,地址之类的信息。
信息展示具体是哪些。
有需求方先要写明自己的需求,然后根据需求进行下一步的设计,原型图肯定要画,因为没有图就无法制作网页。
先把图画好,然后和对方商定细节,例如logo的大小,段落间距,字体颜色,之类的细节东西。
画好图并确定后就可以按照图来制作网页。
至于内部后台相关也要商定。
具体由谁来做什么要视情况而定。
例如如果对方公司有美工之类的,可能就直接给你一些素材甚至画好的图让你直接制作。
也有可能需要你自己画图或者找人画图。
转载请注明出处51数据库 » 用word画网页原型