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

心得技巧
设计参考:40个国外复古风格网站设计实例
设计技巧心得:字体与图像和谐一致
视觉效果吸引人的banner广告设计技巧
探察研究艺术和设计的真正差异
淘宝导航菜单中的残疾url
用户中心的设计UCD和网站设计的关系
精美的国外20个黑色背景网站设计实例
设计欣赏:60个强烈的质感的LOGO设计作品
职业设计师的简历:创意、干净、简单
用户体验设计理论:用户的阅读经验
设计的力量,应需而变
确保fold以下的内容能被有效展示的建议
系统完整的营销专题制作实例经验
用户体验设计要从接触品牌开始进行
精彩的国外30个全彩色的最佳网站设计实例
设计经验:不能忽视的遨游浏览器的兼容问题
设计参考:网页设计中的渐变文字应用实例
设计圈里面常见的缺乏诚信的行为
设计经验分享:如何设计文字标志
网页改版实力分享:支付宝首页改版

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


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