加载中
矢量设计的填充规则揭秘:从缠绕到闭合路径

前言 在设计领域,矢量图形的填充规则对最终的视觉呈现至关重要。你是否注意到在不同的设计软件中,填充规则可能会有所不同?这种差异性主要源于不同软件在实现矢量图形填充算法时所采用的技...

SVG 描边大突破?你不知道的方法

SVG 描边的局限性 在之前的博客文章《如何突破 SVG 描边限制》 中,我们探讨了 SVG 在描边方面的一些局限性。在该篇文章中我们指出SVG的描边只能居中显示,即均匀分布在图形边缘的内侧和外侧...

探索设计与代码的融合 Design as Code VS Design to Code

前言 随着数字化时代的飞速发展,设计与代码的融合愈发成为数字产品开发的重要趋势。一直以来,传统的设计和开发流程似乎总是难以摆脱沟通障碍、实现上的妥协,以及低下的工作效率。在这样的...

居中艺术:在网页设计中实现完美居中布局的挑战与解决方案

引言 在数字时代,用户与界面的每一次互动都是对产品体验的一次投票。完美的用户体验往往建立在细节之上,而对齐——尤其是居中布局——是这些细节中的关键一环。居中布局不仅仅是一种视觉美...

如何突破 SVG 描边限制

不起眼却重要的 Stroke 在矢量图形设计领域,描边(Stroke)是一个看似简单却极其关键的元素。它不仅定义了矢量图形的边框样式,而且通过巧妙运用,能够显著提升视觉层次、强调特定元素,甚至...

跨端 UI 技术周刊

开源项目推荐 Flutter Gallery[1] Flutter Gallery 是由 Flutter 团队开发的开源应用,目的是为了帮助开发者学习 Flutter 的各种 UI 组件和设计模式。通过提供一系列如何实现不同部件和功能的...

逃离 HTML + CSS

背景 当下,构建交互式应用程序的主流技术是 Web 技术,其中包括 HTML、CSS 与 JavaScript。在过去的 10 年,Web 技术生态发生了翻天覆地的变化,包括层出不穷的开发框架,诸如 React、Vue、...

为什么要用 VGG 还原设计稿:静态视觉效果篇

背景 VeryGoodGraphics(VGG)是一种新型跨平台 UI 开发工具,倡导 Design as Code 的理念,支持无代码将设计稿变为 UI。VGG 底层的运行时是一个开源的矢量图形引擎,支持将 UI 设计稿嵌入任...

SVG 缺失的圆角特性2

SVG 实现圆角的局限性 在上篇分享中,我们聊到了 SVG 设计中的一个有趣话题:如何为矩形添加圆角以及实现独立圆角矩形的挑战。我们了解到,尽管在设计软件中添加圆角轻而易举,但将这一设计使...

SVG 缺失的圆角特性

背景 什么是 SVG:简单来说,SVG 就是一种矢量图形格式。不像其他一些基于矢量的文件会占用比较大的空间资源,SVG 是纯代码的形式。这意味着它方便,更轻量。 但实际使用中,导出的 SVG 在渲...

Design as Code|VGG 社区邀你参加开源之夏 ,赢万元奖金

VGG 开源社区正式入选开源之夏 2024! VeryGoodGraphics (VGG) 旨在无代码完美还原设计稿,通过自研并开源的 VGG 矢量图形格式和 VGG 渲染引擎能把设计原型作为应用快速交付。VGG 打通了从应...

没有更多内容

加载失败,请刷新页面

没有更多内容

返回顶部
顶部