Design

Yolks 是一套有趣的表情图标, 黄色的动画觉得配上各式各样的装扮和表情, 很是可爱. 图片尺寸很多, 都是 256x256 的大图, 可以做头像; 修改尺寸后也适合做聊天工具的头像, 如 QQ 头像. 第一版有 40 枚图标, 第二版有 41 枚图标.

Read More...

无论你想处理一个头像, 一幅宣传画, 一套图标, 一批照片, 还是一张玩弄同学的图片, 可能你第一时间会想到的就是 Photoshop 这个软件. Photoshop 是 Adobe 公司的得意作品, 是平面设计和网页制作的必备工具. 但你知道 Photoshop 是怎样做成的吗?

嘿嘿, 或许你看了这批图片会得到一些灵感, 来看看人家是怎么将 Photoshop CS4 做出来的吧. 由于图片太多, 查看请访问以下网页:
Flickr - Adobe Photoshop CS4: As real as it gets

这是一个 PS 狂人制作的一个关于如何搭配网页样式, 图片和背景和教程. 对一个网页来说, 页面的协调性, 配色和结构的合理使用比炫目的效果和夸张的展示更为之重要, 一个好的网页设计不但要凸显其主要部分, 更应该让人百看不厌, 毕竟我们不可能每天换一个界面来吸引用户. 如果你正准备亲手设计一个主题, 这会是你很好的指引.
阅读教程请访问: PSDTUTS

我以前也介绍过这个网站的一个教程, 一个绚丽的 Blog header 设计, 有兴趣的也可以看看. Click here

对于颜色的搭配, 个人觉得 Yahoo! 是做到最好的, 可以多参考, 不知道你觉得如何? 另外, 还可以参考一下 COLOURlovers 上的配色方案.

现在网上流传一组下水道口的涂鸦照片. 涂鸦充分利用了环境设施, 主要以卡通造型的人物或动物作为主题, 神态各异, 创意十足.

据说这些涂鸦照片来自巴西街头, 但也有网友认为这只是 Photoshop 的恶作剧. 但就算是 PS 的, 那也是相当的有创意.

要不大家也去观摩一下?
更多照片请访问: Storm Drain Graffiti

蓝色是网页设计中最受追捧的颜色之一, 因此在众多的网页中选出那些被认为是杰出的主题并非易事. Six Revisions 为我们选出了 30 款他们认为是最好的, 独特的, 有创意的, 以蓝色为主的主题.

而我又从这 30 款中选出了自己最喜欢的 10 款. 好东西大家一起来鉴赏, 以后做主题可以借鉴一下.
更多入选主题请查看原文: 30 Beautifully Blue Web Designs

Read More...

本文翻译自: Should a Sidebar Go On the Left or Right?

无论你使用三栏布局还是双栏布局, 你都必须选择一边放置内容部分, 一边放置侧边栏. 左边还是右边呢? 究竟放在哪一边最好?

一直以来, 答案就是: 取决于你的博客.

为什么在右边?

西方人 (现代中国人也一样) 习惯从左到右阅读. 在浏览页面的时候, 我们会从左到右 (和从上到下) 地看. 将你的侧边栏放置在右边, 读者将会首先浏览你的文章内容.

很多人还在使用 800x600 分辨率. 在设计你的主题时, 你会有意无意地围绕着宽度为 1024 像素的布局而进行. 这样特大的空间更适合你的大部分用户.
可是, 还有一小部分的用户仍然在使用 800x600 分辨率的显示器, 他们在浏览的时候会出现烦人的横向滚动条. 如果你的内容部分放置在左边, 他们就不必通过横滚去阅读文章. 只有在查看侧边栏时才需要进行横滚.

你的博客将看起来像一个博客. 作为一个博客人, 我更倾向于在博客阅读文章, 而非常规的网站. 我很喜欢个人博客, 因为撰写这些博客的人对他们的话题有十足热情, 且具有社区交互性. 大部分的博客人都是这么认为的.

Read More...

Steve Jobs for Fortune magazine by tsevis

逛 Digg, 被参选美国总统的欧巴马的一个图片吸引住了. 这图片全是用他的支持者的小图片所拼起来的. 以我非专业的眼光来看, 构图十分巧妙, 不知道专业人士觉得怎么样?

进入作者的 Flickr 一看, 全是这类图片设计. 而图片内容都与构成它的小图之间都有莫大关系, 比如: 作者的作品中最多出现的 Steve Jobs, 用来构成他的一些小图都是苹果的产品.

作者是用什么工具来实现这样的图片效果呢? 抑或是一个一个图自己拼上去?

更多作品请点这里: Click here!

一个非常精美的网页 Header 设计, 使用 Photoshop 完成.
作者一步一步教我们完成这个效果, 还提供了 PSD 文件, 但需要 $2.50, 教程描述还算详细, 我们不需要花这钱.
教程中应用了渐变和图层, 需要一点 Photoshop 基础, 有兴趣的朋友可以试试.

整个 Header 中, 我特别喜欢那标题文字的效果.
很久没用过 Photoshop 了, 准备用这个来练练手感.

教程页面: Creating A Cool 3D Web Design Effect