设计主页 > 网站制作 > 建站经验 >

欢聚时代UIG网站设计分享

站酷 / YY_UIG 时间:2014-12-16 09:00

UIG招聘网站10月正式上线,为了更好的展示团队,我们决定在此基础之上完善整个网站,打造一个团队品牌形象的官网。


参考了各类团队网站,我们计划将网站分为三个大模块:首页(home)、项目(protfolio)、招聘(join)。

 

首页是网站的重头戏,在设计开展之前,我们做了头脑风暴,把各种想法都随意的涂画在纸上。



根据头脑风暴的结果,由团队小画家主笔开始了草稿构图的过程,草稿如下:



根据草稿做了粗略的效果图,选定使用团队logo的色彩作为图案的主要配色。

各种参考线各种透视也是醉了,看起来很有感觉是吗?O(∩_∩)O

 

但是做到这一步,小画家突然灵机一动想到了公司楼下的大酒店,似乎觉得高逼格的房子更带感,于是推翻了这一稿的设定TAT,从思维导图中抽取了另外的一些元素做了新版新的构图(真是任性!)



构图的意思是用各种建筑拼接成UIG的字样,其中融合公司logo、团队logo、各种美术元素等等。

 

将网站的结构大致的勾画了出来。配色也将红色和黄色位置对调,行程自然的渐变过渡色阶。




接下来就是按照草稿的大致走向给每一个字母做细化。

 

定色块,增细节,做图案,加人物。。。每一个字母都经历了这样的过程,需要耐心、时间、和希望~~~(希望TAT,也是醉了)


全部使用ps钢笔工具或矢量工具作图。完成三个字母,还是有点小激动的呢。


主题图案完成,接下来就是把整个页面按照草稿的方式完善起来,增加马路和小车元素

这样首页就基本完成了,配合项目页面,再对招聘页面做了相应的修改,UIG网站么么哒的完成了。