当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 权威网站投票评出的最好的5个网页设计工具

心得技巧
在线完成线框图制作的几个网站
网页交互设计参考:漂亮的网页登陆表单设计实例
设计思想:漫话产品设计
设计观点:设计一个让用户感觉过瘾的作品
网页设计参考:25个漂亮的blog评论区设计
设计参考:70个璀璨的博客footer区设计
设计参考:个性风格精致背景的Blog设计实例
饱和度非常高的鲜艳颜色在网页设计中的运用实例
网页设计参考:50个杂志类网站设计实例
WEBJX收集47个漂亮的德国网页设计实例
50个专业的web设计外包公司/个人的网站设计实例
Webjx收集25个新颖活泼的基督教网站设计实例
日本雅虎(Yahoo JP!)的时尚频道设计
电子商务网站:用创意打败萧条(上)
电子商务网站:用创意打败萧条(中)
UE实践笔记:敏捷人种志研究
保持视觉设计一致性是一种良好的用户体验
用户体验设计:精简复杂操作过程的界面设计
设计灵感:40个国外潮流的纹理网站设计实例
设计理论:网页图片区域的版式设计技巧

心得技巧 中的 权威网站投票评出的最好的5个网页设计工具


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 91 ::
收藏到网摘: n/a

本文收集了国外权威网站投票选出的5个出色的网页设计工具,大家可以点文字链接或者图片直接去他们的站点了解几种工具的使用方法吧!

Just like in most other professions, a web designer’s set of tools is what brings a concept into fruition. There are many applications available to our disposal, but there are some that just stand out from the crowd. The tools in this article are what’s regarded as the most popular tools used for web design.

Last week, you were asked to vote on what you thought was the best web design tool. Close to 280 of you shared your opinion on what the best web design tool is.

In this article, you’ll find the five web design tools that garnered the most votes.

5. Fireworks

screenshot source: Introducing Adobe Fireworks CS4 beta http://www.adobe.com/devnet/logged_in/rjones_fwcs4_beta.html

Adobe Fireworks is a commercial raster and vector graphics editor hybrid from Adobe that’s available for the Mac and Windows operating systems. Designed specifically for web designers (unlike Photoshop), Fireworks brings you a plethora of tools and options that make full web layout prototyping a breeze.

Among its notable features are: "slices" for slicing and dicing a design mockup into HTML/CSS for rapidly creating prototypes (though you should avoid using auto-generated source code for the end-build), the ability to package an entire site design as a PDF with clickable components for interactive and impressive site prototypes, and optimization tools for making your web graphics as lightweight as possible.

4. Dreamweaver

Dreamweaver - screen shot.

Adobe Dreamweaver is a commercial application for web development that’s available for the Mac and Windows operating systems. Its featured-packed suite of tools and options include: syntax highlighting and very smart Code Hinting, a built-in FTP client, project management and workflow options that make team work effortless, and Live View - which shows you a preview of your source code. Dreamweaver tightly integrates with other popular Adobe products such as Photoshop, allowing you to share Smart Objects for quick and easy updating and editing of graphics components. 

3. Panic Coda

Panic Coda - screen shot

Panic Coda is a shareware web development application for the Mac OS X operating system. It seeks to reduce the amount of applications (such as an FTP client, CSS editor, a version control system, etc.) you need to develop websites and to improve your team’s workflow. Coda’s one-window web development philosophy uses a tabbed interface for text editing, file transfers, SVN, CSS, and even "Books" which embeds web books that are searchable (it comes with The Web Programmer’s Desk Reference but you can add your own).

It’s simple and intuitive interface allowed Coda to garner the Apple Design Awards Best Mac OS X User Experience in 2007.

2. Photoshop

Photoshop - screen shot.

Adobe Photoshop is a very popular commercial graphics editor available for the Mac and Windows operating system. Created for professional photographers and designers, it is the ideal application for manipulating images and creating web graphics. Photoshop has all the necessary tools and options you need such as: Filters - which automatically adds effects to your image or a selected section of your image, extensibility and automation with Brushes, Actions and Scripting, and workflow enhancement features like Layer Comps and the Revert option.

1. Firebug

Firebug - screen shot.

Firebug is a free, open source in-browser web development tool for the Firefox web browser. It’s many features include: on-the-fly HTML and CSS editing for tweaking or debugging, a Console for logging, analyzing and debugging JavaScript, and an intuitive Document Object Model (DOM) inspection tool to help you quickly see how the elements of a web page relates to one another.