四眼天兔工作室 » 设计

30款实用的开源网页设计工具

4EB Studio — Sun, 25 Jan 2009 08:41:27 +0000

本文将向你介绍30款非常具有特色且十分有用的开源的网页设计工具。这些工具涉及了源码，WYSIWYG，图像编辑，以及一些可以帮助你改善工作流程的软件。

源码及WYSIWYG编辑工具

KompoZer

KompoZer 是一款极具特色的网页设计系统，集成了FTP客户端，直观的用户界，并且支持许多主流的操作系统。

Bluefish Editor

Bluefish Editor 是一款面向网页设计师和开发人员的轻量级快速编辑工具。它提供了一个非常实用的HTML文件向导，强大的项目管理，以及查找替换功能。

Quanta Plus

Quanta Plus 是一款功能强大的网页开发IDE。它具有很强的扩展能力，并且可以运行自定义的脚本。它还具有一个可视化的CSS编辑器，并且具有语法提示和自动完成功能。

Amaya

Amaya 是一款由W3C开发的免费，开源的网页编辑器及浏览器。它开始仅仅是一款HTML/CSS编辑器，现在已经成为了许多基于XML系统的编辑工具，如SVG 和MathML。

CSSED

CSSED 是一款功能丰富，基于GTK-2 的CSS编辑器，并且具有强大的扩展功能。

OPEN BEXI HTML Builder

Open BEXI HTML Builder 是一款基于网页的，创建HTML页面的开源工具。它具有一个CSS颜色拾取器以及一个非常简单的项目管理选项。

NOTEPAD++

NOTEPAD++ 是windows下的一款非常流行的开源文本编辑工具。虽然从严格意义上来讲它不是专门针对网页设计师的，但是它拥有一个非常棒的源码编辑器，支持HTML, XML, CSS,以及 JavaScript。

jEdit

jEdit 是一款为程序开发人员设计的文本编辑器。它可以在Mac, Windows以及Linux操作系统上运行，支持HTML, XML, CSS, JavaScript 以及其他语言的语法高亮功能。

SeaMonkey

SeaMonkey, Mozilla Foundation开发的一款 ”all-in-one” 浏览器，具有简单却功能强大的HTML编辑器，可实现在浏览器中直接编辑页面源码。

图形图像编辑器

GIMP

GIMP, 是一款非常流行的，功能丰富的开源图形图像编辑器。如果你喜欢Photoshop的界面，可以安装Gimpshop扩展来实现。

Inkscape

Inkscape 是一款占据主导地位的开源矢量图形编辑器，和Adobe Illustrator 及 CorelDRAW及其类似。

Karbon14

Karbon14 是一款可伸缩的适量绘图软件，它是KOffice project 的一部分。

Kivio

作为一个网页设计师，你经常需要制作设计模型或是流程图。Kivio就是一款非常出色的图标编辑器，可以帮助你设计出各种模型，图表和示意图等。

Skencil

Skencil 是一款非常棒的制作插图和图表的适量绘图软件。你可以将作品存储成大多数矢量软件均可识别的EPS格式。

OpenOffice Draw

OpenOffice Draw 是一款简单但是功能强大的绘图及图表制作工具，它是OpenOffice 的一部分。

mtPaint

mtPaint 是一款简单的绘图工具，由 Mark Tyler (mt)开发而成。

FontForge

如果你需要在设计中编辑字体，可以试试FontForge，一款易于使用的开源字体编辑工具。

ImageMagick

ImageMagick 是一款功能丰富的图形编辑包，可以让你创作位图格式的图像。它可以打开并保存上百种格式，包括非常流行的GIF, JPG, SVG以及 PDF格式。

GraphicsMagick

GraphicsMagick 被称作“图像处理的瑞士军刀”。它支持非常多的图像格式，具体可以查看这里。

有用的工具

Cyberduck

Cyberduck 是Mac OS上一款非常出色的开源FTP客户端软件。它内建支持Mosso Cloud 文件以及Amazon S3 浏览器使它成为网页设计师和页面开发程序人员的首选。

FileZilla

FileZilla 是一款非常流行的开源FTP客户端软件。它支持许多平台（包括Linux, Mac, 以及Windows），并且可以通过很多种模式进行文件传输。

WinSCP

WinSCP 是一款windows操作平台下的FTP客户端软件，可以进行本地和远程文件的传输。它有一个非常简单的文件管理功能帮助你操作和组织文件。

CamStudio

当你的项目经理或者客户要求你设计一款计算机模拟内容（例如网站服务的电子教程）的时候，你可能需要一款屏幕录制软件。这时你可以试试CamStudio，一款功能丰富的开源屏幕录制工具。

Greenshot

网页设计经常需要进行抓屏工作来进行设计展示说明。Greenshot是一款非常出色的且功能丰富的抓屏软件，免费而且开源。

ZScreen

ZScreen 是一款杰出且实用的抓屏工具，它可以实现全屏、可视区域及指定区域的抓屏工作。你可以安装自动FTP截屏功能，从而轻松实现图片的共享和归档。

Xournal

Xournal 是一款简单的笔记及草图工具，可以将你的笔记本作为你的输入工具。它和Windows Journal 的工作原理相似。

Firebug

Firebug 是一款相当实用的页面调试工具。你可以使用它获取和探测HTML及CSS源码。

Gallery

使用Gallery, 你可以随心所欲的控制你的图片。Gallery 是一款基于网页的图库工具，你可以用它在线储存、管理以及访问图像。

[原文链接]

12款针对设计师的实用网络工具

4EB Studio — Thu, 15 Jan 2009 08:56:35 +0000

当进行设计的时候，有很多基于网页的免费工具可以帮你完成诸多任务，如调色板选择，创造独特的字体，编辑图像，测试印刷版面等。

本文将向你介绍一些实用的在线设计工具。

kuler Create

kuler 是Adobe公司开发的一款基于网页的，帮你创建和共享色彩主题的工具。你可以使用user-submitted color themes 提供的主题样式，也可以通过kuler Create 网页工具自己创建色彩主题。

pixlr

pixlr 是一款基于网页的，界面类似photoshop的图像编辑工具。它具有类似于photoshop的图层，滤镜，甚至克隆图章工具。

Wellstyled Color Scheme Generator

Wellstyled’s Color Scheme Generator 是一款简单的基于网页的色彩主题创建工具。它具有一个直观的界面，并且可以将色彩主题加入书签中。

FontStruct

FontStruct 是由字体零售商FontShop 创建的一款基于网页的字体创建，编辑以及共享工具。FontStructor是一款极具创新意义的字体编辑工具，可以让设计师们创建各种漂亮的字体样式。你需要免费注册一个帐号来使用该工具。

Typetester

Typetester 允许你测试以及比较屏幕字体。它有非常多的字样，包括网页安全字体如Arial和Verdana，并且它也可以实用你自己的字体。

TypeNavigator

TypeNavigator 是一款非常精巧的网页工具可以帮助设计师识别字体。它可以很轻松的帮你找到你想在你的设计中使用的字体。

Dummy Text Generator

Dummy Text Generator 是一款多功能的随机文本生成网络工具。尽管该工具宣称是专为网页设计师定制的，但是对于做印刷排版的设计师来说也是派的上用场的。

BGPatterns

BGPatterns 是一款制作平铺图案的网络工具，它的界面直观且功能丰富，你可以批量进行图案的编辑和修改尺寸工作。

Dabbleboard

Dabbleboard 是一款方便的，基于网页的绘图软件，并提供给设计师一个良好的协作功能。你可以通过该软件于其他设计伙伴们共同创制作页面布局，设计用户界面，或是手绘图形。

PicMarkr

PicMarkr 是一款基于网页的水印制作工具，用来保护你的图片版权。该软件对在线批量添加水印并发布来说是相当棒的。

favicon.cc

favicon.cc 是一款favicon设计工具。通过favicon.cc在线工具，你可以自己设计favicon或者从本地上传图片文件转换成favicon文件。

templatr

templatr 是一款便捷的制作网页模板的网络工具。他的界面非常简单，内嵌一款非常棒的工具来快速生成页面布局，不过代码相对冗乱。

[原文链接]

介绍6款基于网页的图像编辑工具

4EB Studio — Mon, 13 Oct 2008 08:57:51 +0000

基于网页的图像编辑器相对于其桌面产品具有许多优势，最明显的一点就是允许你在任何一台装有浏览器的电脑上使用该图像工具。在多数情况下，你可以在线保存，而无须安装桌面程序，并且和其它一些网络服务具有接口，如Flickr,Picasa等。本文将向你介绍6款好用的、免费的图像编辑工具，它们可以替代诸如Adobe Photoshop或GIMP这样的桌面产品。

1. Pixlr

Pixlr是一款功能强大，基于flash，和Photoshop具有类似用户界面的图像编辑工具。Pixlr 提供了API接口让你可以将Pixlr和你的博客、网页应用或者网站直通，不过该API接口还是很早以前的。Pixal具有一款智能魔棒工具，可以自动选择相同或相邻的像素（和Photoshop的魔棒工具类似）。

2. Splashup

Splashup是一款多功能的图像编辑软件，它整合了一些流行的网络相册共享服务商，如Flickr, Picasa,以及Facebook，允许你远程访问你的照片。Splashup包括一些超酷的功能，如图层混合模式，从网络摄像头抓取照片，以及多种图层效果和滤镜。

3. Phoenix

Phoenix是Aviary下的一款功能强大、基于网页的图像编辑工具，也是桌面图像编辑软件的最大竞争对手。你可以通过官网上的教程列表来领略这款工具的魅力。你需要进行注册来访问Phoenix，不过这并需要多少时间，而且还可以访问其它的Aviary工具和服务，如Peacock 和 Toucan。

4. pixer.us

如果你正在寻找一款能够满足你进行简单照片处理的工具，你可以查看pixer.us，一款免费的，基于网页的照片编辑工具。它有一个相当直观的简易界面和一些使用的照片编辑功能，如剪裁、大小调整以及旋转等。它还具有一些颜色调整的选项，如饱和度、亮度、对比度等。你可以将你的照片存储成4种常用的数码照片格式，PNG,JPG, GIF以及BMP。

5. FotoFlexer

FotoFlexer是一款免费的，基于网页的照片编辑工具，具有相当丰富的功能，不过使用起来非常简单。你可以上FotoFlexer的演示页面查看它的一些实用功能。当然，FotoFlexer也具有一些非常出色的照片处理功能满足使用者的基本需求，如剪裁、大小调整以及旋转。它还整合了一些流行的网络服务商，如Flickr,Picasa, Photobucket, Facebook以及MySpace等。

6. SUMO Paint

SUMO Paint是一款免费的在线图像处理工具，你可以进行编辑，也可以进行全新的创作。它有一款图形工具可以让你绘制出许多独特的形状，笔刷工具可以绘制出难以想像的高质量图像，变形工具可以让你按比例缩放、移动以及旋转图像。当然，它还有许多其他的功能

52套高质量的ICON图标

4EB Studio — Thu, 03 Jul 2008 05:47:44 +0000

今天，SMASHING MAGAZINE又发布了一系列出色的，免费的而且专业的桌面和网页ICON图标。这些图标目前都是可以免费使用的。天兔将在第一时间为您奉上。

提示：因为图片版权随时都会出现更改，所以当您在使用这些资源的时候最好还是先查看一下它的最新版权协议。

供网页设计和桌面使用的免费ICON图标

Concept Icons .08

12款256×256像素，PNG格式的图标。由Roberto Abril Hidalgo设计。

Affel

Affel使用紫色和黑色，并利用一些亮光和阴影设计出来的非常经典的ICON款式。内含72款256×256像素，PNG格式的图标。这些图标不可以用于商业用途。

Smultron Icon Pack

Smultron better是Smultron系列的更新。需要Mac OS X 10.4及更高版本。

Eico Studio Anniversary Icon Pack

为周年庆推出的16款锐利和漂亮的图标。支持ico和png格式，128×128像素。

Kidaubis 3D Icon – 蓝色系列

提供Email、音乐和工具箱三种图标样式。

Jonas Rask Icons

Jonas Rask设计的一些图标的更新。图标大小：从16×16像素到512×512像素。

The Shield Icon Set

包括4个文件，大小分别为256×256px, 128×128px, 64×64px以及32×32px。提供ico和png格式。由Marvin Ristau设计。

Mac Icons

包括5个高解析度的PNG文件。使用Illustrator CS设计而成。

Pure Icon Pack

Pure Icon Pack包括14个高质量(256×256像素)的图标，支持PNG和ICO格式。该图标包包括CD图标、计算机图标、文件夹图标、DVD图标、网络图标、搜索图标、ＵSB图标、压缩包图标以及其它。

Mythique Design

16个给messanger用户界面的图标。支持PNG格式，图标大小16×16像素到256×256像素不等。

Oxygen Icons Set

超过1000个专业桌面图标，都放在了一个文件包内，基于GPL标准发布。

Boxes Vista-like Icons

Windows Vista的图标。共26个图标，13个带光盘的图标和13个不带光盘的图标。提供PNG和ICO两种格式。只能用于非商业用途。

Google and Facebook icons

大多数图标是为OS X Leopard系统设计的。每款图标都包含一个appl.icns文件。由Chris Ivarson设计。

Fruity Apples

9个png和icn格式的图标(适合Leopard系统: 512×512像素), 包括2个额外的图标和一个壁纸(2560×1600像素)。

I Love “Blondes” Beer Icon

512×512像素，ICO和PNG格式

Document Icons

512×512像素，png和icn格式。

Niepces Camera Obscura Icons

这些桌面图标是Nicephore Niepce于1826年使用的暗箱，设计成Aperture和iPhoto的样式，支持Mac + Win + Linux + iContainer。支持Leopard系统的512×512像素。包括7个可以替代Aperture或iPhoto, Aperture Library, iPhoto Library, Aperture Vault, Aperture Project以及你的图像文件夹的图标样式。

Facebook User Interface Icons

25款Facebook ui图标。提供高解析度及矢量图格式。

Cyberduck

Icon替换系列，大小为512×512像素。可以作为应用程序的图标、文件夹图标以及标签图标等。格式.dmg。

Autumn Breeze Icons

6款Windows用的图标，提供8种尺寸 in 8 Sizes。我的电脑、我的图片、回收站已满、回收站清空、CD和收藏夹等。

Web Icons Pack

7款Windows和OS X的桌面图标。

Whistle Icons

专为搜索条制作的哨状图标。由DesignFreak设计。

Chemical Icon Pack

Chemical Icon Set提供了4款漂亮的化学元素图标。需要Mac OS X 10.1及更高版本使用。