无主灯设计

室内灯光设计

我是一只典型的夜猫子,房间基本只有晚上才会活跃起来,再加上小时候一直受到昏黄的钨丝灯泡的熏陶,我的眼睛很难适应大部分人家里每个房间一盏的大顶灯。

如果你去看一些 20 年前装修的房子,你会发现房间里照明只有一个来源:房间顶上的大灯照亮整个房间,这样设计起来简单,但是缺点也很明显:房间的中央特别亮,而角落却被各种障碍挡住没有办法照亮,晚上起夜开灯太亮不开灯又看不见路,既不实用也不美观。

如果肯找个装修公司的话,情况可能会稍微好一些:在房间里多加几条灯带,更多的地方都可以被照到,死角更少了。

但是这样仍然是不够的。随着生活品质的提高,人们对照明的诉求也开始从能亮就行到营造温馨舒适的氛围。

如果装修的时候多爆两个金币找个专门的设计公司(是的,装修公司跟设计公司是有区别的),跟设计师沟通对灯光的要求,那才可以得到一个比较舒适有氛围感层次感的室内照明系统。

跟设计师沟通的时候,你可能会听到这样一个词:无主灯照明。

无主灯设计

无主灯是相对主灯来说的。传统的装修一般按照一个房间一盏功率较大灯提供整个房间的照明,这样的设计方案就叫做主灯方案。这样的缺点前面已经提到过了,光线不均匀、会有照明盲区;身体也会遮住光线,如果需要看书写字就需要对着光线,但书桌一般又是对着窗台的…

无主灯则相反,通过灯带、筒灯、射灯、落地灯等辅助光源组合搭配提供整个房间的照明:通过零散的光源对房间提供无死角的整体照明(基础照明)、对装饰物和餐桌提供额外照明(重点照明)、为学习工作或者切菜做饭区域提供足够亮的光线(功能性照明)。这种设计方法能够营造一种更舒适、柔和、均匀的光线,同时还能减少眩光和阴影。

无主灯有很多优点:

  • 提升氛围,增强空间感:呈现出更加自然、轻松、舒适的氛围,搭配得好会有一种高级感;分散式照明能让建筑物内的空间看起来更加明亮且空旷
  • 减少眩光,光线均衡:光线不直接进入眼睛,减少了眩光的产生;无主灯设计让光线分布得更均匀,也避免了阴影的产生
  • 节能环保:基础照明需要的瓦数更小,重点区域的照明按需开启(吃饭的时候不需要开灶台的灯)

案例

工装

设计公司不止做「家装」,也会做「工装」即酒店、餐厅、商场、写字楼等环境的照明设计。我们可以先感受一下无主灯在工装的应用:

如果你去逛宜家或者超市,你会发现这些地方不像家里一样一盏灯搞定所有问题,它们本身的空间就非常大。如何布置光线达到需要的氛围就是在工装中最常见的一个问题。我实拍了一些身边的案例

这是机场的休息室。可以看到筒灯、吊灯、灯带进行组合,给室内提供了均匀的照亮。光线色温偏暖,这是为了营造一种温馨的氛围。

我们还可以可以观察一下工区的灯光。工位上方是非常长的格栅灯,眼睛直接看并不会觉得刺眼,一方面单个灯功率不大,另一方面灯有很强的「指向性」,你可以发现照明最集中在工位的桌子上,并且可以照亮一个较大的角度。工区里面剩下的区域则通过格栅灯向上投射到天花板上的光漫反射照亮整个空间,所以在工区里并不会觉得暗。

家装

无主灯的设计同样可以应用到家装里面,这也是最近几年比较流行的设计方式

客厅

https://www.bilibili.com/video/BV13P4y117ZT

https://www.bilibili.com/video/BV13P4y117ZT

https://www.bilibili.com/video/BV1pe41157Nd

https://www.bilibili.com/video/BV1pe41157Nd

我们可以看到无主灯可以比较好地对房间提供均匀的基础照明,同时可以根据在房间里的活动分区域、功能设计专门照明

  • 整体照明:线性灯
  • 茶几、墙面装饰画:射灯,筒灯
  • 墙角:踢脚线灯
  • 沙发:落地灯

卧室

在卧室实现无主灯可能是对体验提升最大的,特别是有多个人的情况下。一开全开的特性会让不同的人需要的光线互相影响:比如一个人要睡觉一个人要看书、半夜上厕所需要照明

  • 整体照明:灯带、射灯
  • 床头柜:台灯、吊灯、壁灯
  • 床:踢脚线灯、灯带
  • 书桌:台灯
  • 梳妆台:灯带

卫生间

  • 整体:射灯
  • 湿区:灯暖
  • 干区:夜灯、感应地脚灯
  • 洗漱台:灯带

厨房/餐厅

  • 整体:筒灯
  • 橱柜:橱柜灯
  • 灶台、水池:线性灯

灯具选择

每个人对灯光也有自己的喜好,例如我偏好“灯光不可以由光源直接摄入眼睛”,那么在选择的时候就会更多选择间接照明的灯具。下面是一些选择灯具的标准

照明方式

色温

每个灯具都有自己的色温(有的可以控制色温),不同色温的灯可以营造不同的氛围。

亮度

**低色温(2700K - 3000K)**也叫暖白光。它的颜色倾向于暖色调,如黄色/橙色,会让人感到轻松、舒适、温馨

中等色温(3000K - 4500K)也叫中性光,介于暖白光和冷白光之间。它呈中性色调,愉悦而易于接受

**高色温(5000K - 6500K)**也叫冷白光。它的颜色偏向于冷色调,如白色/蓝色,给人一种清新、明亮的感觉

人对色温的感受也是受照度影响的,越接近春秋天感觉到的太阳越自然

眩光

眩光是视觉上亮度的不均衡带来的不舒适的感觉

https://zhuanlan.zhihu.com/p/559773542

https://www.yidoutang.com/guide-107861.html

显色性

显色性是光源对物体真实颜色的还原指数

https://zhuanlan.zhihu.com/p/165517484

此外还有频闪、功率等参数,这里面有很多坑,建议小红 🍠

#如果已经装修完成了还能做些什么

无主灯需要提前布好电线,如果装修已经定型,很难再改动了。不过我们还是有一些可移动或者安装简单的灯具可以用来布置室内光线让它更加满足自己的需求和体验一下无主灯的氛围

上照式落地灯

通过将光线投射到天花板再经过漫反射照亮房间

落地射灯

可以调整角度、方向的落地灯,可以用来放在床头、沙发之类的地方给阅读提供额外照明

或者只是用来营造氛围

壁灯

充电感应夜灯

使用电池供电的小功率灯具,可以粘/挂/磁吸在房间里夜间低亮度照明用

The End

无主灯设计并不是万能的。由于可能需要吊顶来隐藏灯具,无主灯对层高有一定要求。另外无主灯会涉及到大量零散的灯具,需要在装修时预埋线路、购买更多灯具,灯具之间参数需要匹配,大量灯具也需要一个智能控制中心来管理,总体成本就会比较高。

无主灯更适合与现代极简的风格的家具搭配,如果房间整体是偏向奢华的风格那么搭配起来就会显得别扭。无主灯实不实用也跟个人喜好、生活方式有很大关系,有的人会觉得不够亮,阅读不方便,另一些夜猫子就感觉非常舒适。是否要选用无主灯可以和家装设计师沟通后根据自己的需求决定

Semesse avatar
Semesse3 years ago

--UPDATE--

可以发布评论

Semesse avatar
Semesse3 years ago

當然是使用了 CF Workers+KV(

Semesse avatar
Semesse3 years ago

支持 i18n 了,但内容必须在浏览器渲染,会有 Layout Shift 🥲 后面有时间了再折腾一下用 CF Workers 做一个分流

Semesse avatar
Semesse3 years ago

把评论做成接近可视区域才 lazy load 的形状了,fork 了一份 rehype-pretty-code 掺了点魔法去掉了对 crypto 的依赖(不然我们的小聪明 Next.js 会把 polyfill 塞进 first chunk 😅),fork 了一份 next-contentlayer 稍微改了一下让整个文章内容都 SSR 渲染,这样就不需要客户端再水合了

另外弄了一个 remark 插件和一个 rehype 插件处理 markdown 里面的图片添加元数据让 Next.js 可以用一个模糊底图当 placeholder(credit to 圖片效能最佳化,使用 Next.js Image、plaiceholder、客製 MDX 元件 - Modern Next.js Blog 系列 #22

今天的优化就到这里,睡觉(

Neruthes avatar
Neruthes3 years ago

评论系统做得挺有意思的,我最近新增的评论区实践是查 idarticleiddiscussionid_{article} \leftarrow id_{discussion} 表后从 GitHub API 拉 repo discussions 区内对应该文章的 post 下的评论区,效果参考 https://neruthes.xyz/articles-comments/?id=2022-12-12.0。不过因为我不打算为单独文章做 HTML 版本,所以无法将文章内容与评论区放在同一页面内。

Semesse avatar
Semesse3 years ago

给评论加上了 KaTeX 支持,以及 inline critical css, 制作了一个小的 GA 代理

但是样式又烂掉了)

Semesse avatar
Semesse2 years ago

UPDATE:支持了 RSS 和 tag,调整了一下样式

Semesse avatar
Semesse2 years ago

以及自建了 OSS 放图片(

Semesse avatar
Semesse2 years ago

總算找到了一個比較搭的英文字體,把主色調修改到了 REC2020 色域的藍/綠色,在支持廣色域的設備和瀏覽器上會看到更鮮艷的顏色(?

以及略微調整了一下樣式

Semesse avatar
Semesse2 years ago

从 Next.js 迁移到了 Astro,并且框架从 React 换成了 Preact,再也不用忍受优化不掉的 100+KB (gzipped) 的 React+Next 大礼包了 😇 现在文章页面不包含评论区只需要 27.1 KB,而原先需要 274 KB

调整了一下样式以及给每篇文章加上了自动生成的 OG Image,支持了发送邮件通知(

刚迁移完还有好多 Bug

Semesse avatar
Semesse2 years ago

test

Semesse avatar
Semesse2 years ago

折腾了一下 GeoDNS 和分区 CDN,用旧域名搭建了一个 境内加速站点

当然备案是不可能有备案的,只能用 CloudFront 的东亚节点这样子

Semesse avatar
Semesse2 years ago

用 thumbhash 复刻了 Next.js 的 image placeholder,现在文章图片也有加载动效啦

Semesse avatar
Semesse2 years ago

把 Next.js 的 link prefetch 也复刻了一下,配合 CloudFront 就可以秒开了

Semesse avatar
Semesse2 years ago

对评论做了一下服务端预渲染,不过因为 astro 的类 RSC 特性再加上用了异步 remark/rehype 插件没有办法同步渲染所以实现得有点 tricky。

并且滚动到评论区触发 hydration 第一次渲染的时候会因为 markdown 是异步渲染的(渲染完再 setState),不管返回了什么都会替换掉服务端渲染好的 markdown DOM,这一小段 loading 时间只能展示点别的东西(比如现在是恢复成未渲染的 markdown),这下学艺不精了

Semesse avatar
Semesse2 years ago

最后还是没有忍住,略施小计做了个延迟水合,现在评论水合不会造成 Layout Shift 了。就是代码有点丑 🤡

Loading New Comments...