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

心得技巧
45个简洁而富有深意的Logo设计实例
设计理论:中国汉字书法流动线条美
设计理论:区分可用性问题的优先级
40个设计非常棒的摄影师的作品集网站设计
网页设计中网页颜色与网页文字的搭配
网页设计可用性研究:9个提高用户体验设计方法
设计理论:利用色轮选择颜色搭配
如何把握好作为销售榜首的女装类UI设计
用户体验设计:培养一颗贴近用户的心
设计实例:产品设计的情感与情绪
总结自己接触和学习设计的一点经验
Webjx收集25个漂亮简洁的网站设计实例
阿里巴巴的商业价值:用户体验的设计
用户体验实例:微软bing搜索引擎交互设计
设计理论:名片与广告的无缝结合
设计参考:使用纹理的网站设计实例展示
web前端开发用户体验:jQuery框架
良好用户体验产品设计的10点感受和实践经验
手机客户端的两种主要的界面布局与设计方式
网页页面加载对用户访问的影响

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 111 ::
收藏到网摘: 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.