谷歌正在推广新的渐变图标设计,取代统一的圆形设计。新图标更柔和、色彩丰富,符合近期设计趋势,摆脱了平面风格。许多应用程序的图标布局也从纵向转为横向,以更符合使用习惯。新图标预计将很快推出。
为庆祝与AI的艺术实验十周年,谷歌推出“渐变画布”展览,展示13件新作,艺术家们利用谷歌工具探索人类、自然与机器的关系,展现不同智能对世界的理解。展览在加州山景城的谷歌办公室举行,作品可在线欣赏。
谷歌宣布将更新其标志,推出新的渐变“G”标志,这是十年来的首次重大变化。新标志将在所有平台上逐步推出,反映谷歌在人工智能时代的演变,四种颜色更加明亮。
谷歌更新了其四色“G”图标,采用更亮的渐变设计,象征公司在人工智能时代的演变,体现AI驱动的创新与创造力。
Sketch 2025.2版本新增磨砂玻璃效果,支持iOS 26设计。用户可直接在Sketch中调整模糊、失真等参数,操作简单,效果出众。
本周课程复习了CSS单位,包括绝对单位(如像素)和相对单位(如em、rem、百分比)。绝对单位适合精确控制,而相对单位更灵活,适合响应式设计。此外,还介绍了CSS渐变、函数及@规则,强调了CSS变量的可重用性和一致性。
现代标志设计融合经典与流行元素,强调简约、渐变和清晰排版,流行趋势包括极简风格、渐变色和图文并列,旨在提升可读性和视觉吸引力。
文章提到作者制作了一支笔,并鼓励读者进行查看。
本文介绍了使用CSS制作复活节彩蛋的方法,包括椭圆形、渐变效果和阴影处理,展示了不同颜色和大小的彩蛋,强调了视觉效果的提升。
文章探讨了iOS中状态栏颜色与背景图的关系,指出背景图的渐变会影响状态栏的显示。最终确认iOS 17会根据内容的深浅自动调整状态栏颜色。
丢失styles.scss文件后,已修复表单上传元素,添加了用户名、邮箱和GitHub ID输入框及提交按钮。明天计划重写代码,完善按钮功能,并为表单添加渐变效果。
本文介绍了如何利用SVG和CSS制作火焰波浪动画,涵盖了HTML和SVG的设置、波浪的CSS样式、动画效果、渐变、平滑波动及发光效果,最后鼓励读者进行个性化调整和实验。
优雅的线性渐变边框可以提升应用界面的美感。使用react-native-linear-gradient,能够轻松创建渐变边框按钮,通过简单的代码调整颜色和边框厚度,从而增强UI设计和用户体验。
本文介绍了使用 CSS 创建复杂按钮形状的方法,特别是不镂空的内凹圆角按钮。通过径向渐变和遮罩技术,可以设计出独特的按钮样式和边框。
本文介绍了一种简单的工作卡组件,用户悬停时会出现动态效果。使用了shadcn和21st.dev等UI库,展示了渐变和图像倾斜效果,增强了项目的互动性和视觉吸引力。
CSS渐变生成器允许用户选择渐变类型并调整渐变角度,以改变渐变效果。
动画渐变背景提升网站的优雅感和视觉吸引力,增强页面的动态效果。
GradientSCSS是一个开源工具,帮助开发者快速集成现代渐变,支持SCSS、CSS、Tailwind和Bootstrap格式,设计现代且免费,欢迎在GitHub上贡献。
@simplr-sh/avatar是一个开源TypeScript库,旨在简化渐变头像的生成。用户只需提供姓名和文本,即可生成独特的渐变背景和可自定义的文本覆盖,支持简单选项调整。该库无需上传图像,直接返回Base64 SVG数据URI,便于网页使用。
GradientsCSS是一个开源工具,帮助开发者快速复制CSS、Tailwind、SASS和Bootstrap等格式的渐变代码,用户可以轻松选择并应用于项目中,欢迎贡献和反馈。
完成下面两步后,将自动完成登录并继续当前操作。