|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| [ work ] | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Personal Website |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Jan.25, 2011 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| web pages design 「 网页页面设计 」 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Times , 11.01.25 - 11.03.05 |
client , Individual projects |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 2011年前就开始对陈家刚的网站做准备了,经过了3个月的努力终于上线了。 陈家刚,一次破产,扭转了他人生的方向。曾是内地房地产界巨头的他,如今是个国际级的摄影师及艺术品收藏家,用镜头记录国家改革开放浪潮中被遗忘的城市。运用摄影的形式和语言对现代进行着回忆与阐述。他这经历无形中让他在艺术创作时具有了一些深邃的思想,作品本身给人一种无法替代的厚重感,作品本身释放出一种真切的氛围,无声地介入、干预着公众的生存经验,又与公众的日常感受拉开距离。 “好设计”必是“无设计”想设计时不基于设计的技法,而先做“心思”梳理。因为作品本身带有的那种厚重感是对他作品的最好的阐述,因此不会因为多余的设计元素使作品本身受到影响。同时在整个风格上也要有作品的影子在里面。记忆、沉重、隐喻、真实、重生。这五个词是我设计的概念与方向,这个网站的目的是消除设计与艺术之间的界限,让他们融为一体。 整体网站是在一个近乎纯色的背景下展开表现的,但这背景又有着无比精致的花纹,这些花纹是怀旧的,沉稳的。给整个网站带来了厚重的感觉,简约而不简单。藤黄色的字清晰的体现出了网站的真实的层级和内容,和背景产生了鲜明的反差这就达到了碰撞的效果,使得整个沉重而深邃的氛围重新交流了起来,有一种重生的感觉。字体是楷体和仿宋互相结合,英文字体是Garamond Premier Pro。 如果说功能设计让我感到的是兴奋,那么艺术设计让我感到的是幸福。艺术设计讲究的是“万里一空”的感觉,万里是千变万化的意思,一空是佛家所说的无,“就是以不变应万变”这是东方文化的极意。“空”是一个隐语,指的是人的心思,具有唯一性,设计师对作品的唯一性的理解就是设计的最终表现形式,艺术家也是一样的,他可以把我带到“和风”的领域让我感受到无比的舒服和自由。如果你不了解他们的思维方式,不能用他们的语言来和他们沟通,那你的设计永远不会被他们所理解。 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Times , 11.02.17 - 11.03.05 |
Tool , AI + PS |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ︿ 上面是给他做的第一个版本,总体来说整个基调没有和他的作品融合在一起。但这版的优势是能够最大化的把整个作品展示给人们。整个交互灵活,富有动感。 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ︿ 这是第二版,板式虽然很简单,但整个网站很精致,文章和作品放在了一起让人有一种阅读上的连续性。 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ︿ 这是确认后中期的一版,因为对他整个的作品量缺乏评估前期没有做好信息构架的工作,忽视了页面承载量与文字多少的关系所以做到后面发现竖版的导航太占地方了,作品显示的太少。他在后面也要求每个系列的作品必须在一个页面中展示出来,最多的是25张作品,而且每个作品的比例是不一样的,这样我只好把主导航放在顶部,重新根据作品集图片的比例来做好页面的板式。 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
︿ 第一张是整个网站的栅格,我选择了用978px,内容的宽度增加了38px。中间空隙从20像素到30px。它还是在1024默认的显示和列可以在任何数量的方式分为:1/ 11,3/3/3/3,4/4/4,3 /9。第二张是我对他目前所有的作品集的图片比例以及在网页中显示的比例做的规范,图片内部的第一行的比是高比宽,下面是在页面中具体的大小。图片的大小是整个网站中比较特别的地方。 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ︿ 栅格用在具体页面中的效果。 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ︿ 欢迎页、首页、作品单独展示页。最下面一张是陈家刚买的最好的一个作品。听同学说能买到20多万... | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||