150+ Web 2.0 工具和相关资源

在当下的网络局势下, 你如果要建立一个以用户群为基础的网站, 不搞点Web 2.0实在是不像话. 实在是跟时代有够脱轨. 尽管我个人偏爱的设计风格还是网格线条类的. 但也不能拒绝Web2.0的简单直接和美观. 所以帕兰映像里面, 也一直介绍一些相关的Web 2.0工具和资源.
本文里面, 我们精心收集整理了超过150个 Web 2.0风格网站设计中可能会用到的工具, 如果你是一个网络高手, 那这些工具能让你加速你的工作进程. 如果你是一个网络菜鸟, 那这些工具能让你快速做到高手们才能做的事情. 包括漂亮的Web2.0 徽章, Logo标志, 图标, 图表, 收藏夹Favicon图标, 渐变图片, 纹理背景, 按钮, 背景图片和其它一些快捷的Web 2.0 工具. 仔细挑挑, 必定有一款是你将来会用到的.

BADGES 徽章工具和资源

Web 2.0 Badges – 这个网站专门提供Web2.0风格徽章下载和免费制作你自己的徽章.
Fresh Badge – 快速生成你自己的徽章.
adClustr – 提供漂亮的广告背景图片, 包括免费的和收费的Badges.
Deziner Folio – 收集了各种不同风格的Web2.0徽章.
BittBox – 免费的矢量徽章.
Official Seal Generator – 一套非常个性的徽章..
Photoshop Tutorial – 一个简单易学的快速教程, 教你如何使用Photoshop制作自己的Web2.0 徽章.
Glossy Photoshop Tutorial – 也是一个Photoshop教程, 教你如何使用Photoshop制作自己的Web2.0 徽章.
BadgeCreator – 在线创建个性身份证徽章
Web2.0徽章收集

BUTTONS 按钮

My Cool Button – 一个新鲜的在线工具, 帮助你快速创建你想要的Web2.0按钮.
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订阅按钮.

Twignature
– Twitter按钮生成

Button Generator – 免费的网页按钮生成器
SocialMarker– 快速生成社会化书签提交按钮
精美的Twitter按钮
一套非常个性漂亮的Web应用按钮
77个精致的矢量按钮图片
如何利用CSS创建一个漂亮的按钮

圆角图片

RoundedCornr
Corner Shop
Spiffy Box
Canvas Corner
Spanky Corners
Sliding Doors Text Box
Smart Rounded Corners
Rounded Corners in CSS
News List
roundpic – 在线转换为圆角图片的工具
curvyCorners – 让任何DIV层实现圆角效果(不需要图片)
2款Facebook风格的透明圆角边框模型盒特效(Modal Box)脚本

LOGO标志

Web 2.0 Logo Creator
Web 2.0 Logo Creatr
Web 2.0 Logo Creator
Web 2.0 Stylr
AAA LOGO -简单强大的logo设计软件
WordPress Logo Icons
WordPress 3D logo in SketchUp
Free WordPress Logo, buttons, i cons and more

图标

UtomBox – 收集了非常多的Web 2.0图标
Feed Icons – 标准的RSS图标免费下载
Map Icon Factory – 创建你自己的地图图标.
Perishable Press – 收集了很多的RSS图标.
Glass Style RSS Icons
Snap2Objects – 矢量RSS图标
Milky– 绿色免费矢量图标
Convertico– PNG和ICO图标在线转换
Iconfinder.net – 免费的图标搜索服务
31套高质量的免费 Icons 图标
免费的RSS Feed订阅图标按钮下载大集合
设计一个logo标志的终级指南(基础+技巧+资源)

100套提高用户体验的免费icon图标下载
3套2008奥运会图标下载
20套矢量图标免费下载
35套精致免费icon图标下载
50多个国外的免费Icon图标免费下载网站|
6套中国风图标下载
90个免费的矢量图标集
32个免费的电子商务图标
利用IconGrabber提取Mac的icon图标
12套精美的QQ企鹅图标/QQ公仔图标免费下载
56个免费的矢量箭头符号图标
免费的信用卡图标资源

矢量图片

渐变图片生成器
Gradient Generator-另一个渐变图片生成器
Online Gradient Image Maker (OGIM)– 再一个渐变图片生成器
6000多张矢量汽车图片免费下载
148个矢量图标免费个人或商业使用
Vector Magic – 在线转换矢量图片和ICO格式图标
在线转换矢量图片工具

气泡提示图片

Will Mayo
Bubblesnaps– 为图片添加气泡提示
kyolo– 快速创建漫画风格的泡沫提示图片
Picbite– 又一个漫画风格图片标注工具
Finetuna– 在线图片标注服务
CSS Play
XHTML Speech Bubbles
WigFlip
Fluid CSS Speech Bubbles
MySpace Speech Bubble Generator
Photoshop Tutorial

背景图片

Background Image Maker – 在线创建透明渐变的背景图片.
Stripe Generator 2.0 – 在线创建条纹背景图片.
Stripe Designer -简单的条纹图片生成器.
Tartan Maker – 创建方格花纹的背景图片.
Texture Generator – 创建磨纱质感的背景图片.
All Free Backgrounds -这是一个专门收集各种漂亮的免费背景图片的网站.
63个背景图片相关设计展示/资源和教程
10大免费背景图片和纹理资源网站

颜色/调色板/拾色器/配色方案

The Colors of Web 2.0 -向你推荐流行的Web2.0网站的配色方案
Web 2.0 Color Pallete -热门的web 2.o颜色.
Color Schemer Gallery – 专门收集各种网页配色方案的网站.
COLOURlovers – 许多配色示例.
Website Color Picker – 快速的颜色拾取.
I Like Your Colors – 从特定的网站偷取颜色.
mooRainbow – 基于mootools的Javascript拾色器
10款屏幕取色器/颜色拾取工具软件介绍及下载地址(附截图)
ColorToy 2.0 – 基于Flash的配色方案生成器
彩虹颜色图表 -Rainbow Color Chart from Draac

导航栏

CSS Menu Generator – 简单创建醒目的导航菜单..
Listamatic – 专门收集导航菜单的网站.
List-O-Matic -创建你自己的CSS导航菜单.
List-U-Like -另外一个工具, 用来创建你的导航菜单.
Tabs Generator -创建含Tab图像切换的导航菜单.
Flash Buttons – 创建Flash风格的导航菜单和按钮
CSS Play -收集很多CSS菜单.
Exploding Boy – Tab标签的CSS导航菜单
CSS Navigation Menu Generator – 又一个CSS导航菜单创建工具.
13个效果超酷的Javascript网页导航菜单
50多套CSS导航菜单免费资源
9款CSS菜单生成器/含在线CSS导航菜单生成和CSS菜单生成软件
13styles:专门收集CSS导航菜单的博客网站
7个强大超酷的CSS导航菜单
60多个网页导航菜单设计实例欣赏
Likno AllWebMenus?:强大的导航菜单生成软件
30多个CSS和JS下拉导航菜单

收藏夹图标/Favicon

Favicon Generator – 上传你本地的图片, 即可轻松生成Favicon收藏夹图标.
Favicon from Pics – 把一张相片创建为favicon图标.
Favicon Editor – 上传一张图片, 生成Favicon图标.
Favicon.cc – 又一个创建收藏夹图标的选择之地.
Photoshop Tutorial – 教你如何使用Photoshop来创建收藏夹图标.
Genfavicon:在线制作icon收藏夹图标
Bradicon: 支持多种图片格式转为ico图标
10大免费在线网站设计工具

图表

PHP/SWF Charts -使用PHP和FLASH创建引人注目的图表
amcharts: 免费的Flash图表应用套装
10个免费的在线统计图表工具
用于项目管理的Excel图表模板
Open Flash Chart:免费的Flash统计图表库
Gliffy:在线免费演示图表制作工具

其它Web 2.0工具和资源

Avatar Maker -创建和编辑头像.
Shrink Pictures – 创建个性化的头像.
ScaleNine – 收集多种皮肤和主题.
VectorMagic – 转换BMP格式的图片为矢量图片.
Templatr – 在线创建网页布局.
PsycHo – 博客模板生成器.
Web 2.0 Generator – 创建Web 2.0风格的网站布局.
Typetester – 让你在线比较字体.
BlogPoll -为你的博客创建免费的投票服务.
RSSxl – 转换HTML为RSS
Meta Tag Generator -为你的页面创建有利于SEO的Meta信息.
URL Rewrite – 为你的网站创建重定向.
.htacces generator – 根据你的功能需求快速创建 .htaccess 文件.
Thumbnail Generator – 快速创建图片缩略图.
Reflection.js – 为图片添加倒影效果.
Drop Shadow – 为你的图片添加下拉阴影效果.
CSS Sprite Generator – CSS Sprite 技术的在线生成工具.
Vecteezy – 该网站提供非常多的矢量图片素材.
Brusheezy – Photoshop 笔刷.
PSBrushes.net – 很多的Photoshop笔刷.
deviantART – deviantART里面的Photoshop笔刷

Smashup Graphics– 平面设计素材网站
如何设计一个Web2.0风格的网站| 帕兰映像

《150+ Web 2.0 工具和相关资源》有7个想法

  1. :mrgreen:
    这个中文网站也可以制作ICO图标了,www.ico.la 看域名就知道专业。

    听说还可以处理透明ico图标哦。

    请楼主收集到文章里面吧。

    请点击我的名字到达此网站。

发表评论

电子邮件地址不会被公开。 必填项已用*标注