logo图片
使用手机微信扫码登录

谁说建筑师只会设计房子?这些事务所官网够我玩一天!

2020.09.10

72



俗话说的好,“人靠衣装马靠鞍”。以人为对象,一个人的着装会很直观地反映出一个人的品味。这句话放在设计师上尤为明显。虽然之前在业主圈也有人说过找设计师要看其着装搭配这种无厘头的话,但是对于一个建筑事务,特别是一个设计行业的事务所来说,一个良好的第一印象往往比什么都重要。所以,各大事务所在其官网上可谓是下足了工夫。


一个优秀的事务所,除了需要在官网上展示出来自己的优秀作品,如何去优雅地展示也成为了一项必修课。今天堂哥就带着大家来盘点一下各大事务所的网站,一起来看看暗藏在这些官网里面的小心机。


说到网站,作为交互设计,首先就是要能够足够吸引眼球。并且还要能够展示出自己的设计特色以及公司文化。堂哥在这里分为以下几种类型:






交互游戏型




|神奇建筑研究所

 网址:https://wonder-architects.com



打开网址,首先映入眼帘的就是一个传统坡屋顶的多层公寓剖轴侧,黑白线稿的画风搭配上足够多的细节,点击以后逐渐放大展示出各房间的人生百态。




每个房间不定时地会展示出项目的名称,一个房间代表着一个功能键。



将鼠标移动到各房间会显示出一些项目名称,并且会很小心机的亮上一盏暖黄的灯,这个交互简直爱了。



点进项目里面也是很直观的一张项目照片,界面简洁重点突出。左右滑动可以切换不同的照片。



点击到搜索界面,一位头发花白的老博士站在各种装满奇奇怪怪的容器面前,鼠标移动到每个容器就会显示出对应的案例照片。


出版内容方面也是采用了同一种方式,在一个简单的图书馆中陈列着各式各样的书籍。



新闻发布页面也同样是采用了黑白线稿风,所有的信息都隐藏在了潜移默化的生活场景中。




|非常建筑

网址:https://www.fcjz.com


打开网站首先就会看到一个小人从右往左冲过来,沿途会经过四个门,经过以后画面逐渐具体并且赋有颜色。



点击每个门都会出现这个小人进入到门内的效果



如果使用手机打开官网的话还会看到另外一种门的排布方式




|高目设计公司

 网址:http://www.gom.com.cn


一进入网站就会出现一个书法体的高目的动图,一种传统底蕴扑面而来。



高目的原意是源自围棋这个神奇游戏的一个四五位,意在重势而不重利。网站延续了这一理念,通过棋盘式的数字九宫格以及边角的四个小按钮进行交互操作。




|BIG事务所

网址:https://big.dk


big事务所凭借着自己家大业大的气势,硬是把自家做过的项目做成了一个元素周期表,鼠标滑过可以放大单元格并且显示出项目照片与详情。



有意思的是,居然每个建筑都设计了一个logo,果然够用心



不同的栏目之间的转换动画也是很炫酷。



特别是这个旋转小地球我能玩一天








照片展览型





|DUO建筑事务所

网址:http://www.duo-i.com


网站主页采用动态相册不停地更换项目照片,部分作品还是线稿图片。



点击照片进去以后会出现相关的项目简介



这种展示方式在大部分事务所的官网应用还是挺多的。



|迹TAO建筑事务所

网址:http://www.t-a-o.cn



点击项目列表以后会出现各种项目小窗口,简约突出重点。





|直向建筑

 网址:http://www.vectorarchitects.com


直向建筑采用轮播彩色照片作为网址背景,展示每个项目的照片。




|MAD建筑事务所

 网址:http://www.i-mad.com


MAD事务所的官网主页一律以黑白色调的照片为背景,而且不能滑动。不过有趣的是每次进入官网的背景都是不同的项目照片,所以想多看这种照片的小伙伴就需要不停地刷新页面了哈哈哈



左上角的这个新项目窗口还是比较突兀的,但是我们也可以说是......简单直接。




|一宇景观设计

网址:http://www.yiyudes.com


主页虽然也是照片作为主角,但是却小心机的营造出了一个会随着鼠标而改变的椭圆形的相框。点击图片以后会进入到详情介绍中去。




进入轮播照片以后点击下方图标会显示相关项目信息。







极简性冷淡





|隈研吾建筑都市设计事务所

 网址:https://kkaa.co.jp


隈研吾的这个网站居中在页面的正中央,像极了一个论坛网站



点击下方的作品超链接可以看到相关的作品详情



依然是集中在正中央,不知道为啥两边要留上这么大的空白,这大概就是极简吧



|石上纯也事务所

 网址:http://www.jnyi.jp


如果说隈研吾的这个算极简风,那么石上纯也的大概就是极极简了。整个网站什么都没有就几个框框,鼠标移动过去会变大。




|张雷联合建筑事务所

网址:http://www.azlarchitects.com


页面也是很大片的白色,左边是菜单栏,右边是滚动播放的项目照片。



看完这些事务所的官网,你最喜欢哪一个呢?在评论区留言讨论一下吧





-End-



编辑 | 与鹿


版权声明

本文由 优优课 原创,部分资料来源于网络。


投稿邮箱

53963608@qq.com