简单网页设计软件

也许来到这里的朋友对VPS(虚拟私有主机(Virtual Private Server))的概念还不是很清楚，在这给大家补充一下，供新手学习之用。VPS技术介绍利用最新虚拟化技术Xen在一台物理服务器上创建多个相互隔离的虚拟私有主机（“Virtual Private Server”简称 “VPS”）。这些VPS以最大化的效率共享硬件、软件许可证以及管理资源。对其用户和应用程序来讲，每一个VPS平台的运行和管理都与一台独立主机完全相同，因为每一个VPS均可独立进行重启并拥有自己的root访问权限、用户、IP地址、内存、过程、文件、应用程序、系统函数库以及配置文件。对于运行着多个应用程序和拥有实际数据的产品服务器来说，Xen的低成本消耗和高效能设计成为了产品服务器虚拟化的正确选择。VPS的运行和管理与一台独立主机完全相同，很多人用过VMWare的虚拟机，VMWare的虚拟机就是VPS的一种。每一个VPS拥有其独立的过程、用户、文件并提供完全ROOT访问权限 每一个VPS可以拥有独立IP地址、端口号码、表单、以及过滤和路由规则 每个VPS可以拥有自己的系统配置文件并能够装载一个应用程序 每个VPS可以拥有自己的系统函数库版本或者修改现有的系统函数库版本 透明化：无需重新包装、重新编译、重新测试、重新培训–所有的应用程序按照同样的方式运行 VPS就是虚拟专用服务器,VPS是”主机托管”业务的革命性技术,用户可以花低廉的费用,享用昂贵的高档服务器和灵活性和功能性,并且省去了繁复的系统维护工作,又无须牺牲系统的整体性能及操作的独立性。VPS 的操作如同独立的服务器一样,拥有系统的所有权限.他能自由的分割磁盘空间的大小,分配用户的权限.它可以让几个企业用户(几个域名)来分享一个磁盘空间,软件资源以及网络带宽,而不会损失对系统操作的灵活性,同时又可以让用户以“管理员的身份”独立控制你自己的各种应用服务,做到真正的灵活自主。对概念也基本了解了，跟随VPS侦探开始VPS之旅吧。 参考资料： http://www.vpser.net/uncategorized/vps.html

QQ空间里的QQ服装店，那里有可以自己设计的

一、UI设计、平面设计、网站设计的简单介绍：①-UI设计的定义：UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。软件设计可分为两个部分：编码设计与UI设计。UI的本意是用户界面，是英文User和 Interface的缩写。从字面上看是用户与界面2个部分组成，但实际上还包括用户与界面之间的交互关系。在飞速发展的电子产品中，界面设计工作一点点的被重视起来。做界面设计的“美工”也随之被称之为“UI设计师”或“UI工程师”。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要卖点。一个电子产品拥有美观的界面会给人带来舒适的视觉享受，拉近人与商品的距离，是建立在科学性之上的艺术设计。检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果，而是终端用户的感受。②-平面设计的定义:平面设计（graphic design），也称为视觉传达设计，是以“视觉”作为沟通和表现的方式，透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。平面设计师可能会利用字体排印、视觉艺术、版面（page layout）、电脑软件等方面的专业技巧，来达成创作计划的目的。[1]  平面设计通常可指制作（设计）时的过程，以及最后完成的作品。平面设计的常见用途包括标识（商标和品牌）、出版物（杂志，报纸和书籍）、平面广告，海报，广告牌，网站图形元素、标志和产品包装。例如，产品包装可能包括的商标或其他的艺术作品、编排文本和纯粹的设计元素，如风格统一的图像，形状，大小和颜色。组合是平面设计的最重要的特性之一，尤其是当产品使用预先存在的材料或多种元素融合。③-网站设计的定义：简单来说，网站设计的目的就是产生网站。简单的信息如文字，图片（GIFs， JPEGs，PNGs）和表格，都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。而更复杂的信息如矢量图形、动画、视频、声频等多媒体档案则需要插件程序来运行，同样地它们亦需要标示语言移植在网站内。网页设计是设计过程的前端（客户端）的设计通常用于描述一个网站，包括写标记，但是这是一个灰色地带，因为这还覆盖了网络的发展。网页设计师预计将有意识的可用性，如果他们的作用，需要创建标记，那么它们也有望成为最新的网页易读性指引。网站设计(Web Design)，网站设计是一个把软件需求转换成用软件网站表示的过程，就是指在因特网上，根据一定的规则，使用Dreamweaver、photoshop等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网络服务（网络服务）。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网络服务。网站它是由域名（俗称网址），网站源程序和网站空间三部分构成。其中域名它是类似于互联网上的门牌号码，是用于识别和定位互联网上计算机的层次结构式字符标识，与该计算机的互联网协议（IP）地址相对应。而网站设计是设计师通过像Frontpage或Dreamweaver等工具来对网站进行编辑的！二、UI设计、平面设计、网站设计所需的工具：1、UI设计所需的软件工具：从左开始一次为：Photoshop、Illustrator、CorelDraw、Indesign、Fireworks、DreamWeaver、Flash 、HTML5、CSS(Cascading Style Sheets)、Axure RP Pro 7.0、IOS、Android。2、平面设计所需的软件工具：Photoshop、Illustrator、CorelDraw、Indesign、Fireworks、PageMaker。3、网站设计所需的软件工具：①Photoshop：学习图像处理、编辑、通道、图层、路径综合运用;图像色彩的校正;各种特效滤镜的使用;特效字的制作;图像输出与优化等,灵活运用图层风格，流体变形及褪底和蒙板，制作出千变万化的图像特效。②Freehand：不论是个人作品设计、公司徽标、海报制作，都可以轻松完成，应用于广告、印刷等行业③CorelDraw：通过CorelDRAW9的全方面的设计及网页功能融合到现有的设计方案中，制作矢量的插图、设计及图像，出色地设计公司标志、简报、彩页、手册、产品包装、标识、网页及其它。④Illustrator：学习图形绘制、包装、宣传页的制作，让你更加方便地进行LOGO及CI设计，不到一个月，您就会成为一名真正的美术大师，在 Photoshop的基础上再学它如虎添翼，效率成倍提高。⑤Microsoft FrontPage    如果你曾对Word很熟悉，那么相信你用 FrontPage进行网页设计一定会非常顺手。使用FrontPage制作网页，你能真正体会到“功能强大，简单易用”的含义。页面制作由FrontPage中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。FrontPage最强大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录。FrontPage会为你跟踪文件并拷贝那些新版本文件。FrontPage是现有网页制作软件中惟一既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。⑥Netscape编辑器Netscape Communicator和Netscape Navigator Gold3.0版本都带有网页编辑器。如果你喜欢用Netscape浏览器上网，使用Netscape编辑器真是简单方便!当你用Netscape浏览器显示网页时， 单击编辑按钮，Netscape就会把网页存储在硬盘中，然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色，改变主页作者、标题、背景颜色或图像，定义描点，插入链接，定义文档编码，插入图像，创建表格等，是不是与FrontPage 2000还有些像?但是，Netscape编辑器对复杂的网页设计就显得功能有限了，它连表单创建、多框架创建都不支持。Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的，Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话，能够使用Notepad或Ultra Edit等文本编辑器来编写少量的HTML语句，也可以弥补Netscape编辑器的一些不足。⑦Adobe Pagemill    Pagemill功能不算强大，但使用起来很方便，适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像，那么Adobe Pagemill的确是你的首选。   Pagemill另一大特色是有一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，很方便。⑧Claris Home Page    如果使用Claris Home Page软件，你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具，你不必花费太多的力气就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker数据库，增强的站点管理特性还允许你检测页面的合法连接。不过界面设计过于粗糙，对Image Map图像的处理也不完全。⑨DreamWeaver    自制动态HTML动画的网页DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。 DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。⑩Fireworks  第一款彻底为Web制作者们设计的软件Fireworks的来头实在不小，它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与dreamweaver的联系，可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片!??Flash    让你的网页动起来Flash是用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。FLASH可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。FLASH虽然不可以像一门语言一样进行编程，但用其内置的语句并结合JavaScripe，您也可做出互动性很强的主页来。有人曾经说过：下个世纪的网络设计人不会用FLASH，必将被淘汰出局!我相信这句话没错!??HotDog Professional   制作要加入多种复杂技术的网页HotDog是较早基于代码的网页设计工具，其最具特色的是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。HotDog的高级HTML支持插入marquee，并能在预览模式中以正常速度观看。这点非常难得，因为即使首创这种标签的Microsoft在FrontPage中也未提供这样的功能。HotDog对plug-in的支持也远远超过其他产品，它提供的对话框允许你以手动方式为不同格式的文件选择不同的选项。但对中文的处理不很方便。HotDog是个功能强大的软件，对于那些希望在网页中加入CSS、Java、RealVideo等复杂技术的高级设计者，是个很好的选择。??HomeSite    制作可完全控制页面进程的网页Allaire的HomeSite是一个小巧而全能的HTML代码编辑器，有丰富的帮助功能，支持CGI和CSS等等，并且可以直接编辑perl程序。HomeSite工作界面繁简由人，根据习惯，可以将其设置成像Notepad那样简单的编辑窗口，也可以在复杂的界面下工作。HomeSite更适合那些比较复杂和精彩页面的设计。如果你希望能完全控制你制作的页面的进程，HomeSite是你最佳选择。不过对于生手过于复杂。??Microsoft Visual Studio是美国微软公司的开发工具包系列产品。    该系列的版本有：2003、2005、2008、2010、2012、2013、2015、2015 RTM和未来的版本;适合开发动态的aspx网页，同时，还能制作无刷新网站、webservice功能等。??Jbuilder一个可视化JAVA开发工具。它是在Java2平台上开发商业应用程序、数据库、发布程序的优秀工具。它支持J2EE，所以程序员可以快速的转换企业版Java应用程序。    不论是各种版本，均适合使用其开发出JSP网页。三、UI设计、平面设计、网站设计的设计方向/方法/步骤/流程：1、UI设计方向UI是用户界面，是英文User和 interface的缩写。从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系，所以这样可分为3个方向，他们分别是：用户研究、交互设计、界面设计。①、用户研究用户研究包含两个方面：一是可用性工程学（usability Engineering），研究如何提高产品的可用性，使得系统的设计更容易被人使用、学习和记忆；二是通过可用性工程学的研究，发掘用户的潜在需求，为技术创新提供另外一条思路和方法。用户研究是一个跨学科的专业，涉及可用性工程学、人类功效学、心理学、市场研究学、教育学、设计学等等学科。用户研究技术是站在人文学科的角度来研究产品，站在用户的角度介入到产品的开发和设计中。用户研究通过对于用户的工作环境、产品的使用习惯等研究，使得在产品开发的前期能够把用户对于产品功能的期望、对设计和外观方面的要求融入到产品的开发过程中去，从而帮助企业完善产品设计或者探索一个新产品概念。他是得到用户需求和反馈的途径，也是检验界面与交互设计是否合理的重要标准。②交互设计这部分指人与机之间的交互工程，在过去交互设计也由程序员来做，其实程序员擅长编码，而不善于与最终用户交互。所以，很多的软件虽然功能比较齐全，但是交互方面设计很粗糙，繁琐难用，学习困难。使用这样的软件后，不是使人聪明与进步而是让人感到愚弄与羞辱。许多人因为不能操作电脑软件而下岗失业，这样的交互使电脑成为让人恐惧的科技怪兽。于是我们把交互设计从程序员的工作中分离出来单独成为一个学科，也就是人机交互设计。他的目的在于加强软件的易用、易学、易理解，使计算机真正成为方便地为人类服务的工具。③界面设计在漫长的软件发展中，界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造卖点。界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果，而是最终用户的感受。所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程。2、平面设计的设计方法/步骤：①、调查 调查是了解事物的过程，设计需要的是有目的和完整的调查。背景、市场调查、行业调查（关于品牌、受众、产品……）、关于定位、表现手法、……调查是设计的开始和基础（背景知识）。②、内容 内容分为主题和具体内容两部分，这是设计师在进行设计前的基本材料。③、理念 构思立意是设计的第一步，在设计中思路比一切更重要。理念一向独立于设计之上。也许在你的视觉作品中传达出理念是最难的一件事。④、调动视觉元素 在设计中基本元素相当于你作品的构件，每一个元素都要有传递和加强传递信息的目的。真正优秀的设计师往往很“吝啬”，每动用一种元素，都会从整体需要出发去考虑。在一个版面之中，构成元素可以根据类别来进行划分，如可以分为： 标题、内文、背景、色调、主体图形、留白、视觉中心等等。平面设计版面就是把不同元素进行有机结合的过程。例如在版式当中常常借助框架（也叫骨骼），就有很多种形式，规律框架和非规律框架，可见框架和隐性框架；还有在字体元素当中，对于字体和字型的选择和搭配的好坏就是一个非常有讲究的。选择字体风格的过程就是一个美学判断的过程，还有在色彩这一元素的使用上，能体现出一个设计师对色彩的理解和修养。色彩是一种语言（信息），色彩具有感情，能让人产生联想，能让人感到冷暖、前后、轻重、大小等等。善于调动视觉元素是设计师必备的能力之一。⑤、选择表现手法 手法即是技巧，在视觉产品泛滥的今天要想把受众打动以并非易事，的视觉作品已被人们的眼睛自动的忽略掉了。要把你的信息传递出去有几种方法呢？一种是完整完美的以传统美学去表现的设计方式，会被受众欣赏阅读并记住。二种是用新奇的或出奇不意的方式可以达到（包括在材料上）三种是疯狂的广告投放量，进行地毯式的强行轰炸。而我们更需要那一种呢？虽然三种方法都能达到目的，但我们清楚他们的回报是不同的。我们在三大构成中学过很多种图形的处理和表现手法，如对比、类比、夸张、对称、主次、明暗、变异、重复、矛盾、放射、节奏、粗细、冷暖、面积等形式。另外还有从图形处理的效果上又有手绘类效果，如油画、铅笔、水彩、版画、蜡笔、涂鸦……还有其他的如摄影、老照片、等等。那么你要选择那一种呢？这取决于你的目的和目标群体，以及你的设计水平。⑥、平衡 平衡能带来视觉及心理的满足，设计师要解决画面当中力场的平衡，前后衔接的平衡，平衡感也是设计师构图所需要的能力，平衡与不平衡是相对的，以是否达到主题要求为标准。平衡分为对称平衡和不对称平衡，包括点、线、面、色、空间的平衡。⑦、出彩 记住，你要创造出视觉兴奋点来升华你的作品。⑧、关于风格 作为设计师有时是反对风格的，固定风格的形成意味着自我的僵死，但风格同时有是一个设计师性格、喜好、阅历、修养的反映，也是设计师成熟的标志，以为“了解大同，才能独走边缘”。⑨、制作 检查项目包括：图形、字体、内文、色彩、编排、比例、出血等。要求：视觉的想象力和效果要赏心悦目，而更重要的是被受众理解！3、网站设计的设计流程：①、网站设计流程一：确定风格网站的风格通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性:是粗犷豪放的，还是清新秀丽的;是温文儒雅的，还是执着热情的;是活泼易变的，还是墨守成规的。在明确自己想给人以怎样的印象后，要找出网站中最有特色的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化、宣传。风格的形成不是一次定位的，你可以在实践中不断强化、调整、改进。②、网站设计流程二：搜集素材查找并收集有关的文字、图片、声音、影像等素材，并对所收集的素材进行整理、处理。③、网站设计流程三：网站布局首页页面：首页主题还体现在logo及网站标题上。准确概括的首页主题可以很好帮助用户选择自己有确切需求的网站。首页导航：网站导航可以看做是对网站内容的分类把网站的内容进行细分方便用户跟据个人需求选择浏览相应栏目页面。首页内容：页面的内容布局需先对网站的用户群体进行需求分析把用户关注最多的内容放置在首页的最重要位置。一般按照用户的浏览方式页面内容布局按照内容重要程度由左上到右下进行布置。④、网站设计流程四：LOGO设计怎样设计logo是许多网站设计师比较头疼的事情，在设计之前要进行基本的调研分析，也就是对该企业做全面的调查，然后就是要挖掘所需要的素材，最后就是进行设计开发了，这也是最重要的一步，只有经过反复的推敲修改，才能设计出令人满意的标志。⑤、网站设计流程五：导航设计在设计导航之前，要充分的分析用户需要什么？从导航的有效性、实现度和利用率来设计导航。⑥、网站设计流程六：banner设计在设计banner之前，要和客户沟通一下他们想在banner上突出什么重点，然后有针对的展现banner上的内容。当我们确定重点之后，banner的色彩搭配要明亮干净要与整个页面相协调。⑦、网站设计流程七：友情链接设计设计网站的友情链接要考虑一下网站优化的问题，链接一定不能是滚动的，因为滚动的链接没有人交换，最好是在底部一一列出来。四、注意事项视觉会给人带来一连串的生理上的、心理上的、情感上的、行动上的反应，设计是视觉经验的科学，他包括两个方面，一个是不以人为而改变的即生理感受的人的基本反应，另一个是随即的或不确定因素构成。如个人喜好，性格等等、等等。1、相对稳定的方面：主要是生理上的视知觉，人们的一些视觉习惯、视觉流程、视觉逻辑，如从上到下，从左到右，喜欢连贯的、重复，喜欢有对比的，还有在颜色方面人们最喜欢的其实是有对比的互补色等等。这都是跟人们的生理上的习惯有关，都是人生理机能的本能反应。作为设计师应该对这些知识能充分了解、灵活运用，设计是对人本的关注，首先应对文化与人的感知方式这些相对稳定的方面进行研究，并且需要我们在实践中去总结。2、不稳定的方面：不稳定的方面主要是指情感、素质、品位、阅历上的不同，在设计过程中你需要具备一定的判断和把握能力，你需要客观和克制，才能完成卓越的设计。3、设计思维的科学：设计是必须具有科学的思维方法，能在相同中找到差别，能在不同当中找到共同之处，能掌握运用各种思维方法，如纵向关联思维和横向关联思维以及发散式的思维，善于运用科学的思维方式找到奇特的新的视觉形象，才能不断发现新的可能。平面视觉的科学其实是一个很大很深的学问，只有在这门学问的健全和深入的推广，才能保证设计水平的普遍提高。在这里只是抛砖引玉式的提出这一观点，还需要日后结合其他学科的研究成果进行系统的整理和论述。

1、Axure RP（Rapid Prototyping）Axure（读音为Ack-Sure）无疑是目前最受关注的原型开发工具，其能通过组件的方式帮助网站或软件设计师快速建立带有注释的原型（流程图、线框图），并凭借自定义可重用的元件、动态面板以及丰富的script能够建立基本功能或页面逻辑的动态演示文件。Axure借鉴了office的界面，能够让用户快速上手，并且提供了丰富的组件样式修改，使得通过其能够创建低保真、高保真甚至接近于实际效果的界面。然而最让人称道的是，Axure的丰富的脚本模式，可以通过点击和选择能够快速完成界面元素的交互，如链接、state切换、动态变化等效果，使得Axure能够生成十分接近于真实产品的原型。另一方面，Axure能够导入其他人创建的元件库，使得Axure能够满足绝大多数类型产品的设计。但Axure仍然有一个让人头痛的问题：对于中文的支持不太友好。在小部分元件上输入中午的时候，经常需要像碰运气似的反复切换输入法，破坏了咱们设计师的用户体验。瑕不掩瑜，Axure仍然是交互设计师的首选原型工具。2、Microsoft Office VisioVisio在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、MockflowMockflow和以上工具最大的不同在于Mockflow是一项基于Adobe Flex技术开发在线服务，提供了与Balsamiq Mockups基本相似的功能，甚至更丰富的组件，虽然其元件定制化不够强大，但其提供的元件库默认样式却非常适合用来做商业产品原型的搭建。有一个让我爱不释手的功能是模板，可以设置基于任何页面的模板来进行新的页面设计。与其他模板工具相比，mockflow有一个非常特色的功能，基于web的存储可以在任意电脑上联机打开，同时可以其他人进行快速的分享，并收集在线反馈意见，非常适合虚拟团队的原型设计交流。虽然在线服务的基本帐号只能创建一个文件，但单个文件却没有限制页数，因此也基本上足够使用。5、Pencil sketchPencil 是一款基于Firefox的扩展组件，安装之后即可在Firefox的工具菜单中打开Pencil的绘图面板。功能比较简单，仅能用以日常简单工作的辅助 说明。提供的默认元件都是基于软件工程，因此更适合用于windows桌面程序的简易界面搭建，或者是基本的页面功能说明，并不适用于严肃的原型开发，但 好在体积小、又轻便，能够方便将网页中的元素直接拖到或者复制到当前的画布中，这也是Pencil安装在Firefox所带来的便利之一吧。工具...在以上列举的原型开发工具都是较为常用的，也是在国内的交互设计师们比较常讨论的，但其实和Axure功能相似的软件还有很多，下面也就一些简单说明：6、GUI Design Studio这 是一款真的非常强大的原型制作工具，没有在上面推荐的原因是因为我还没有实际体验过，但冲着这工程级的界面设计就没有去尝试的冲动，但是从官方网站的截图 和视频演示来看，这款软件的操作模式和前面的原型工具大有不同。Axure之类多是基于页面的原型设计，对于web网站尽管很实用，但是对于软件界面的流 程设计却略显繁琐。而GUI Design Studio却另辟蹊径，直接以建立元素与元素之间的关联的方式来自动化的创建动作流程，而从视频演示来看，这样的确很大程度上提升了软件界面原型搭建的 效率。7、Prototype ComposerSerena 公司免费提供的原型开发工具，功能确实强大，提供了基于项目管理主要流程的产出物文档模板、原型工具以及开发流程控制，这个软件的开发理念非常好，用这一 款工具来满足项目开发流程中各个环节的沟通和决策。但软件的学习和使用成本比较高，要了解其中的全部功能，貌似需要花不少时间。另外软件的效率和稳定性还 有待提高，试用的过程中多次出错及停止响应。8、Lucid Spec由 Elegance科技推出的Lucid Spec是一款很类似Pencil的原型工具，仅仅是提供了控件。不过Lucid Spec强调了生成干净的说明文档的功能，这可能是针对于多数原型工具的自动化生成规范的冗余而言的，不过老实说Lucid Spec提供的原型界面太过简陋，并且生成的说明文档也未见优化有怎样的提升。视频介绍9、Irise Professional EditionIrise与其他原型工具相比其中一个特色在于提供了样本数据的功能，这是类似于excel表的一个样本数据库，可以通过界面元素直接获取样本数据库中的数据，这样所生成的原型甚至可以使动态数据更新的。10、Adobe ReaderAdobe reader？没错。其实理论上任何可以创建图形和文本的工具都可以用来原型开发，因为原型本身就是对于业务逻辑和功能界面的模拟或仿真，因此有何理由不能使用PDF格式呢？BoxandArrow的这篇文章《PDF Prototype》提醒了我们，所有的原型工具都只是工具，而不是设计本身。另外这里的也可参考一下但个人推荐:原型?? Axure 7.0?? UIDesigner思维?? Mindmanager?? Xmind流程?? Visio 2013?? EDraw Max知识?? 有道云笔记?? 印象笔记时间?? Todolist?? Worktile图形?? Photoshop?? Colorpix交互?? 快现?? UIDesiger

你可以选其中一个，我个人觉得那个工具都一样,能达到你的目标最重要! 1、FrontPage FrontPage是一款优秀的网页制作与开发工具之一，它本身也是Office2000中的一 个重要组件，采用了与Office2000其他组件一致的界面和操作方式，只要您使用 过Office软件，就可以轻松掌握FrontPage的用法。 2、网页制作三剑客 Flash、Dreamweaver、Fireworks合在一起被称为网页制作三剑客。这三个软件相 辅相承，是制作网页的首选工具，其中Dreamweaver主要用来制作网页文件，制作 出来的网页兼容性好、制作效率也很高，Flash用来制作精美的网页动画， Fireworks用来处理网页中的图形。 3、Photoshop Photoshop是Adobe公司的王牌产品，无论是在平面广告设计、室内装潢，还是处 理个人数码照片方面，Photoshop都已经成为不可或缺的工具。在网页制作方面， 它多姿多彩的滤镜和功能强大的选择工具可以做出各种各样的文字效果来。 4、Swishmax Swish是一款非常方便的Flash文字特效制作工具，你只要点几下鼠标，就可以创 造出形状、文字、按钮动画，你也可以选择内建的超过230种诸如爆炸、漩涡、3D 旋转以及波浪等预设的动画效果。 5、PhotoImpact PhotoImpact提供了多媒体时代专业影像设计者最直觉的创意空间、最方便的制作 工具、及最宽广的表达形式，整合了新时代的3D物件及文字特效与粒子效果、压 力笔支援、不同的自然笔触、各式直觉操作的特效图库、以及网页影像与办公室 文件的相容性，将构思到表达的过程完整组合，是专业网页影像设计者不可或缺 的利器。 6、Sound Forge Sound Forge软件是一款非常棒的音效编辑软件,它除了音效编辑软件的功能外,还 可以让你处理大量的音效转换的工作,使你能够轻松的完成各种看似复杂的音效编 辑工作。如果下载的是英文版，可以用金山快译永久汉化，但效果不是很尽人意 。 7、硕思闪客精灵 硕思闪客精灵是一款用于浏览和解析Flash动画的工具。它可以将.swf文件导出成 .fla文件，还能将flash动画中的图片、矢量图、声音、视频（*.flv）、文字、 按钮、影片片段、帧等基本元素完全分解，以及对动作脚本(ActionScript)进行 解析，清楚的显示其动作代码，让你对Flash动画的构造一目了然。建议你赶快去 下载吧！｝ 8、Clipyard 你只要导入不同的Flash动画文件，将其放在不同的层上，经调试效果，导出后就 成了一个单独的flash了，操作简单，特别适合于将自己喜欢的Flash动画加入祝 福、签名后赠送友人。 9、FlashFXP 是一款优秀的FTP工具，特别适合Web站点管理员使用。支持文件夹(带子文件夹) 的文件传送、删除；支持上传、下载及第三方文件续传；可以跳过指定的文件类 型，只传送需要的文件；可以自定义不同文件类型的显示颜色；可以缓存远端文 件夹列表，支持FTP代理；具有避免空闲功能，防止被站点踢出；可以显示或隐藏 “隐藏”属性的文件、文件夹；支持每个站点使用被动模式等。 10、FlaX FlaX是一款制作Flash文字特效的小巧软件。在以前若要制作文字绕圆圈的动画， 在Flash里一个一个字的慢慢调整位置，颇费时间，如果使用FlaX很快就可以就搞 定。 FlaX有四个窗口面板：预览窗口、影片属性面板、文字属性面板、特效属性 面板。 11、Web Animator Web Animator(网页动画设计)是HomePage Builder附带的创建动画GIF的程序。所 谓动画GIF是GIF格式图像文件的一种，组合几个图像象漫画一样连续运动。动画 GIF与普通的GIF图像一样可以粘贴到页面。使用Web Animator可以完成如下工作 ：组合现有的图像，创建类似于漫画的动画；给一个图像添加动画效果，创建具 有效果的动画；给指定的字符串添加动画效果，创建字符动画。 12.golive ADobe公司收购Macromedia以后,推出的网页制作利器,现在是CS2产品,完全兼容 Adobe其他产品,不仅文件共享,而且流文件共享,是Dreamweaver的替代工具.

Dreamweaver 一个“可视化网站开发工具，主要用于动态网页的开发；Fireworks主要是用于对网页上常用的jpg、gif的制作和处理，也可用于制作网页布局；Flash主要用来制作动画；其实简单的话，就用work也行的。

介绍一下几种：1、Dreamweaver虽然专业 但缺点也在此。太过于庞大和繁琐了 而且和adobe其他软件是套嵌使用的。一般中小网站如果用DW来做完全是累赘。2、iWeb好上手 但很鸡肋。他所谓得可视化编辑 基本属于把文档输出为简单得html格式而已。某种程度来讲 iWeb做出的是网页 不是网站。3、CssEdit的话 如果你有大量得CSS要写， 而且你有能力单独写css。这是不二选择 光是它对代码得自动完成功能就能帮你提高很多效率。而且很多css得语法已经内置 ，可以非常方便得调用。

你可以选其中一个，我个人觉得那个工具都一样,能达到你的目标最重要! 1、FrontPage FrontPage是一款优秀的网页制作与开发工具之一，它本身也是Office2000中的一 个重要组件，采用了与Office2000其他组件一致的界面和操作方式，只要您使用 过Office软件，就可以轻松掌握FrontPage的用法。 2、网页制作三剑客 Flash、Dreamweaver、Fireworks合在一起被称为网页制作三剑客。这三个软件相 辅相承，是制作网页的首选工具，其中Dreamweaver主要用来制作网页文件，制作 出来的网页兼容性好、制作效率也很高，Flash用来制作精美的网页动画， Fireworks用来处理网页中的图形。 3、Photoshop Photoshop是Adobe公司的王牌产品，无论是在平面广告设计、室内装潢，还是处 理个人数码照片方面，Photoshop都已经成为不可或缺的工具。在网页制作方面， 它多姿多彩的滤镜和功能强大的选择工具可以做出各种各样的文字效果来。 4、Swishmax Swish是一款非常方便的Flash文字特效制作工具，你只要点几下鼠标，就可以创 造出形状、文字、按钮动画，你也可以选择内建的超过230种诸如爆炸、漩涡、3D 旋转以及波浪等预设的动画效果。 5、PhotoImpact PhotoImpact提供了多媒体时代专业影像设计者最直觉的创意空间、最方便的制作 工具、及最宽广的表达形式，整合了新时代的3D物件及文字特效与粒子效果、压 力笔支援、不同的自然笔触、各式直觉操作的特效图库、以及网页影像与办公室 文件的相容性，将构思到表达的过程完整组合，是专业网页影像设计者不可或缺 的利器。 6、Sound Forge Sound Forge软件是一款非常棒的音效编辑软件,它除了音效编辑软件的功能外,还 可以让你处理大量的音效转换的工作,使你能够轻松的完成各种看似复杂的音效编 辑工作。如果下载的是英文版，可以用金山快译永久汉化，但效果不是很尽人意 。 7、硕思闪客精灵 硕思闪客精灵是一款用于浏览和解析Flash动画的工具。它可以将.swf文件导出成 .fla文件，还能将flash动画中的图片、矢量图、声音、视频（*.flv）、文字、 按钮、影片片段、帧等基本元素完全分解，以及对动作脚本(ActionScript)进行 解析，清楚的显示其动作代码，让你对Flash动画的构造一目了然。建议你赶快去 下载吧！｝ 8、Clipyard 你只要导入不同的Flash动画文件，将其放在不同的层上，经调试效果，导出后就 成了一个单独的flash了，操作简单，特别适合于将自己喜欢的Flash动画加入祝 福、签名后赠送友人。 9、FlashFXP 是一款优秀的FTP工具，特别适合Web站点管理员使用。支持文件夹(带子文件夹) 的文件传送、删除；支持上传、下载及第三方文件续传；可以跳过指定的文件类 型，只传送需要的文件；可以自定义不同文件类型的显示颜色；可以缓存远端文 件夹列表，支持FTP代理；具有避免空闲功能，防止被站点踢出；可以显示或隐藏 “隐藏”属性的文件、文件夹；支持每个站点使用被动模式等。 10、FlaX FlaX是一款制作Flash文字特效的小巧软件。在以前若要制作文字绕圆圈的动画， 在Flash里一个一个字的慢慢调整位置，颇费时间，如果使用FlaX很快就可以就搞 定。 FlaX有四个窗口面板：预览窗口、影片属性面板、文字属性面板、特效属性 面板。 11、Web Animator Web Animator(网页动画设计)是HomePage Builder附带的创建动画GIF的程序。所 谓动画GIF是GIF格式图像文件的一种，组合几个图像象漫画一样连续运动。动画 GIF与普通的GIF图像一样可以粘贴到页面。使用Web Animator可以完成如下工作 ：组合现有的图像，创建类似于漫画的动画；给一个图像添加动画效果，创建具 有效果的动画；给指定的字符串添加动画效果，创建字符动画。 12.golive ADobe公司收购Macromedia以后,推出的网页制作利器,现在是CS2产品,完全兼容 Adobe其他产品,不仅文件共享,而且流文件共享,是Dreamweaver的替代工具.

网页设计，不知道你是单纯的设计还是设计加制作。现在来说，设计软件越来越多，可以选择的余地比较大。以前流行的说法是网页三剑客：Dreamweaver、firework、flash。现在来说，个人还是喜欢：设计类：Photoshop（数字）、illustrator（矢量）、flash（动画）。网页编程类：Dreamweaver（html+div+css）myeclipse eclipse notepad++ editplus等等很多优秀软件。