无论您是想为网站增添亮点,还是从零构建新站,都有大量免费工具和资源可供利用。以下精选了实用的设计应用、建站平台以及字体、图标和图片素材资源。
设计资源
Adobe Color CC:免费在线配色工具,支持尝试、创建及保存配色方案,每种方案提供五种变体。
Adobe Color CC.
Google Fonts:快速查找并添加优质字体的平台。提供数百种免费开源字体,支持浏览、比较字体家族,获取代码即可收藏使用。
WhatFont:实用的浏览器扩展插件,点击按钮即可快速识别网页上的字体信息。
Type Genius:简易的在线字体搭配工具。选择起始字体后,系统会自动推荐互补的字体组合。
类型天才。
Iconfinder:强大的图标搜索引擎,收录超90万个图标,包含付费及10万个免费图标供选择。
Vectr:适用于Web和桌面的免费矢量图形设计工具。支持分享文档URL获取反馈、图像注释及实时协作。
Unsplash:提供免费高清动态图片的网站,无库存照片感,可自由修改分发。每10天更新10张精选照片,并设有展示案例画廊。
Unsplash.
Stock Up:聚合了26个免费图库网站的搜索引擎,目前索引超过13,000张免费库存照片。
Lost and Taken:提供免费纹理图片的设计博客,涵盖胶片、烟雾、纸张、水彩、油漆、石膏、光线、运动模糊及自然等多种类别。
TextureKing:发布免费库存纹理以增强设计质感,提供混凝土、木材、织物、液体、泥土、玻璃和金属等数百种纹理。
TextureKing.
设计与开发工具
Skitch:Evernote旗下应用,用于直观传达想法与协作。支持截图、标注形状箭头及草图绘制,多端同步反馈。基础版免费;付费计划$24.99/年起。
Canva:在线平面设计平台,非设计师也可通过拖拽轻松创作。内置免费素材库,适用于菜单、横幅、社媒配图等场景。基础平台免费;高级元素≤$1。
Canna.
Pixlr:Autodesk推出的免费在线修图工具。提供丰富效果包、滤镜及叠加层,支持铅笔素描、海报风等风格化处理,含Editor、O Matic等多个Web应用。
Google Web Designer:专业级Web应用,支持设计和构建HTML5内容。具备绘图、文本、3D对象创作功能,可在时间轴上添加动画,并集成画廊、视频、地图等组件。
Webflow:集成式响应式网站设计平台。支持空白画布自定义或模板启动,通过拖拽实现交互动画,无需编码。单项目免费;高级计划$16/月起。
Webflow.
Themify Flow:WordPress响应式主题构建框架。通过布局模块配置选项,支持实时预览样式,集成Google Fonts、颜色选择器及图片上传等功能。
Mobirise:适用于中小型网站、着陆页及产品推广的应用。采用模块化拖拽编辑,内置内容滑块、响应式画廊、视频背景等预制区块。
Marvel:交互式原型设计Web应用。支持浏览器内设计或导入PS/Sketch/手绘稿,快速转化为移动端及Web原型,集成Slack/Asana协作。3个项目评论功能免费;付费计划$15/月起。
Bootstrap:开源前端框架,专为网站及Web应用开发设计。内置数十种自定义HTML/CSS组件,涵盖表单、按钮、排版等常用模板。
Bootstrap.

