X科技时光轴

用时间轴记录世界科技前沿与开发实践

全部 AI (13) Github (9) Mac (4) Web (5) 分享 (4) 创意 (3) 提示词 (5) 设计 (9)

标签「设计」下的文章

2026
09
2026
28 · 周一
09-28 17:44
#设计
shwn.design 作品集网站:锦鲤池交互设计,个人站灵感参考与拆解 视频封面
我的作品集里的锦鲤池 https://shwn.design/
展开全文
09-28 17:38
#设计
Jakub Antalik Jakub Antalik 2026年09月28日 17:38
Voice 语音光效组件怎么用?零依赖可商用,voice-glow 安装与接入教程 视频封面
做了个新东西:语音特效。 动态语音光效,无阴影且零依赖,3种类型,多种状态,深色和浅色主题。 https://libraries.dev/voice
展开全文
09-28 17:33
#设计
Micro 微交互组件库上线,30 个免费 React 动效组件下载使用教程 视频封面
介绍 React Bits:Micro 一个全新的微交互类别,首发包含 30 个免费、可自定义的组件。 流畅的动效、细腻的细节和有趣的交互,旨在让你的 UI 焕发生机。 现已上线。快来试试: https://reactbits.dev/c/micro
展开全文
09-28 17:25
#Mac
Robbie Tilton Robbie Tilton 2026年09月28日 17:25
Compositor 开源免费图像编辑器,12MB 轻量替代 Photoshop 下载使用教程 视频封面
我做了一个类似Photoshop的图像编辑器,叫Compositor。 https://robbietilton.com/compositor 我最初做这个是为了自己摆脱Adobe订阅,但后来决定免费发布并开源。它包含了我进行合成所需的所有基本工具,没有任何废话。 我知道在2026年这种工作流程有点过时,但在AI能真正在某些细节上做到像素级精准之前,我还会继续用它。 整个应用只有12MB。Photoshop在我的机器上有6,455MB。
展开全文
09-28 17:09
#创意
miniplayer-timeline:1997至2026音乐时间轴,在线体验入口 视频封面
有些歌是永恒的... 🔊 https://miniplayer-timeline.vercel.app/
展开全文
24 · 周四
09-24 15:52
#AI
pen.dev 是什么?AI 智能体直接在画布上做设计,免费设计工具推荐 视频封面
这个设计工具简直太神了,而且还是免费的……让一个人做设计看起来像整个团队的作品 https://pen.dev 是一个画布,可以导入现成的界面(Figma、网站、HTML),Claude 或 Codex 在上面操作,导出为代码 收藏 🔖
展开全文
23 · 周三
09-23 20:26
#Github
Zafar Ismatullaev Zafar Ismatullaev 2026年09月23日 20:26
1,000个免费图标,4种变体和2种形状 = 总共8,000个免费图标。 MIT许可。无需署名。 官网:https://keylineicons.com 项目地址:https://github.com/keyline-icons/keyline-icons
展开全文
09-23 20:10
#提示词
ChatGPT 上的 GPT image 2.0。 提示词。 为每一张上传的照片分别创建一张独立的编辑风格海报。不要制作拼贴。请分别处理和输出每一张照片。 采用严格的 3:4 竖版构图,水平分为两个完全相等的部分,各占画布的 50%。 上半部分——原始照片 保留原始照片。保持主体不变,同时保留其真实质感、自然光线和原始色彩氛围。仅应用微妙的编辑级色彩校正,以营造艺术杂志、独立出版物或展览摄影的精致质感。 为适应构图,你可以适度延伸天空、地面或周围环境背景,但不要拉伸、扭曲或改变主体。 下半部分——分层剪纸 / 纸艺再诠释 将照片中最具辨识度的主体、轮廓、姿态和空间关系重新诠释为极简的分层剪纸 / 纸艺构图。 以一个主要主体作为视觉锚点。不要机械地复刻每一个细节。相反,通过折叠、切割、分层和重叠来重建关键轮廓、比例和结构。 仅将少量辅助环境元素转化为前景、中景和背景纸层。利用比例对比、留白、干净对齐和前后分层,使主体一眼可辨,同时保持克制的编辑式构图。 色彩与材质 从原始照片中提取最具特色和辨识度的颜色,然后将其简化为有限且和谐的纸艺调色板。 使用暖象牙色或浅色纸张作为基底,辅以少量更强烈的强调色、更深的结构色调、柔和的过渡层颜色,以及非常有限的高光。 材质应类似高品质哑光卡纸,带有细微可见的纸张纤维、干净的切割边缘,以及自然漫射光下柔和的接触阴影。强调真实手工纸艺的触感品质。 避免光泽塑料般的 3D 效果、廉价手工纸美学、霓虹色,以及过度饱和或复杂的渐变。 编辑式排版系统 添加精致的编辑式排版系统。根据主体的身份、地点、动作、材质、情感或象征意义,创作一个简短的主标题。 添加 2–4 组较小的辅助文字。这些可以包括物体名称、地点信息、数字、序列标记、类似坐标的数字、方向词、状态词、材质描述、分类标签,或一句非常简短的诗意短语。 不要使用任何年份或日期。 主标题应传达情感与身份,而较小文字应增添节奏、结构与精致感。 排版整合 将排版自然融入构图,使其与剪纸形态互动。沿纸层边缘、主体轮廓、几何轴线或留白区域安排文字。 使用横排或竖排、旋转文字、宽松字距、边缘对齐、角落放置、横截面布局、嵌入式排版,或部分重叠文字。 主标题可以带有微妙的剪纸或折纸质感,而辅助文字应保持纤细、现代、克制且精准。 最终结果应显得优雅、富有触感、平衡、具有艺术指导感,并鲜明体现编辑风格。
展开全文
09-23 20:07
#提示词
这套东西的重点,不是普通“Q版可爱风”。 它更接近: 欧美独立动画角色设计 × Deadpan Chibi × Y2K / Pastel 图形插画。 核心不是把所有角色都做成同一种粉蓝萌物, 而是把任意角色的核心识别,统一翻译进这套视觉语法里: 超大头小身体 半睁厌世眼 眼下疲惫阴影 极简五官 图形化发块 粗轮廓 + 平涂色块 Sticker-world 装饰背景 最重要的一点是: 不要把配色、发色分区、背景元素写死。 这些都应该根据角色自身的代表色、身份、服装符号、气质去自动转译。 也就是说,固定的是风格骨架, 变化的是角色内容。 提示词: 【角色】,重新设计为欧美独立动画式 Deadpan Chibi。保留角色最核心的发型轮廓、代表色、配饰、服装符号、身份气质与识别点。超大头小身体,Face-first design,头部承担主要视觉重量,身体明显压缩,窄肩、短颈、细手臂、小型躯干。半睁厌世眼,大面积眼白,厚重上眼睑,轻微下压眉形,眼下有明显疲惫阴影带,并带柔和腮红,形成 tired + annoyed + cute 的反差气质。鼻子和嘴巴极简化。头发采用 Graphic Hair Mass 图形化发块处理,以大块轮廓和清晰分区表现,不逐根刻画发丝。粗深色外轮廓,Flat Color Blocking 平涂色块,Minimal Cel Shading 极少阴影,弱化真实光影,强调 shape-first, material-second。服装与配饰根据角色原设定自动转译为简化后的图形语言,保留高识别度。配色、发色分区、服装图案、配件与背景装饰元素全部根据角色自身特征自动转译,不固定模板。背景采用 Sticker-world Composition / Decorative Motif Field,不做真实场景,而是围绕角色主题生成图形化小装饰与符号元素,强化视觉节奏与气质。整体呈现 Contemporary Western Cartoon × Deadpan Chibi × Indie Animation Character Design × Y2K / Pastel-inspired Graphic Illustration 的效果。
展开全文
09-23 19:07
#设计
Neo-Chinese horology design 是什么?新中式时辰网页设计,十二时辰视觉参考与在线体验 视频封面
Neo-Chinese horology design https://huozhi.im/lab/shichen
展开全文
09-23 17:55
#Web
群里一个大佬做了一个 App 商店 的站 👉 https://appscreenshots.net/zh 1. 支持众多平台:appstore、google商店、华为鸿蒙、手表、Chrome 商店等等 2. 免费的模板就足够精美了,另外有更多付费精美模板 3. 支持多尺寸多语言批量自动提交内容上架,后面再补个MCP和skill,让codex 操作创建截图 4.如果你正在被App上架 宣传图、多语言 搞得头大,可以来试试,极大提升你的上架效率
展开全文
09-23 17:47
#Web
Koboyo 图标库免费吗?海量手绘 SVG 可商用,设计师素材站推荐 视频封面
想做这个有一段时间了 不会发货,但感觉很好 https://koboyo.com/icons
展开全文
09-23 17:41
#Github
threejs-architecture-effects 逐层盖楼效果,Three.js 古建动画模板推荐 视频封面
自从我的 3D 动态古楼建筑作品被大厂收购之后: 突然发现市面上到处都在盖楼... 不少大模型,也很喜欢把「建 3D 房子」拿来当能力展示 demo。 不过看了一圈,感觉很多都更像是在复刻形式,那个味道还差一点。 所以今天我用 GPT-6 Astra 又重新优化了一版,把细节、动态和氛围重新打磨了一遍。 大家觉得原版更好,还是新版更好? https://github.com/lhlGitHub/threejs-architecture-effects
展开全文
09-23 17:35
#Web
把我自己做的所有产品都集中在一个页面了。 https://hallee.me/zh-CN/products
展开全文
09-23 17:21
#提示词
石榴百科全书式信息卡 GPT Image 2.5提示词: 一张 3:4 竖版石榴百科全书式信息卡,呈现植物标本馆档案与现代食品博物馆导览牌的融合设计。顶部使用“一颗完整石榴+一颗切开的石榴+少量独立果粒”的标本式摄影,浅灰白背景、柔和侧光和微弱自然投影,真实表现深红果皮、半透明果粒、薄膜与籽粒结构;旁边排列“石榴”、斜体拉丁学名“Punica granatum”、胶囊标签“水果/石榴科”、原产区域地图与地区化成熟季曲线。 中部以非对称黄金分割和细线坐标系统组织九组内容:每100g主要营养构成;糖类、膳食纤维、维生素与矿物质;果实结构剖面图;成熟季与主要产区;鲜食、榨汁、沙拉、甜品等食用方式;不同水果风味与酸甜度对比;挑选成熟石榴的方法;室温、冷藏与剥粒后的储存方式;历史传播、栽培品种及农业可持续性。 重点数据使用石榴红、叶片绿与琥珀色编码,注意事项使用小面积砖红。纸张具有轻微棉纸纤维,标题为超细无衬线体,正文为现代几何字体,数值为等宽体。底部设置馆藏编号式资料来源区,但不出现虚假机构名称;营养与健康描述采用谨慎表述,不虚构医疗功效。
展开全文
22 · 周二
09-22 16:32
#AI
Figma 在线设计工具怎么用?浏览器多人协作,UI 设计入门教程 视频封面
我们为客户制作的入职动画 使用 Figma 设计,使用 Swift UI 构建
展开全文
09-22 16:13
#设计
UI 图标设计过程演示真实体验评测:干净图标是怎么一步步做出来的 视频封面
干净的 UI 图标背后的令人满意的过程。
展开全文
21 · 周一
09-21 17:11
#设计
SwiftUI 加载动画 ThinkingOrbs 有哪些设计?九种 Agent 状态动效盘点 视频封面
必须开源这个! 这是 swiftui 包 😃 https://github.com/haplollc/ThinkingOrbs
展开全文