惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

T
Tailwind CSS Blog
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
雷峰网
雷峰网
量子位
有赞技术团队
有赞技术团队
阮一峰的网络日志
阮一峰的网络日志
The Cloudflare Blog
博客园 - Franky
罗磊的独立博客
宝玉的分享
宝玉的分享
博客园_首页
腾讯CDC
The GitHub Blog
The GitHub Blog
D
DataBreaches.Net
IT之家
IT之家
D
Docker
Microsoft Security Blog
Microsoft Security Blog
博客园 - 司徒正美
V
V2EX
月光博客
月光博客
N
Netflix TechBlog - Medium
爱范儿
爱范儿
I
InfoQ
P
Proofpoint News Feed

设计

做官网找参考, Awwwards 真的好用吗?分享 12 个我常用的设计站 - V2EX 吐槽:为什么网上大多数时间戳转换工具网站都那么难用?又冗余又复杂 我如何用 AI · 网站设计 播播鸡 ✕ 元宝 开发了一个可以将图片转换为像素艺术的小工具 我的 Hugo 主题更新到 2.0 了 V2EX 主题设计大赛 New York $V2EX Token Concept DexScreener 网站的设计挺不错的 V 友有设计师么 [有奖问卷] 帮帮孩子的设计课!参与桌面收纳模块调查,赢 10 元红包/产品 Demo 搭建了个生活权益小程序,求宝贵建议! 想做一个 app 但是不懂设计,有什么好的工具推荐 有人搞了一个给照片加胡子的在线 AI 工具, 挺好玩的 draw.io 的创新用途 做了一个给图片添加矢量描边的 Figma 插件 有没有懂设计的,百度地图这个是对 less is more 的高级理解吗? AI 设计工具生成的页面要导入到 Figma、MasterGo、Pixso 等接着编辑,试试这个 iOS 产品设计:为什么国内大厂的输入框换行要隐藏在菜单里面, Return 设计为发送,然后输入框右边还有一个发送按钮 Elementary OS 的图标设计指南里的例图用的是什么工具? 88x31 badges by Louie Mantia 马上五一节都要开始做与五一有关的活动或则 PPT 文档了,这里收集了大量关于五一节的 PPT 模板,选好模板直接套文字就可以。 请问一下大家学设计有什么推荐的信息流 AI 跟艺术能碰撞出什么火花? 大家有推荐开发人员入门快的原型设计工具吗? 时间感知工具,专业工作者必备!正式公测,一年专业版派送中~ deepseek 的 logo 有意思,包含了有 2 条鱼/2 个眼神 设计了两个弹性长度数字编码,可以灵活地编解码数字以便高效传输 室内设计师们都用什么软件?效果图,安装图/施工图,🙏 推荐一款字体搭配
一个小而美的作品集网站
ioNaLyhO · 2025-03-10 · via 设计

青苔设计官网 next.mossdesign.cn

这是一个非商业项目,是设计师学习 Next.jsSanity 的一个实例。在很大程度上也受制于技术,因为我的技术有限,只能做自己能实现的设计,好在不必受制于人,也因此做得很开心。这样说并不是否定人类文明进程中许多伟大的成果不是分工合作所创造的,我当然相信商业本身就是互助合作和正和游戏,不过是我们还在榨取式社会丛林中艰难的前行,想要坚守「平凡但不平庸」实际上是极高的要求。

我的初衷是做一个小而美的作品集网站,本项目以兄弟公司青苔设计为原型,在设计中,我先为网站构思了文案,青苔设计这个名字是什么意思?如果人们无法解读就会缺少共情。我想到杉本博司的书《直到长出青苔》便去挖掘其中的意义,于是有了「真正有生命力的事物,需要时间去沉淀、去生长、去被理解」、「青苔不语,生机盎然」、「沉淀、静谧、坚韧、永恒」这些标语,与该公司做品牌设计相契合。有了文案,我们才有了排版的元素,甚至有了做设计的感觉,它不仅仅是信息本身,也是一种视觉元素,更有可能成为点睛之笔。就像一首歌,如果光是好听,那也只是好听而已,如果它的歌词触动了你,它就超越了好听。文案是自然语言,设计是视觉语言,普通人更能够理解自然语言,不一定理解视觉语言,它们相互相成,文案也为普通人去理解设计做了铺垫。

这是一种极简主义的设计,但不同于以富媒体为主视觉的网页设计,比如苹果的官网;也不同于以文字为主视觉的网页设计,比如 Typewolf 收录的网站。青苔的网页设计倾向于以作品本身为视觉主语,结合网页特性的轻体验,塑造一个简约而不简单的作品集网站。就像无印良品的风格,我称它为——没有设计的设计——自然、本味。我喜欢《不服从的艺术》里面译者的一句介绍:「虽然身为译者,但最大的梦想却是让读者感觉不到译者的存在。期待自己的译文能如原文般自然流畅、饶富趣味。」

网站的主要特性和实现

  1. (sanity): 创建了自定义数据模式类型,用于后台管理和前端渲染
  2. (sanity): 适配了浏览器默认语言,支持自动切换管理面板中英文界面
  3. (sanity): 支持按需新增图片、视频或文本块的页面搭建
  4. (sanity): 仅在开发环境中自动启用了 vision 工具可用于查看数据结构,而不干扰最终用户
  5. (sanity, next.js): 支持预加载低像素模糊占位图
  6. (next.js): 页面首图使用了预加载、其余图片使用懒加载
  7. (tailwindcss): 适配了系统色彩模式,支持 light 和 dark 方案
  8. (tailwindcss): 适配了从手机到 5K 屏幕的自动布局

演示
next.mossdesign.cn
后台
next.mossdesign.cn/studio
用户名
[email protected]
密码
y6{O65*7Zr