向细节挖掘灵感:网站设计剖析
时间:2005年12月28日
内容来源: 互诺科技
浏览量:0
这是一个不受形式拘束自由发挥的设计,最初寻找创作的灵感的阶段最折磨人。一般这个时候,我会看看网站、听听歌,一个人静静地期待火花闪过的那一刹那,然后捕捉住它。
面对着空白的工作区,我习惯马上添加点什么,即使是乱画也好,我觉得由小到大,从细节到宏观也是个设计的好办法,特别是在这个宏观无迹可循的情况下。如果要做传统的三栏式的页面,那就是宏观已经定好了,页面的亮点应该就是对于细节的描画了。我把背景改成比较深点的灰色,再拉出两条辅助线夹出760px的主页面区域,并且填充了白色。其实这个作品右上角的几个按钮是我在之前在其他设计中制作好的。我很早的把它添加到这个设计中,就是想让这个既成的细节元素带动我整个的设计过程。事实证明,它的加入,确实比一片空白更加能带动我的思维。所以我想现在平面设计中流行的箭头,小十字,六边形等元素的意义应该不止于装饰而已!
在不断的乱画的过程中,终于诞生了第一个我比较满意的版本。在颜色的选择上,我不敢做大胆的尝试:对于这种企业类的网站,应该是蓝色会比较顺眼。而在蓝色的选择上,我考虑到灰色区域的存在,于是参考了RealOne Player的配色。这种配色比较亮,搭上我的深灰色背景,应该会是不错的选择。其实颜色应该算是我的弱项之一,到目前为止,在这种情况下,借鉴好的配色方案既是解决之道也是一种学习方法。 (图片均可点击放大 )
整体差不多已经完成了,接下来是刻画细节的时间。其实我认为细节刻画是个很重要的步骤,它既可以让一张大众脸变得与众不同,当然也可以使个性变得更丰满。
中间的那幅图片颜色不是很顺眼,在上面加了一个蓝色图层,改图层混合模式为Color。这是个比较方便的方法,不喜欢可以很快的改回来。当然也可以用调整图层,不过个人觉得不是很容易调节。再把那些比较刺眼的橙色改掉,这样页面又不够生动,没有了焦点。于是又添上了橙色的“FC”,并制作了投影。整体看上去已经比较丰富了。这个阶段一个不断尝试的过程,主要原则是丰富视觉。比较忌讳的是细节抢走了视觉的焦点,所以要时刻记住应该突出什么部分。
再经过最后的修改,作品已基本成型。
把PS设计稿转成网页,再看一看,整体还缺乏一些动感,加上一个Flash是个不错的选择。这里我用了透明背景的Flash,因为那个部分的背景和之下的背景是一体的,这样可以免去要对齐背景带来的麻烦。
至此,这个作品算是完成了,这里可以看完整的页面。
对于这种“自由发挥”的设计,我倾向于从小处搜寻灵感,进而设计出整体,最后再进行小处刻画。这个时候,最初的细节如果不合整体,完全可以弃之不用,这就是我的设计主线,希望大家能从我的这篇文章里收获一些东西。
面对着空白的工作区,我习惯马上添加点什么,即使是乱画也好,我觉得由小到大,从细节到宏观也是个设计的好办法,特别是在这个宏观无迹可循的情况下。如果要做传统的三栏式的页面,那就是宏观已经定好了,页面的亮点应该就是对于细节的描画了。我把背景改成比较深点的灰色,再拉出两条辅助线夹出760px的主页面区域,并且填充了白色。其实这个作品右上角的几个按钮是我在之前在其他设计中制作好的。我很早的把它添加到这个设计中,就是想让这个既成的细节元素带动我整个的设计过程。事实证明,它的加入,确实比一片空白更加能带动我的思维。所以我想现在平面设计中流行的箭头,小十字,六边形等元素的意义应该不止于装饰而已!
在不断的乱画的过程中,终于诞生了第一个我比较满意的版本。在颜色的选择上,我不敢做大胆的尝试:对于这种企业类的网站,应该是蓝色会比较顺眼。而在蓝色的选择上,我考虑到灰色区域的存在,于是参考了RealOne Player的配色。这种配色比较亮,搭上我的深灰色背景,应该会是不错的选择。其实颜色应该算是我的弱项之一,到目前为止,在这种情况下,借鉴好的配色方案既是解决之道也是一种学习方法。 (图片均可点击放大 )
整体差不多已经完成了,接下来是刻画细节的时间。其实我认为细节刻画是个很重要的步骤,它既可以让一张大众脸变得与众不同,当然也可以使个性变得更丰满。
中间的那幅图片颜色不是很顺眼,在上面加了一个蓝色图层,改图层混合模式为Color。这是个比较方便的方法,不喜欢可以很快的改回来。当然也可以用调整图层,不过个人觉得不是很容易调节。再把那些比较刺眼的橙色改掉,这样页面又不够生动,没有了焦点。于是又添上了橙色的“FC”,并制作了投影。整体看上去已经比较丰富了。这个阶段一个不断尝试的过程,主要原则是丰富视觉。比较忌讳的是细节抢走了视觉的焦点,所以要时刻记住应该突出什么部分。
再经过最后的修改,作品已基本成型。
把PS设计稿转成网页,再看一看,整体还缺乏一些动感,加上一个Flash是个不错的选择。这里我用了透明背景的Flash,因为那个部分的背景和之下的背景是一体的,这样可以免去要对齐背景带来的麻烦。
至此,这个作品算是完成了,这里可以看完整的页面。
对于这种“自由发挥”的设计,我倾向于从小处搜寻灵感,进而设计出整体,最后再进行小处刻画。这个时候,最初的细节如果不合整体,完全可以弃之不用,这就是我的设计主线,希望大家能从我的这篇文章里收获一些东西。