Köşk试用演示
作品细节
开篇跨页。
封面、带图注的平面图，以及贯穿整个页面、悬停即现的项目列表。
概述
Köşk 是为伊斯坦布尔一家由两位合伙人创办的建筑工作室构想的概念项目。他们的作品克制内敛、以材料为本——水磨石、灰泥、橡木——网站也必须如此：自信、从容，从不喧哗。
项目需求
- 问题
- 小型事务所的网站看起来像图库或模板，而不像作品本身。
- 限制
- 两位合伙人，没有时间维护，只有手头现成的照片。
- 方案
- 一条编辑式长滚动页面，每个项目是一个章节，由摄影作品决定节奏。
大多数小型建筑事务所的网站，要么是一个 Squarespace 图库，要么是一份套着杂志外衣的作品集。这两种我们都不想要。项目诉求是：一个可以从头“走”到尾的长页面，每个项目是一个章节，由摄影作品定下节奏。
字体是第二种声音。现代衬线体搭配中性的无衬线体——正文行距宽松，图注字距紧凑，项目编号使用等宽字体。氛围来自我们舍弃的东西：没有客户评价，没有奖项展示条，没有滚动的 Logo 墙。
最终效果读起来像一本小型专著。来到这里的客户，十二秒内就能判断这家事务所是否适合自己——事务所也不必在不合适的人身上耗费时间。
关于此概念项目
这是为虚构客户打造的概念项目，用以展示我们在客户合作中遵循的流程与标准。
方法
是一本刊物，而不是作品集。
一个页面，多个章节
精选项目随滚动依次展开——开篇大图、平面图说明、三帧画面，然后进入下一个。
衬线 + 无衬线 + 等宽
现代衬线体用于项目标题，中性无衬线体用于正文，等宽字体用于图版编号。三种声音，一种节奏。
由摄影定节奏
通栏开篇大图，克制的室内画面，从不使用轮播。图像本身就是论据。
它能做什么
安静的细节，用心打磨。
数据以概念项目需求为准。
项目
6个章节
每个章节包含一张开篇图、一张平面图、三帧室内画面，以及一段阐述设计意图的文字。
页面
单页滚动
首页、作品和工作室介绍都在同一个编辑式页面中，联系方式放在页脚。
字体
衬线、无衬线与等宽
字体组合依照摄影作品挑选，而不是从模板菜单里随手选出。
图像
每种屏幕，一种裁切
按断点进行艺术指导的 AVIF 裁切。手机永远不会加载桌面端的画面。
技术栈
- Next.js
- React
- TypeScript
- Tailwind
- MDX
- Vercel