DesignBump 是我常去浏览的仅涉及设计领域的网站,类DIGG。这里有一篇有关于DesignBump的设计师John Campbell 重设计的文章,向我们展示了独立设计的思路和流程。
DesignBump旧版本

DesignBump新版本

新旧两个版本而言,旧版本的有点类似基于cms的默认模板,没有什么特点和亮点。新版则侧重于UI的高度统一,有相当整洁的版面,和ICON。
DesignBump是社会性书签网站,在设计上应该偏重于互动性。设计应该尽量趋于简洁易用,让用户更多的关注网站实际内容。
下面是作者在设计之前,落实在纸面的设计稿(应该是logo的草稿)。看到设计稿,我们能看出设计师在脑海里面的大体概念,追寻着箭头的抽象概念,体现网站整体的行为方式,Up或者Bump。

草稿反映到绘图软件中。设计者确定了基本的配色,对箭头的基本形状做出了各种demo,为网站的名称选用了几种字体做对比。

确定了整体效果,并做最后的调整。
logo的配色选择上,是非常好的,加上细微的颜色渐变,充满了空间感,整体的不仅仅是2D效果,有延伸感。

加入了黑白两色视觉效果图。这里要说的是,好的logo设计应该秉承VI设计的思路,不仅要简洁好看有意义,易于使用才是根本。可以看到这个标识的黑白稿很有设计感,相信不仅在网页上还是印刷品中使用起来应该十分方便。

下面我们来看看由logo延伸,全套ICON。



最后我们看看网站的整体版面规划。对于相对简单的既定性版面设计,我们有一套可遵循的操作方法,网格加上辅助线,把各个模块分割出来,插入网格中。有平面设计基础的人,对于这样的设计可谓是手到擒来,没有太大的技术含量。建议设计师多看看版面设计,参照杂志设计或者海报设计,版面和网格的设计就是最基础的原理。可以看到国外的设计已经进化了,想成为出色网页设计师,研习传统设计方式,是不可以避免的一项。有效的继承是创新的基础。

细节一,Dump

细节二,分类与链接

个人页面

表单设计



The Old DesignBump

The New DesignBump
