随笔分类 - 网页设计
网页设计
摘要：橙色是一种欢快活泼的色彩，是暖色系中最温暖的色，它使人联想到金色的秋天，丰硕的果实，是一种富足、快乐而幸福的颜色。今天，本文收集了20个橙色风格的网页设计作品与大家分享，希望能带给你灵感。
阅读全文
摘要：随着移动互联网的蓬勃发展，响应式布局的热度正在持续上升。但是对于 Email 来说，其标准几乎从来没有改变过，通常情况下，我们还是更喜欢固定宽度的布局。 Antwort 是一个免费的 Newsletter（电子报）模板， 仍然使用了表格，但提供了一个响应式的多列布局。 而且，这个模板在所有主要的电子邮件客户端（包括OutLook）都能使用。
阅读全文
摘要：如今，使用纹理是网站设计的最佳实践之一。纹理可以给你的网站一个极好的和时尚的外观。在本文中，收集了15套高品质的免费纹理包，这些纹理包有木材，纸张，纤维，金属，石头和雨滴等多种多样的材质。
阅读全文
摘要：今天这篇文章向大家展示20佳设计精美 HTML5 的网站作品，让大家感受一下 HTML5 的魅力。HTML5 新增了许多重要的特性，像 video、audio 和 canvas 等等，这些特性使得能够很容易的网页中包含多媒体内容，而不需要任何的插件或者 API。而其它的新元素，例如 section、article、header 和 nav 等，则是用来丰富网页内容。
阅读全文
摘要：在制作网页的时候，我们会使用一些假内容和图片来填充页面，这样能够看到更真实的效果。在之前的工作中，我用过的一款占位图片生成工具生成的图片是只有背景色的色块，没有图像，所以效果不够真实。这篇文章向大家分享一款特别有个性的随机占位图片生成工具——hhhhold.com，你可以通过 URL 定制，hhhhold.com 会随机返回图片。你永远想象不到下一张会是什么图片。
阅读全文
摘要：在网上溜达的时候发了这个好网站——opendesigns.org，上面分享了2068个免费的网站模板。提供了搜索功能，可以根据风格和功能（艺术、教育、画廊、杂志、作品集、电子商务等）、颜色以及关键字搜索模板，高级搜索模式还支持按列数、布局模式搜索。
阅读全文
摘要：响应式设计在近一年来谈论很多。如今，随着手机使用的惊人增长，每一个网站应该是响应式的，这样才能够适应用户五花八门的屏幕尺寸。今天，我收集了一些新鲜的响应式设计的优秀网站示例，希望能带给你帮助。
阅读全文
摘要：
2013年第一期（总第十三期）《Web 前端开发人员和设计师必读文章》和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心推荐的文章能够帮助到您。
阅读全文
2013年第一期（总第十三期）《Web 前端开发人员和设计师必读文章》和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心推荐的文章能够帮助到您。
阅读全文
摘要：应用程序的成功更多地依赖于它的界面，而不是它的功能，因为现在的用户更注重外观。 一个有吸引力的，友好的用户界面不是一件容易的事，因为你不仅要注重图形元素，还要知道如何完美地将它们组合。 下面你可以看到收集的20个有趣和创新的应用程序的界面设计例子。正如你可以看到的，他们具有实用性和设计之间的完美平衡。
阅读全文
摘要：不管你是多么优秀的程序员，你都不可能记住一切。在你编写程序的过程中碰到问题需要查阅手册的时候，若有现成的在线手册可参考则可以为你节省很多时间。为了方便各位朋友，我向大家推荐一个非常棒的在线手册索引网站——overapi.com，这个网站收集了众多对开发人员非常有用的手册，记得分享和推荐一下哦。
阅读全文
摘要：早在1月份，我向大家分享了《谈谈构建单页布局网站的创意技术》，随着单页设计得到越来越多的设计师的关注，今天我们决定向您展示一组鼓舞人心的单页网站例子，一起欣赏。
阅读全文
摘要：之前的文章向大家分享过 HTML5 网页作品、CSS 网页作品、移动网页作品以及各行各业的网站作品，例如餐饮、酒店、设计工作室、旅游等等。网页设计师需要花费大量的时间来创建一个漂亮的网站，让我们一起来欣赏这些优秀设计师的作品。
阅读全文
摘要：在所有类型的设计中，使用纹理的网站占了很大一部分。当你想最大程度的勾起观众的感受的时候，这种设计是最好的。您可以创建一个温暖和友好的网站，或者相反，你可以创建一个冷漠和严肃风格的。下面的集合包含25个使用纹理创建的华丽网站。你可以看到，他们每个网站都会传递出不同的氛围和感受。
阅读全文
摘要：
Windows 8 是由微软最新一代 Windows，具有革命性变化的操作系统。该系统旨在让人们的日常电脑操作更加简单和快捷，为人们提供高效易行的工作环境。创建一个 Windows 8 的图标是一项复杂的工作，因此，在这篇文章中，我已经为大家准备好了10套华丽的 Windows 8 Metro 风格图标包，可以免费下载使用。
阅读全文
Windows 8 是由微软最新一代 Windows，具有革命性变化的操作系统。该系统旨在让人们的日常电脑操作更加简单和快捷，为人们提供高效易行的工作环境。创建一个 Windows 8 的图标是一项复杂的工作，因此，在这篇文章中，我已经为大家准备好了10套华丽的 Windows 8 Metro 风格图标包，可以免费下载使用。
阅读全文
摘要：之前和大家分享过 HTML5 网页作品、CSS 网页作品、移动网页作品以及各种行业的网站作品，例如餐饮、酒店、设计工作室、旅游等等。许多网页设计师花费大量的时间来建立一个漂亮的网站设计，这些网页看上去非常优雅，有吸引力，神秘而且非常醒目。
阅读全文
摘要：如果你正在寻找新鲜出炉的字体素材，那么你找对地方了。在这篇文章中，你可以找到25款最佳的免费英文 3D 艺术字体，可以免费下载用于项目中。在之前的文章中，我向大家分享了众多高品质字体相关的文章，有手写字体、空心字体、火焰字体、简历字体、涂鸦字体、节日字体、装饰字体和复古字体等等。
阅读全文
摘要：Flat UI Free 是一套精美的扁平风格 UI 工具包，基于 Twitter Bootstrap 实现，该工具包还包含一个设计师可以使用的 PSD 版本。这套界面工具包包含许多基本的和复杂的 UI 部件，例如按钮，输入框，组合按钮，复选框，单选按钮，标签，菜单，进度条和滑块，导航元素等等。
阅读全文
摘要：浏览器渲染页面的方式各不相同，甚至同一浏览器的不同版本（“杰出代表”是 IE）也有差异。因此，浏览器兼容成为前端开发人员的必备技能。如果有一份浏览器 Hack 手册，那查询起来就方便多了。这篇文章就向大家分享 Browserhacks 帮我们从网络上收集的各个浏览器特定的 CSS & JavaScript Hack，记得推荐和分享啊！
阅读全文
摘要：电子商务是一个不断发展的行业，方便买卖双方。购物者可以在家里购买到自己需要的商品，而商家只需要管理一个网站，而不是一个完整的实体店。但是，当你发展你的网上商店时，其实是采用和设计一个实体店相同的方式，需要想想你的客户希望看到什么样的风格。这篇文章收集了20个简约风格的电子商务网站设计案例，希望能带给你灵感。
阅读全文
摘要：这款由 Matt Kersley 开发的响应式网页测试工具能够帮助你测试在网页设计和构建过程中的界面效果。目前提供了 240、320、480、768 和 1024 五种宽度的显示效果测试，以及 240 x 320 (small phone)、320 x 480 (iPhone)、480 x 640 (small tablet)、768 x 1024 (iPad - Portrait) 和 1024 x 768 (iPad - Landscape) 五种设备尺寸的显示效果测试。
阅读全文