随笔分类 - 网页设计
网页设计
摘要：过去的几年中，不断涌现出新的自定义网站设计技术。一个非常流行的想法是把所有的主要内容放在一个页面，使用动态滚动动画来定位内容，这种单页布局在只需要显示相关信息的一小部分的目标网页和移动应用程序制作网站经常使用。在这篇文章中，我想向大家介绍单页网站中一些有趣的技术。希望这些想法能够给正在寻找这方面内容的年轻设计师提供灵感。
阅读全文
摘要：2012年对于网页设计领域来说是非常有趣的一年，响应式设计的流行孕育了辉煌的重新设计：巧妙的布局、清晰的排版和强烈的色彩对比。下面分享一组独特的网页设计作品，这组优秀网页作品向你展示的对于未来网页设计发展的想法会让你倍感兴奋。
阅读全文
摘要：这篇文章收集了25款精美的免费 CSS 网站模板分享给大家，您可以免费下载使用。相信这些漂亮的免费 CSS 网站模板既能够帮助您节省大量的时间和精力，又能有很满意的效果。
阅读全文
摘要：本文是《2012年度最独特的网页设计作品展示》第二篇，2012年对于网页设计领域来说是非常有趣的一年，响应式设计的流行孕育了辉煌的重新设计：巧妙的布局、清晰的排版和强烈的色彩对比。这里分享一组独特的网页设计作品，这并不是一个完整的集合，只是众多优秀网页作品的代表。
阅读全文
摘要：Web Lab 由五个 Chrome 实验装置组成，展现互联网给生活带来的非凡变化，让世人体验 Web 的神奇！这些装置在伦敦科学博物馆进行了长达一年的展出，任何地方、任何人都可以通过 chromeweblab.com 和这些装置互动。到底是什么东西呢？赶紧来瞧瞧。
阅读全文
摘要：2012年对于网页设计领域来说是非常有趣的一年，响应式设计的流行孕育了辉煌的重新设计：巧妙的布局、清晰的排版和强烈的色彩对比。下面分享一组独特的网页设计作品，这组优秀网页作品向你展示的对于未来网页设计发展的想法会让你倍感兴奋。
阅读全文
摘要：Font Awesome 是一套专门为 Twitter Boostrap 设计的字体图标库。这套图标集几乎囊括了网页中可能用到的所有图标，除了包括 Boostrap 的默认图标外，还有社交网络图标、Web 应用程序图标和编辑器图标等等，可以免费用于商业项目。
阅读全文
摘要：过去的2012年，Web 领域有众多新变化：HTML5 将在2014年成为推荐标准；W3C 任命了4位新编辑来管理 HTML5 规范并托管到 Github 上面；WHATWG 继续致力于活动的 HTML 标准（Living Standard）。这一年，响应式设计和 Twitter Boostrap 引导了主流，微软发布了 IE10，Chrome 和 Firefox 这都新发布了7个版本。这一年，众多优秀的网页设计作品涌现出来，这篇文章精心挑选了2012年排名前20的 HTML5 网站，相信这些优秀网站能够带给你惊喜。
阅读全文
摘要：404页面在我们平常浏览网页的时候并不会经常碰到，也因此很容易被忽略，但是有一些无意中出现的404页面的确很有意思。404页面也有一些特别的用途，例如显示公益广告，推广网站自身的内容等等，自定义404页面也是改善网站用户体验的一个方面。这篇文章向大家分享25个史上最有创意的404页面设计集锦，同时分享：一组漂亮的404错误页面模板下载。
阅读全文
摘要：您是否正在寻找精美的高品质的 PSD 文件？在这里，我收集了50套新鲜出炉的精美 PSD 文件，分享给设计师朋友们。 在这个 PSD 文件集合中，你可以找到 UI 工具包，设计界面，图标集，网站模板，网页徽章和 PSD 图标等等。
阅读全文
摘要：Profound Grid 是一个实现固定和流动布局的网格系统。内置 SCSS，带给你灵活性和全面的控制。你可以让让个流动或者固定，还可以根据需要为每个媒体添加布局。更改列和间隔宽度，并根据需要删除或添加列。这个网格系统让您的的标记语义化，没有任何“grid_x”类。除非你想使用它们，在这种情况下，它们也可以包括在内。深刻的网格使用负外边距计算列。与其他网格系统不同，流体布局在每一个浏览器看起来几乎完全一样。
阅读全文
摘要：移动互联网在过去一年呈现爆发性增长，掀起移动互联网应用的热潮。众多互联网公司都争相推出手机应用和手机网站，想在移动大蛋糕中分一杯羹。这篇文章向大家分享20款精美的手机网站模板，可以免费下载。
阅读全文
摘要：今天分享字体集合特别分享给平面设计师。在这篇文章中，你可以找到25款新鲜出炉的免费英文艺术字体。在之前，我发表了众多高品质字体相关的文章，有手写字体、空心字体、火焰字体、简历字体、涂鸦字体、节日字体、装饰字体和复古字体等等。
阅读全文
摘要：您是否在寻找高品质的 PSD 文件？在这里，我收集了50个新鲜出炉的精美 PSD 文件，分享给设计师朋友们。 在这个 PSD 文件集合中，你可以找到 UI 工具包，设计界面，图标集，网站模板，网页徽章和 PSD 图标等等。
阅读全文
摘要：今天，我们为您带来20佳来自世界各地的顶级品牌鞋电子商务网站设计。现在网上购物是越来越受欢迎，在线购物让我们可以足不出户买到心仪的商品。设计电子商务网站是一项非常有挑战性的任务。如果网站销售的是顶尖品牌的鞋，那么网站应该传达一种奢侈的风格，如果是女鞋，这要期体现出时尚潮流，男鞋则要体现成熟稳重的风格。
阅读全文
摘要：Elusive Icons 是一套网页字体图标，可用于任何项目。这套图标集包含270款圆滑的矢量图标，特别适合基于 Twitter Bootstrap 的项目。它使用的是开源的字体，在项目中使用没有任何授权的问题。如果你不那么在意许可证，那么还有很多类似的字体图标库可以使用，最引人注目的是 Font Awesome。下载此字体时，你还会收到所有 SVG 格式的矢量图标，这样你就可以修改这些字体，使其更加完善，并贡献到 Github 上面。
阅读全文
摘要：网页中的颜色呈现会受到各种因素的影响，即使你的网页使用了非常漂亮的配色方案，但是如果每个人浏览的时候看到的效果都不相同，那么你的配色理念就不能够非常好地传达给浏览者。使用216网页安全色进行网页配色可以避免颜色失真问题。网页安全色是指在不同硬件环境、不同操作系统和不同浏览器中都能够正常显示的颜色集合（调色板或者色谱），也就是说这些颜色在任何终端用户的显示设备上都是相同的效果。
阅读全文
摘要：年度盛宴系列继续奉献境内才内容，今天分享字体集合特别分享给平面设计师。在这篇文章中，你可以找到25款新鲜出炉的免费英文艺术字体。在之前，我发表了众多高品质字体相关的文章，有手写字体、空心字体、火焰字体、简历字体、涂鸦字体、节日字体、装饰字体和复古字体等等。
阅读全文
摘要：这是2012年最佳 Photoshop 教程系列文章的最后一篇，这些优秀的 Photoshop 教程教大家如何设计和制作精美的网站。如果你跟着教程一步一步的学些，能够学到很多在 Photoshop 中制作网页的技巧。同系列文章：Photoshop 实例教程【文字特效篇】、Photoshop 实例教程【照片特效篇】、Photoshop 实例教程【绘图篇】。
阅读全文
摘要：经典网页设计设计系列给大家带来激发你灵感的20个多彩的网页作品。五彩缤纷的网页和简洁清爽的网页一样讨人喜欢，有时候颜色可以完全改观一个网站的外观，一起欣赏。
阅读全文