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

心得技巧
设计理论:让网上购物真实模仿逛商店的体验
分享Facebook的设计团队的设计理念
设计参考:30个简单整洁的网页设计实例
设计灵感捕捉:参考企业网站设计实例
设计理论:进度条内嵌百分比开发设计
用户体验设计:tagging系统及其UI设计
换个角度体验UED
设计理论参考:用户研究和竞品分析方法
设计理论:结合网站特点挖掘精彩的亮丽
社会化音乐网站取悦和网聚客户的设计理论
设计理论之设计师的职业规划
设计理论参考:关于浊色(不饱和色)
设计理论参考:亚马逊的进化
项目开发:绘制线框流程图
2009年最新的十个网页设计新趋势
用户体验:Login这个词用法是错误的
记住夏天:生机盎然绿色背景网站设计实例欣赏
Loading状态图标在线制作网站
设计参考:48个时尚网站设计界面实例
网页设计指导:五种常用精美网页风格

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


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