随笔分类 - 网页设计
网页设计
摘要：Dripicons 是一个好看的免费图标集，有超过 90 个扁平风格的图标，适用在 Web 应用程序中使用，如：箭头，媒体，图表等等。 集合多种矢量格式（PSD，AI，EPS，PDF，SVG），也可以作为网络字体。
阅读全文
摘要：之前已经分享过一些帮助 Web 开发人员和设计师的 Chrome 扩展，这次我们继续展示一组很有用的 Chrome 应用程序。这些免费的 Chrome 应用程序可以简化您的工作流程，为了加快您的工作流程，从而快速帮助你提高你的工作效率。
阅读全文
摘要：扁平化设计对于印刷品设计、网页设计和移动操作系统的设计来都带去了新的变化。扁平化网页设计是指设计形式摒弃图案纹理背景，阴影文字以及网站盒模型的部分。谷歌是第一个使用扁平化设计准备对重构 Web 应用程序的公司，现在越来越多的公司正在效仿。这里收集了43个鼓舞人心的扁平化网页设计作品，值得网站开发人员借鉴。
阅读全文
摘要：扁平化设计对于印刷品设计、网页设计和移动操作系统的设计来都带去了新的变化。扁平化网页设计是指设计形式摒弃图案纹理背景，阴影文字以及网站盒模型的部分。谷歌是第一个使用扁平化设计准备对重构 Web 应用程序的公司，现在越来越多的公司正在效仿。这里收集了43个鼓舞人心的扁平化网页设计作品，值得网站开发人员借鉴。
阅读全文
摘要：在网络上能找很多免费的 PSD 格式素材，但是很少有 HTML/CSS 界面组件下载。在这篇文章中，收集了14套免费的 HTML/CSS 界面源码分享给前端设计师和开发者们。这些组件包括按钮、滑块、表单、搜索栏、进度条等。
阅读全文
摘要：设计是不断发展的，你最近在访问 Dribbble 的时候，你会惊讶地看到许多设计师使用模糊背景来显示产品。今天这里收集了15套高品质的时尚纹理素材，可以免费下载使用。这些精美的纹理背景素材可以帮助你让设计项目更出众，赶紧来下载吧！
阅读全文
摘要：Photoshop 实例教程是提高 Photoshop 技能的最佳学习途径。今天，我向大家分享最新20个 Photoshop 进阶教程，提高你的图片处理技巧，制作时尚的效果。这些教程可以帮助把你的想法变成现实，并创造新的东西。
阅读全文
摘要：设计师在很多时候想通过使用很多的设计元素或复杂的调色板使一个网站脱颖而出，往往会导致一个网站过度设计，而忽视了最重要的内容。大多数时候，你会发现它更好的做法是采取简约的做法。因此，今天，我们收集了15个新鲜的简约设计的网站例子激发你的灵感。
阅读全文
摘要：FullPage.js 是一个简单而易于使用的插件，用来创建全屏滚动网站（也被称为单页网站）。除了可以创建全屏滚动效果以外，也可以给网站添加一些水平的滑块效果。能够自适应不同的屏幕尺寸，包括平板电脑和移动设备。
阅读全文
摘要：在这里，我们向大家呈现一些有用的和免费的 Android 用户界面 PSD 素材。由于 Android 市场迅速增长，设计人员和开发人员正在寻找一些快速和容易的方法来创建 Android 友好的应用和网站。免费的 PSD 资源可以帮助设计人员和开发人员节省时间和提高工作效率。
阅读全文
摘要：这篇文章，给大家带来的同样是字体在网页设计中的使用案例展示。除了图像上的文字使用之外，还有很多其它的在网页设计制作漂亮的印刷字体的选择。从干净简单的设计到丰富多彩的设计，众多的灵感能够激发你的想象力。
阅读全文
摘要：koala 是一个前端预处理器语言图形编译工具，支持 Less、Sass、Compass、CoffeeScript，帮助 Web 开发者更高效地使用它们进行开发。跨平台运行，完美兼容 Windows、Linux、Mac。
阅读全文
摘要：我们可以说，最近图像占据了网页设计的中心舞台。因此，我们已经看到了一些真正美丽的网站使用了圆滑图像作为焦点，引人注目。在网页设计中，从简约设计的概念到全屏的背景图片，有几种不同的图像使用方法。所以今天我们将告诉你一些启发性的例子。聚集在这里的网站将证明美丽和高品质的图像可以传递信息，彰显个性并迎合用户的喜好。
阅读全文
摘要：计师使用精致的充满吸引力的宽屏图片作为背景，给来网站带来一种别样的特色。现在网络上有成千上万的图片可供选择，根据您的设计和需求，你可以把普通图像变成一个功能强大的工具，以吸引你的客户。让我们来仔细看看这些自然景观风格的网站，展示了户外的唯美。这种网站看起来很环保很清新，即使他们卖的产品或服务不与大自然相关，但在数字网络世界，这种风格创建了一个大的反差。
阅读全文
摘要：有什么更好的方式来显示您的应用程序的外观和感觉呢？你看了这些设计示例之后就会有灵感了。无论是在 iPhone，iPad，Android，还是在桌面应用程序或网站，这些设计都增加了一些视觉上的吸引力，并有助于使您的 APP 的着陆页面（Landing Page）看起来更聪明，更专业。
阅读全文
摘要：计师使用精致的充满吸引力的宽屏图片作为背景，给来网站带来一种别样的特色。现在网络上有成千上万的图片可供选择，根据您的设计和需求，你可以把普通图像变成一个功能强大的工具，以吸引你的客户。让我们来仔细看看这些自然景观风格的网站，展示了户外的唯美。这种网站看起来很环保很清新，即使他们卖的产品或服务不与大自然相关，但在数字网络世界，这种风格创建了一个大的反差。
阅读全文
摘要：Semantic UI 是一个 UI 库，使前端开发更简单，更容易学习。Semantic UI 介绍了许多界面元素。在大多数情况下，只有你需要的元素建立一个自定义的构建可能是最好的。 UI 组件分为四大类，范围从最小到最大的范围分为：用户界面 UI 元素集合，UI 模块和用户界面视图。
阅读全文
摘要：在网页设计中使用醒目的色彩，无疑是让您的网站彰显个性并获得的注意力的一个很好的方式。正确的使用颜色组合是一个挑战，但做得好的话可以有很大的影响。这里收集了12个美丽的使用醒目色彩的网站作品示例，设计师们并不避讳使用一些大胆和鲜艳的色彩，相信能带给你一些灵感。
阅读全文
摘要：设计网站时，将要使用的图像在一开始通常还不存在，这个时候布局是最重要的。然而，图像的尺寸通常是预先设置，实用一些占位图像可以帮助我们更好地预览和分析布局。现在有免费的占位图片自动生成工具可以使用，而不是手动创建这些占位符图像，可以节省我们的时间。这里向大家推荐8款 Web 开发中很实用的占位图片生成工具。
阅读全文
摘要：Favico.js 在让你的网页图标显示徽章，图像或视频。你设置可以轻松地在网页图标中使用动画，可以自定义类型的动画，背景颜色和文字颜色。它支持的动画，像幻灯片，渐变，弹出等等。
阅读全文