四眼天兔工作室 » 图像

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 是一款基于网页的图库工具，你可以用它在线储存、管理以及访问图像。

[原文链接]

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

使用纹理和图案作为背景的网站赏析

4EB Studio — Thu, 10 Jul 2008 09:08:08 +0000

编译：四眼天兔工作室资料来源：SMASHING MAGAZINE

纹理和图案远比我们想像中用的更多。这是为什么呢？因为它们在设计中通常都是用来做背景，配合全局设计，替代标准的背景颜色以及创造更吸引人的氛围。但是，它们从未成为过真正的主角。事实上，木质纹理似乎成为目前的一种流行的设计素材。但是我们并不认为木质纹理是一个新趋势，毕竟它已经使用了很多年了。不管怎样，不可能什么设计都采用木质纹理。不过还是有很多其他的选择，如：织物图案、拼贴、地质、岩石、墙壁、砖块、编织、纸板、陶瓷、衰减、金属铁锈、老照片、塑料以及玻璃等。

在本文中，我们将向读者展示一些有用的纹理和图案网站。我们旨在告诉设计者们，除了木质纹理，还有很多更好的纹理可供设计之选。这些背景图片有些是照片，有些是用PS或者illustraror设计的插图。

拼贴,图案

如何创作一款拼贴图案？

事实上，这是一件比想像中容易的多的事情。例如，你可以登陆BgPatterns，一个免费的“拼贴背景设计”网站，它拥有很多的基本样式库，你可以在这里搜索、创建、评价以及分享各种图案。你可以从68款图像（卷曲、星星、花朵、心、符号、树木等）中挑选一款，然后为你的拼贴图案选择一个颜色，网站将自动为你生成你想要的样式。

你也可以应用一些效果（杂色、粗糙等），并且可以随心所欲的进行旋转。你可以轻松自由的创造你的拼贴图案，下载并且储存。

下面是一些已经用于一些网站的缩略图:

现代网站设计中的拼贴图案展示

The Paisley Farmhouse 使用了非常好看的复古包装纸样式作为背景图案

Renegade Latino 使用了黑色的拼贴图案作为背景。

t!agOliveira 使用了一个几乎看不出来的黑色图案作为背景。

Uniquexports 使用了拼贴背景的在线商店网站。

Noblanco 该网页将背景图案放在了左侧。

General Robots 使用了星星的拼贴背景。这还是一个在线商店。

Booreiland: 使用了经典的蓝色、粉色和黄色设计的网站。

Warfield.net 使用了经典的壁纸图案

Designbyfront: 使用了同样的壁纸图案，但是颜色不一样。

Falko Seidel 一款你可以在老式针织衫或者室内壁纸上看到的图案。

Latviešu Dziesmu svētki 传统的壁纸拼贴图案。

Evernote 在商业网站上使用了一个奇特的背景图案。

Anthony Clark 在页眉使用了一款退色样式背景图案。

René Drieënhuize 使用了经典的背景图案样式。

Eden Organix 使用了经典壁纸样式的网络商店。

MiniIcon 很小的内容区被一幅背景拼贴图案包围着。

Paul Burd 使用了相同的概念。

图像和纹理

地表

Outdoor Italia 使用碎土壤作为背景图案。其他的插图很好的结合背景进行设计，特别是右侧走动的蚂蚁，真的是设计的太棒了。

岩石和墙壁

Soyrosa 使用活泼的条纹石作为背景图案

Pikaboo.be 使用坚硬、暗调的岩石纹理和独特的垂直排列作为背景图案。

Elliot Jay Stocks 使用了岩石纹理作为背景，而且该网站还提供一些如何制作纹理背景图案的教程。

Nolgraphic 使用了一幅墙壁的照片作为背景，看上去非常与众不同。

Corner Stone Americus 是一个教堂的网站，使用了车库摇滚风格。

砖瓦

uturn 使用了砖块作为背景图像。这个背景图案与“和街头颓废派一起工作”的网站主题非常贴切。

Hubltd.com 使用了干净的白色砖块作为背景。

插画

Tennessee Education 使用了小学练习本的样式作为背景图片，看上去非常活泼。

Springtime in Tennessee 和上面属于一个网站

Dara’s Garden 使用漂亮的花朵作为背景图案，生动活泼。

Dean Oakley的设计不长，但是非常宽，你需要使用滚动条才能看全。不过它的背景图案使用的都是重复的插图。

DivVoted 整个页面都使用了一个活泼的背景图案。

织物

the brainwashfactory 这是一个用织物纹理做背景的网站。注意页眉处有缝纫线。

Design Sponge 致力于家装设计，所以它的背景也使用了织物纹理。

Scouting for Girls 不仅背景使用了缝纫效果的图案，就连按钮和链接也使用了织物纹理。

纸张和纸板

Raufaser 使用了旧文件纸图案作为背景。

A-Falange.net 使用了旧纸张作为背景。

RedBull 使用了破旧的纸板作为背景。

The Brown Corporation 使用了相同的概念。

陶瓷

The Letter 使用了陶瓷纹理作为背景主题。

褪色、杂尘和车库摇滚

BrightCreative: 使用了古老的退色宫廷花纹图案作为背景。

Decay of Intent: 网站的名称体现了Alessandro Cammarota个人档案的布局设计风格。很明显，背景用的是退色的图案。

老电影

0hara 使用了老电影风格背景。

铁锈

Riders network: “在公路上疾驰的摩托车”，这是一个摩托车爱好者俱乐部，怪不得背景使用的是金属铁锈风格。

Life Style Sports 使用不对称的金属铁锈图案作为背景。

木纹

ChamaDigital 使用木纹主题，干净而且漂亮。

Kyle Haskins 精致的木纹背景突出了整个网站的内容，干净，而且极具吸引力。

Robert Strickland 使用木纹作为背景，整个网站的颜色也和背景相协调。

Slabovia.tv 融合格纹仿古设计和木纹图案。非常吸引人。

Highresolutiontextures 使用了高清晰度的纹理和木纹作为背景图案。

Built by Buffalo 高清晰度的木纹背景。

Oahu Hawaii 一个地产网站，融合了车库摇滚、仿古和木纹风格。

Rafael van der Vaart: 使用了木纹背景。

Does.ch 融合了木纹、织物、旧报纸以及车库摇滚风格。

WebRevolutionary 使用了黑白木纹。

soulBlog 使用了木纹背景，链接和导航的颜色和主题很协调。

Skitnice 使用了木纹图案，但是没有作为整个网页的背景，而是作为正文内容的背景。

Paul Wallas 在木纹图案上使用了光照效果。

Perfect Order 一个日本的在线商店，使用了木质纹理背景。

Bfrancesi.com 使用了暗调的木纹背景。

Anthonyfairweather 一个设计师的网站，看上去她很喜欢黑色的木纹。

Brianwebb.org:这是一个融合了两种流行背景主题的网站。头部使用了木纹，尾部使用了拼合图案。

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及更高版本使用。