深入解析微软Office新版图标设计
最近微软Office把Word、Excel、PPT这些常用软件的图标重新进行了设计。新图标流畅的形状和多彩的渐变色，立刻吸引了我的注意。 微软上一次大规模更新Office的图标还是2018年，当时采用的是“扁平化”风格，线条直愣愣的看着特别规整。这次的新设计完全不一样，重点就俩字：流畅。通过图标设计风格的更新迭代，我们也能透视在AI时代产品是如何演变的，为我们的设计提供新思路～ 一、新图标风格解析 1. 形状更柔和 新图标的造型比之前更简洁，同时边角都做了圆角处理，还加了叠加效果，不像之前那么“锋利”。早期的图标设计缺乏视觉深度和质感，新的图标设计风格更现代化，看着更有层次感。 例如更新后的Word图标（右）主体部分由四个模块简化成了三个模块，提高了在小尺寸下的清晰度。通过新旧对比图能够清晰的看到，新的的Word图标在保持熟悉感的同时，简化了视觉体验，使其变得简单易用。 2. 颜色更鲜活 新的图标设计更注重颜色对比度，每个图标都加入了渐变效果，同时还保留了各自的特色。比如Word仍是蓝色系，但从一种蓝过渡到浅紫、浅粉；Excel从深绿变浅绿；PPT则是从橙红慢慢变成黄色。 渐变色的搭配…
TraeSolo开发的网页贪吃蛇小游戏
今天上班用 Trae Solo 写了个贪吃蛇，算是体验下新功能，摸鱼的时候能玩。 游戏支持单人或双人组队游玩，还能自定义 AI 蛇的数量，对局中会不定时刷新 AI 蛇，增加竞技乐趣～ 操作指南： 单人模式：用 WASD 键控制蛇的移动方向 双人模式：玩家 1 按 WASD 键，玩家 2 按方向键，协同作战更刺激 暂停 / 继续：按空格键即可切换 手机端专属：无需滑动，点击屏幕任意方向，蛇就会自动向该方向前进，操作简单易上手！ 在线体验：game.mancs.cn 开发过程 给TRAE 简单了提供一句需求： 帮我用html写一个全屏的贪吃蛇游戏 并且有时会不定时随机刷新一条蛇 并且支持选择单人和双人游戏 单人用wasd控制 双人第二个人用上下左右箭头控制 两条蛇的颜色不能一样 用自带的文字优化功能优化出来的内容： 创建一个全屏HTML贪吃蛇游戏，具体要求如下： 1. 游戏界面要求： - 使用HTML5 Canvas实现全屏显示 - 游戏区域自动适应浏览器窗口大小 - 背景色设置为深色系（如#222222） 2. 游戏核心功能： - 实现经典贪吃蛇游戏机制（蛇身增长、碰撞检测等） - 随机…
为WordPress添加说说日记功能插件
在很多 WordPress 主题中，虽然功能丰富，但很多都缺少类似 QQ 空间说说或朋友圈的轻量动态记录分享功能。为此，写了一个独立的 "说说" 插件，让任何 WordPress 主题都能轻松拥有说说功能，且样式简洁，方便用户按需自定义。 插件核心功能 这款插件专注于提供纯粹的说说功能，主要特点包括： 在 WordPress 后台添加独立的 "说说" 管理菜单，操作流程与文章管理类似 完整支持说说的分类管理和标签管理，便于内容组织 提供灵活的短代码功能，可在任何页面或文章中展示说说内容 采用响应式设计，自动适配从手机到桌面的各种设备 样式简洁轻量，预留充分的自定义空间 支持多语言，可通过语言包扩展更多语言 安装与启用 安装插件非常简单，有两种方式可选： 上传安装： 下载插件 ZIP 文件 登录 WordPress 后台，进入 "插件" > "安装插件" > "上传插件" 选择下载的 ZIP 文件，点击 "现在安装" 并激活 手动安装： 将插件文件夹上传到wp-content/plugins/目录 登录后台，在 "插件" > "已安装插件" 中找到并激活 使用方法 1.…
文章标签自动提取插件
前言： 今天修改小程序的时候发现好多文章都没有标签，有时候自己写文章的时候有时候也懒得写标签就直接发布了，然后写了一个根据已经编辑好的文章的内容来提取文章标签的一个工具。 截图： 主要功能 1. 智能内容分析 深度扫描文章标题与正文，结合语义和词频，提取最具代表性的关键词作为标签 避免冗余或无关词汇，确保标签与文章主题高度匹配 2. 多语言支持 完美兼容中文、英文内容，内置针对性的语言处理逻辑 配备中英文专用停用词库，过滤“的”“the”“and”等无意义高频词汇 3. 灵活触发方式 支持三种标签提取触发模式，满足不同使用场景： 手动提取：在文章编辑时，点击按钮手动触发提取 保存时自动提取：编辑文章并点击“保存草稿”时，自动执行标签提取 发布时自动提取：文章点击“发布”按钮时，自动补充标签 4. 可自定义参数 在插件设置页面可灵活配置以下参数： 标签数量：设置最少/最多提取标签数量（默认3-5个） 词长度过滤：自定义关键词最小/最大字符长度，排除过短或过长的无效词汇 停用词开关：选择是否启用停用词过滤，优化标签质量 5. 友好操作体验 集成于文章编辑页面，提供直观的标签提取面板，无需跳…
批量图片外链转HTML工具
一个简单高效的网页工具，帮助你快速将多个图片链接转换为HTML标签代码，支持批量处理、格式定制和图片预览。 🚀 功能特点 批量处理：一次性转换多个图片链接，提高工作效率 格式定制：自定义图片尺寸、alt属性、CSS类名等参数 图片预览：实时预览转换后的图片效果 批量替换：支持批量替换链接中的特定文本 一键导出：快速复制生成的HTML代码或下载为文件 无效链接检测：自动识别无法访问的图片链接 响应式设计：适配各种屏幕尺寸，在桌面和移动设备上均有良好体验 📸 界面预览 🛠️ 使用方法 输入链接：在"输入链接"标签页中，每行输入一个图片链接 生成设置：在“生成设置”标签页中，根据需要自定义HTML标签参数 批量替换：在"批量替换"标签页中，可以设置文本替换规则 生成代码：点击“生成HTML代码”按钮，即可在“生成结果”区域看到转换后的代码 预览图片：切换到"图片预览"标签页，可以查看转换后的图片效果 导出使用：点击“复制”按钮复制代码，或点击“导出”按钮下载为HTML文件 获取方法 在线体验：https://www.manc.top/tools/imgtag/ Github: https:…
苹果2025发布会结束，快来看看设计规范更新了哪些内容！
苹果的秋季发布会不痛不痒的开启和结束了，在手机部分更新了 iPhone17 和 17pro 系列，发布了名为 iPhone Air 的新产品，同时砍掉了 Plus 产品线（气抖冷）。 虽然对于这次更新除了脏话我没什么好评价的，但从 UI 设计的角度出发，我们就必须要关注新设备带来的 UI 影响有哪些。 所以下面，我们简单分享一遍在本次发布会后，新创建的 UI 设计项目，应该使用什么样的设计规范？ 更多iOS 设计分析： 一、主流 iPhone 屏幕规格说明 UI 设计的第一步是创建画布，而创建画布所用的参数，是根据要面向的设备类型决定的，所以我们首先要了解市面上流行哪些硬件设备，以及它们对应的规格是什么。 今年更新的主要设备和屏幕规格如下： 最小的异类 16e 可以充分理解成是果农用来销库存的产品，还在使用已经被淘汰的刘海屏，已经不是我们关注的对象。而胶囊屏经过多年的迭代已经成为目前的主流设备，且可以预见的是未来两三年的主流设备也是胶囊。 值得注意的是，本次更新中 17pro 和 17 采用了相同的屏幕尺寸和规格，也就是使用了一样的画布。而这个尺寸和上代的 16pro 是相同的（16…
文章封面生成器：轻松打造个性化封面
这款依托 Web 技术开发的在线图片生成工具，以 “零安装、易操作” 为核心优势，专注于个性化文章封面制作。无需下载任何软件，打开浏览器即可开启设计，凭借简洁直观的界面，为不同需求用户提供高效、省心的封面创作体验。 一、核心功能：覆盖封面设计全流程 工具围绕封面制作的核心需求，从背景、文字到图标，再到最终生成导出，构建了完整且灵活的功能体系，兼顾实用性与创作自由度。 1.1 背景定制：多样风格，一键适配 背景作为封面视觉基底，工具提供了丰富的定制选项，满足不同风格偏好： 图片与纯色双选择：支持上传本地图片作为背景，系统会自动适配画布尺寸，避免画面拉伸变形；也可一键切换纯色背景，支持自定义任意颜色，适配极简、清新等多种风格。 模糊效果可调：配备 0-100px 的模糊度调节功能，滑动参数即可为背景营造层次感十足的景深，让封面视觉更具张力，突出前景内容。 1.2 文字编辑：简洁实用，快速搭配 文字是封面信息传递的核心，工具在文字功能上兼顾便捷性与美观度： 字符与模板优化：左右两侧各支持输入 2 个字符，预设 “文章 + 封面” 的经典组合，省去用户构思烦恼，也可自由替换为品牌缩写、主题关键…
比比工坊主题部署文档
很多用户刚用比比 WordPress 主题，就卡在两个关键环节：要么不会部署、操作总出错，要么部署完网站变慢。其实不用复杂操作，跟着下面两步走，就能轻松解决。 前期准备：先搞定域名与服务器 在开始部署主题前，得先把域名和服务器这两个基础要素准备好，这是后续操作的前提： 1.服务器选择与配置：建议优先选用阿里云、腾讯云等主流云厂商的服务器，稳定性和售后更有保障。系统方面，新手推荐选择 CentOS 7/8 版本，兼容性更强、操作门槛更低；若熟悉 Ubuntu 系统，也可选用 Ubuntu 20.04 版本。购买后务必记录好服务器的公网 IP，同时要在云平台的 “安全组” 设置中，手动放行 8888 端口（这是宝塔面板的默认访问端口，后续安装和使用面板必须用到）。 2.域名注册与解析：域名可在阿里云万网、腾讯云 DNSPod 等正规服务商处注册，选择自己容易记忆的后缀即可（如.com、.cn 等）。注册完成后不用急于配置，等后续服务器和宝塔面板都设置好后，再回到域名服务商的控制台，将域名解析到服务器的公网 IP 上，解析生效后就能通过域名访问网站了。 宝塔和WordPress安装 宝塔官方…
为 WordPress 网站打造 Mac 风格的安全锁屏体验
在当今数字化时代，网站安全与个性化体验同样重要。无论是个人博客、小型企业网站还是内部文档站点，都可能需要一定程度的访问限制。今天我要向大家介绍一款独特的 WordPress 插件 ——WP Mac Lock，它将 macOS 优雅的锁屏界面带入 WordPress，既提供了实用的密码保护功能，又带来了出色的视觉体验。 插件简介：优雅与安全的结合 WP Mac Lock 是一款专为 WordPress 设计的锁屏插件，它完美模拟了 macOS 的锁屏界面风格，为网站添加了一层密码保护屏障。与传统的密码保护插件不同，它不仅注重安全性，更在用户体验和视觉设计上下足了功夫，让访问者在输入密码时也能感受到精致的设计美学。 这款插件的核心理念是：安全保护不应该是枯燥和突兀的，而可以是优雅且融入整体设计的一部分。 核心功能：实用与美观兼备 WP Mac Lock 提供了一系列精心设计的功能，满足不同用户的需求： 1. 全方位的密码保护机制 全站保护：启用后，整个网站都将受到保护，未经授权的访问者无法查看任何内容 会话记忆：一次验证通过后，当天内无需重复输入密码，提升用户体验 手动锁屏：随时按下键盘 …
创建和制作WordPress主题的子主题
一、了解子主题的作用 什么是子主题？子主题是依附于父主题（如默认主题 Twenty Twenty-Three 或第三方主题）的独立主题，可继承父主题的功能和样式，同时允许自定义修改，避免父主题更新后覆盖你的修改。 二、准备工作 确认父主题名称登录 WordPress 后台 → 外观 → 主题，记下当前使用的父主题名称（如 “Twenty Twenty-Three”）。 创建子主题文件夹 通过 FTP 工具（如 FileZilla）或 WordPress 主机的文件管理器，进入网站根目录下的 wp-content/themes/ 文件夹。 新建一个文件夹，命名为自定义名称（如 twentytwentythree-child，建议与父主题名称关联，方便识别）。 三、创建子主题的样式表（style.css） 在子主题文件夹中新建一个 style.css 文件，添加以下代码（需根据实际情况修改注释部分）： /* Theme Name: 父主题名称 子主题（如 Twenty Twenty-Three Child） Theme URI: 父主题官网链接（如 https://wordpress.or…
最近发布
最新评论
你的网站也非常不错！
汤圆 /
非常棒的网站！我也是参考的 GitHub 设计语言制作的个人网站。
Carm /
厉害了 那估计我用的是halo版的😄
ayiya /
最好是网页版在线看+能支持导出pdf 这样更实用
ayiya /
我这个是wordpress的 哈哈哈哈
汤圆 /