冰水博客-关注电子商务,互联网,Web开发IT博客

Vandelay Design 收集了许多 Web2.0 的资源网站，我稍作翻译，并加了部分图片,算是推荐给大家吧。

• BADGES（标记）

Web 2.0 Badges – 一组供选择的标记图案，可免费下载使用。

 

Fresh Badge – 快速制作你自己的标记图案

Deziner Folio – 收集了大量不同的标记图案

BittBox – 免费使用的矢量标记图案

Official Seal Generator – 一些典型的胸卡或徽章.

Photoshop Tutorial – 快速制作标记图案的教程.

Glossy Photoshop Tutorial – 教你制作漂亮的标记图案

• BUTTONS（按钮）

My Cool Button – 一个可以快速生成你想要的按钮的在线工具.

 

 

Adam Kalsey’s Button Maker – 一个简单易用的制作按钮的工具.

Button Maker from Blog Flux – 制作你自己的按钮.

Brilliant Button Maker – 和上面介绍列表中的第二个类似.

CSS Buttons – 自行选择文本内容、边框和背景.

Buttonator – 付费制作按钮.

RSS Button Maker – 顾名思义，RSS 按钮制作.

Button Boost – 一款与众不同的制作按钮工具.

ButtonGenerator.com – 制作导航按钮.

Crystal Button – 轻易制作平滑按钮.

Chicklet Creator – 制作各种类型的 RSS 订阅按钮.

• ROUNDED CORNERS（圆角）

圆角技术也是 Web2.0 的重要应用技术。下面一些工具可快速便捷的制作圆角图案。

RoundedCornr

Corner Shop

Spiffy Box

Canvas Corner

Spanky Corners

Sliding Doors Text Box

Smart Rounded Corners

Rounded Corners in CSS

News List

• LOGOS（徽标）

Web2.0 简易 Logo 在线生成工具。

Web 2.0 Logo CreatorWeb 2.0 Logo Creatr

Web 2.0 Logo Creator

Web 2.0 Stylr

• ICONS（图标）

图标也 Web2.0 不可或缺的组成元素，下面是一些图标收集和在线制作网站.

 

UtomBox – 收集了很多非常棒的图标.

Feed Icons – 制作标准 RSS 图标.

Map Icon Factory – 制作你喜欢的地图标注图标.

Perishable Press – 一个很不错的图标收集网站.

Glass Style RSS Icons

Snap2Objects – 矢量 RSS 图标.

31 Sources of Quality, Free Icons

• GRADIENT IMAGES（渐变）

Web2.0 中大量应用了渐变图片，下面是一些相关的有用的工具。

Gradient Image MakerGradient GeneratorOnline Gradient Image Maker (OGIM)

 

• SPEECH BUBBLES

让回复框更加的美观。

 

Will MayoBubblesnaps

CSS Play

XHTML Speech Bubbles

WigFlip

Fluid CSS Speech Bubbles

MySpace Speech Bubble Generator

Photoshop Tutorial

 

• BACKGROUND IMAGES（背景）

Background Image Maker – 可选择创建透明或渐变的背景图片.

Stripe Generator 2.0 – 创建有条纹的背景图片.

Stripe Designer – 轻易创建有条纹的图片.

Tartan Maker – 创建有格子的背景图片.

Texture Generator – 创建带纹理的背景图片

All Free Backgrounds – 选择你想要的背景图片.

 

• COLORS（颜色）

The Colors of Web 2.0 – 你是不是在寻找和 Web2.0 所匹配的颜色？

Web 2.0 Color Pallete – Web2.0 流行颜色.

Color Schemer Gallery – 在这些展廊中选择你喜欢的颜色搭配方案

 

 

COLOURlovers – 很多颜色组合的样本.

Website Color Picker – 快速测试颜色组合效果.

I Like Your Colors – 获取到某个流行网站的颜色搭配方案.

 

• NAVIGATION（导航）

CSS Menu Generator – 轻松创建非常有吸引力的 CSS 菜单.

Listamatic – CSS 菜单收集.

List-O-Matic – 制作你自己想要的 CSS 菜单.

List-U-Like – 制作导航栏的工具

Tabs Generator – 制作标签式导航.

Flash Buttons – 创建 Flash 的导航菜单

CSS Play – 一个非常全面的 CSS 菜单收集网站.

Exploding Boy – 标签式导航菜单.

CSS Navigation Menu Generator – 助你创建自己的菜单的工具

 

• FAVICONS

Favicon Generator – 用你电脑中的图片创建你自己的favicon.

Favicon from Pics – 使用照片创建favicon.

Favicon Editor – 上传制作favicon.

Favicon.cc – 创建favicon的另一个选择.

 

 

Photoshop Tutorial – 使用Photoshop制作favicon的教程.

 

• CHARTS（图表）

PHP/SWF Charts – 创建有吸引力的图表.

amCharts – Flash 图表.

 

• OTHER（其它）

Avatar Maker – avatar 制作.

Shrink Pictures – 使用你的照片制作 avatar.

ScaleNine – 收集了很多用于 flex 或 adobe air 的皮肤和主题.

VectorMagic – 把图片专成矢量图片.

Templatr – 生成页面框架.

PsycHo – 博客模版制作.

Web 2.0 Generator – 生成页面框架.

Typetester – 对比字体.

BlogPoll – 为你的博客创建一个免费的投票功能.

RSSxl – 把 html 转换成 rss.

Meta Tag Generator – 为你的页面轻松创建meta标签.

URL Rewrite – URL重写.

.htacces generator – 快速生成 .htaccess 文件.

Thumbnail Generator – 为大量的图片创建缩略图.

Reflection.js – 给你的照片添加倒影.

 

 

Drop Shadow – 给图片添加阴影.

CSS Sprite Generator – 来自 Website Performance.

Vecteezy – 非常棒的矢量图.

Brusheezy – Photoshop brushes.

PSBrushes.net – 更多 Photoshop brushes.

deviantART – Photoshop brushes at deviantART

 

原文：http://roamlog.cn/archives/web-20-design.html

相关水贴：

• 2008网志年会品牌图标ICON收集

RSS 2.0 | leave a response | trackback