# PILLS Architects / 为当代空间文化的先锋PILLS建立一个可浏览的秩序系统 - ID: 398 - URL: https://www.stoyard.com/works/398 - English URL: https://www.stoyard.com/en/works/398 - Year: 2023 - Cover: https://static.glabcms.stoyard.com/stoyard/project/cover/20250110/7bw9q51wr3w.jpg - Categories: 大型品牌官网定制, 艺术与文化, 建筑与设计 - English Categories: Office Website SOLUTION, Arts & Culture, Design & Architecture - Author: STOYARD - English Author: STOYARD - Publish: 2023-12-25 - Editor: STOYARD BEIJING - External Link: https://www.pills.com.cn/ ## 中文主体 ### 项目简介 PILLS 是一个以当代空间文化为核心的复合型建筑工作室，主要的关注领域集中在：资本与空间政治、环境控制与技术哲学、全球化与基础设施、当代媒介文化与生产消费关系、影像与媒体技术等。团队始终致力于探索以更具思辨性的方式重新定义当代城市与建筑学的议程。     1.项目背景 PILLS 的工作领域主要包括：建筑与室内设计、装置与展览设计、城市与景观设计、跨媒介生产与文化传播等思辨性实践。并以多种方式观察和介入当代文化，更深入地探讨空间生产背后的机制，并尝试勾勒出当代世界的图景与人的生存状态。 基于对PILLS团队的解读，我们认为在设计之初要考虑更多建筑美学的理念，我们希望从空间的运行规则里汲取一部分有用的概念，而这些细小的颗粒将作用于我们整个设计逻辑，将更好地契合PILLS向大众传递的人文理念。      [Video](https://static.glabcms.stoyard.com/stoyard/gallery/20260420/sb3ictcpi0d.m4v) 2.假设网站本身就是一个巨大的空间 我们普遍认为空间能够体现时代精神和社会物质文化风貌，反映特定历史时期的社会文化特征。空间，能被人肉眼可见，可触摸、可沉浸式欣赏。它们的轮廓、序列组合、空间安排、比例尺度、造型式样、色彩装饰都是可以无限拓展的条件。 当我们尝试将网站设计想象为空间设计，将网站本身看做一座建筑物时，统一、均衡、比例、节奏、对比、布局中的序列设计等都是我们可以大胆去借鉴的美学法则。 所以，我们此次的视觉设计风格中也更倾向于极简主义、克制的、创新性等特点。         3.建立内容的秩序感 在PILLS Architects官网的整个设计中，我们非常注重文本内容的排版，我们运用分割线、字体背景色、标点、图片等元素的变化将页面内容进行排布，宏观上，达到点线面的艺术特点，让内容更具形式感，秩序感。 这样的布局效果类似于早期的杂质排版，既有经典阅读氛围，又不失当代简约风格。我们将文字内容也作为设计的一个环节，不断变幻但不显得杂乱，始终保持在一定的规则内。  我们对网页版和手机端的页面都进行了适配设计，根据不同屏幕的大小比例，调整内容布局，保持页面风格统一。保证用户在切换视角后依旧可以赏心悦目。     从案例角度看，stoyard 在 pills.com.cn 中完成的不只是网页设计，而是一次品牌表达的再组织。它把 PILLS 的专业身份、研究属性和国际传播需求转化为一个清晰而有气质的数字界面。这个网站没有试图用设计压过内容，而是用设计帮助内容建立更准确的观看方式。 stoyard 为 PILLS 打造的 pills.com.cn，不是一个简单的建筑作品集网站，而是一个将建筑实践、空间研究与国际传播整合在一起的数字化叙事系统。它以克制的视觉语言和清晰的信息架构，让 PILLS 的专业气质在浏览中自然显现。 ## English Content ### Introduction PILLS is an inte-disciplinary studio, whose works focus on contemporary spatial culture. We are interested in capital and spatial politics, environmental control and philosophy of technology, globalization and infrastructure, contemporary media culture and production-consumption relations, film and media technologies. We hope to redefine contemporary urban and architectural issues with critical approaches, to influence contemporary culture with multiple observational methods, to discuss the mechanism behind spatial productions in further depth, and to depict the contemporary world picture and human conditions in greater clarity.     1. Project background PILLS 'field of work mainly includes: architectural and interior design, installation and exhibition design, urban and landscape design, cross-media production and cultural communication and other speculative practices. He observes and intervenes in contemporary culture in a variety of ways, explores more deeply the mechanism behind space production, and tries to outline the picture of the contemporary world and the living state of people. Based on the interpretation of PILLS team, we believe that more concepts of architectural aesthetics should be considered at the beginning of design. We hope to learn some useful concepts from the operation rules of space, and these small particles will act on our entire design logic, which will better fit the humanistic concept delivered by PILLS to the public.      [Video](https://static.glabcms.stoyard.com/stoyard/gallery/20260420/sb3ictcpi0d.m4v) 2. Assume that the website itself is a huge space It is generally believed that space can reflect the spirit of The Times and the material and cultural features of society, reflects the social and cultural characteristics of a specific historical period. space, can be seen by human eyes, can be touched, can be immersive appreciation. Their outline, sequence combination, space arrangement, proportion scale, shape style, color decoration are all conditions that can be expanded infinitely. When we try to imagine the website design as space design and the website itself as a building, unity, balance, proportion, rhythm, contrast, sequence design in the layout are all aesthetic rules that we can boldly learn from. Therefore, our visual design style is also more inclined to minimalism, abstraction, innovation and other characteristics.         3. Create a sense of order in your content In the overall design of PILLS Architects website, we attach great importance to the layout of text content. We use the changes of dividers, font background color, punctuation, pictures and other elements to arrange the page content. On a macro level, the artistic characteristics of points, lines and plane are achieved to make the content more formal and orderly. This layout effect is similar to the early impurity typesetting, both classic reading atmosphere, without losing the contemporary simple style. We also use the text content as a part of the design, constantly changing but not cluttered, always staying within certain rules.  We have adapted both the web version and the mobile page, adjusting the content layout according to the size ratio of different screens to keep the page style uniform. Ensure that users can still be pleasing to the eye after switching angles.     From the case point of view, stoyard completed in pills.com.cn is not just web design, but a brand expression of the organization. It translates PILLS's professional identity, research attributes and international communication needs into a clear and temperamental digital interface. Instead of trying to overpower content with design, the site uses design to help build a more accurate way of viewing content. Pills.com.cn, stoyard built for PILLS, is not a simple architectural portfolio website, but a digital narrative system that integrates architectural practice, spatial research and international communication. With its restrained visual language and clear information architecture, PILLS's professional temperament naturally appears in browsing.