改进电商网站设计未必需要高昂预算,设计社区提供了丰富的免费资源。以下是2021年秋季推出的网页工具与设计元素清单,涵盖颜色渐变生成器、图像编辑器、编码及协作工具、字体等。所有工具均提供免费版本。
免费设计工具
Fable:面向团队的Web动效设计平台,具备项目共享工作区、媒体同步库及内置版本控制功能。
Fable
FancyBorder Generator:精美边框设计工具,支持使用现成模板快速制作。
Cleanup.Pictures:浏览器端免费修图工具,可移除照片物体瑕疵或为产品图创建纯净背景。
Page Flip Text Effect:Photoshop翻页效果资源,包含四种解决方案,悬停文本即可揭示下方内容。
翻页文字效果
Floating UI:底层定位库,用于在UI中精准放置工具提示、弹出框等浮动元素且不干扰内容流。
Shoelace:提供专业且可定制的框架无关UI组件,避免从零构建设计系统。
Volley:基于面对面视频消息的团队沟通平台,无需实时在线,免去日程协调烦恼。
Atropos JS:轻量级开源库,支持JS/React/Vue/Svelte,用于创建触控友好的3D视差悬停效果。
Atropos JS
Llline:浏览器端SVG线条生成工具,通过添加锚点形成平滑曲线,支持旋转、变色及渐变调整。
Huetone:基于高级感知对比算法的调色板工具,可选择对比度与配色方案并导出至Figma。
Ffflux SVG Generator:多彩流体渐变背景生成工具。
Codeamigo:互动编程学习网站,通过社交功能向同行学习并掌握编程技巧。
Codeamigo
Pirsch:注重隐私的开源Google Analytics替代品,易于集成到网站或后端。
Blobr:无代码SaaS API共享平台,面向业务用户与开发者,少量合作伙伴共享时免费。
Mechanic:开源框架,助力在浏览器中快速构建自定义Web设计工具,加速设计流程。
WebVitalsRobot:自动化性能测试与报告工具,跟踪核心指标并发出异常警报(免费版限1域名1URL)。
WebVitalsRobot
免费字体
Power Grotesk:现代无衬线字体,高对比度且易读,融合当代细节与经典风格。
Power Grotesk
Genivo:简洁流畅的现代衬线字体,具未来感,提供常规、细体及粗体样式。
Genivo
Eu Alonira:优雅衬线字体,适用于标志、广告、包装及社交媒体展示标题。
Eu Alonira
Horizon:粗犷有力的无衬线字体,适合标题或展示横幅。
地平线
Harmond:清新现代衬线字体,基线动感强烈,在展示与正文排版中表现优异。
哈蒙德
Jaya Baru:粗壮圆润的展示字体,个性鲜明。
贾亚巴鲁

