https://mp.weixin.qq.com/s/znec6dVSiWGxf9lm3iLI6Q





https://medium.com/@sepidy/how-can-i-design-in-the-neo-brutalism-style-d85c458042de


我最近在搞一个玄学题材的网站,对配色一直不是很满意,但玄学总不能搞成上面这种色彩艳丽的~我需要那种素雅的,折腾来折腾去~终于出来一个满意的~分享给大家:




趁热打铁,做了一个内容比较「丰富」的页面(可以直接点击左下角阅读原文):
提示词参考:
目标:开发手绘笔记本风格的知识卡片应用,温暖复古,响应式布局,交互友好。
设计风格风格:手绘笔记本,背景#F5F1E8(米色),文字#3D2914(深棕)。
元素:左侧红色边距线(rgba(252, 165, 165, 0.6))。
蓝色辅助线(rgba(147, 197, 253, 0.4))。
8个圆形纸张孔洞(左侧垂直)。
白色卡片,浅灰边框(#CCCCCC)。
手绘图标/装饰。
字体字体:主标题:Handjet,3rem,粗体。
副标题:Architects Daughter,1.125rem。
正文:Patrick Hand,行高1.6。
备选:Caveat, Kalam。
引入:Google Fonts。
交互功能
步骤完成:复选框切换,完成变绿色(#f0fdf4)。
进度条显示百分比。
全部完成显示祝贺消息。
FAQ折叠:点击展开答案,平滑过渡。
单项展开,”+”号旋转。
评估打分:多选复选框,实时计算0-100分。
5个等级+建议。
装饰交互:悬停放大(scale 1.1)。
点击弹励志消息。
粒子闪烁/动画(float, pulse, bounce)。
当然……其实也不用搞这么复杂,直接把我这个网址
https://zlbigger.com/ai/cp.html扔给 ai,跟它说模仿这个网页的设计风格即可~
Ps:新的AI+公众号群建好了,感兴趣的私信我~