随笔分类 - 网页设计
网页设计
摘要：
《Web 前端开发精华文章推荐》2013年第六期（总第十八期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
《Web 前端开发精华文章推荐》2013年第六期（总第十八期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：最近，你会发现大家都在讨论扁平化网页设计。每个人都想要它，因为它很酷，因为它是目前的趋势。扁平化设计，因其简单性和关注用户，去除了很多网站的不必要的元素，例如沉重的背景图片，渐变，斜面和其他一切使空间杂乱的东西。在这篇文章中，你可以看到30个华丽的扁平化网页设计作品，我敢肯定你会喜欢这个集合。
阅读全文
摘要：虚拟物品的网站设计必须是能够让人惊奇的，和实物营销相同的规则同样可以应用在这里。这个网站必须说服用户就像实物的包装设计，必须让他好奇，愿意找出更多有关产品的信息，并最终购买。因此，下面你可以看到20个华丽的网站用于展现和宣传 iPhone 应用程序。
阅读全文
摘要：每天都有很多新的网站推出，其中不乏一些设计极其优秀的作品。这个系列的文章，我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平，相信你可以得到很大的启发。
阅读全文
摘要：使用醒目的颜色组合是一种常见的广告策略，因为它有助于快速捕捉观众的注意力。同样的方法也适用于在网上行业，例如广告横幅和宣传单，但它也可用于网站建设。有许多研究表明用户对某些颜色有特别的亲和力，因此，使用这些颜色会增加成功的机会，提高用户回访率。由于这种设计方法的普及，我们会看到很多色彩丰富的网站，有趣，友好，下面向大家展示的30个极具吸引力的多彩网页设计作品。
阅读全文
摘要：长阴影其实就是扩展了对象的投影，感觉是一种光线照射下的影子，通常采用角度为 45 度的投影，给对象添加了一份立体感。长阴影快速发展为流行的设计趋势，并经常被应用到扁平设计方案的对象。更详细的介绍可以阅读《扁平化设计的最新趋势 – 长阴影》一文，相信看了之后你会长阴影设计有更深的了解。
阅读全文
摘要：优秀网页作品赏析《第四季》，精彩继续每天都有很多新的网站推出，其中不乏一些设计极其优秀的作品。这个系列的文章，我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平，相信你可以得到很大的启发。
阅读全文
摘要：手写字体可能不是网页设计最好的选择，但你可以用它们在一些标题，壁纸，通知等地方。当你试图为您的设计作品实现独特的外观的时候，手写字体可能是很有用的。在下面的列表，你会发现30款漂亮的免费手写风格字体。虽然不是很多，但这里只有最好的，干净和最美丽的手写字体。
阅读全文
摘要：扁平化设计正被用于各个主流的移动操作系统以及许多流行的网站，这是一个不断上升的趋势。 这种趋势有其分支，其中之一是“长阴影 “的效果在元素上的使用。 采用角度为 45 度的投影，给对象添加了一份立体感。为了营造轻松的这样的效果，有一个免费的 PSD 文件称为 Long Shadow Generator ，可以帮助你在 Photoshop 中轻松实现长阴影效果。
阅读全文
摘要：着陆页是一个在线营销的概念，是指当访客点击一个搜索引擎优化的搜索结果进入的第一个页面或“着陆”页面。这是一个重要的页面，它和提供的产品或服务的广告有点类似，提供了与产品相关的精确的信息，告诉客户可以购买的产品或服务。着陆页对于帮助网站把访问者转换成销售非常重要。因此，产品的消息必须明确，设计必须能吸引人且简单易懂。
阅读全文
摘要：我们可以说，最近图像在网页设计中的中心舞台。我们已经看到了一些真正美丽的网站中圆滑图像的焦点十分引人注目。在网页设计中，从简约的概念到完整的背景图片，有几种不同的图像的使用方法。所以今天我们将告诉你一些启发性的例子。下面收集的这些网站将证明，一个美丽和高品质的图像可以传递信息，增添个性。
阅读全文
摘要：Web 元素是任何网站相关项目都需要的，质量和良好设计的元素对于设计师来说就像宝贝一样。如果您正在寻找您的网站，博客，Web 应用程序或移动应用程序寻找完美设计的网页元素，那么下面这个列表会是你需要的。今天这里收集的免费资源是25套免费的 Web UI 设计的 PSD 界面元素，用于 Web 和 Mobile APP 设计。
阅读全文
摘要：每天都有很多新的网站推出，其中不乏一些设计极其优秀的作品。这个系列的文章，我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平，相信你可以得到很大的启发。
阅读全文
摘要：Codrops 给我们分享了一个多层菜单的实现教程。他们试图探索创建一个嵌套的多级菜单，是非常有用的东西，可以有很多的内容，如网上商店的导航菜单。 这个 Push Menu 效果理论上可以包含无限嵌套的子菜单。
阅读全文
摘要：响应式设计的准则在于根据用户使用的屏幕的分辨率来改变网站的的布局。因此，视频或图像的大小和文本的数量，可以被视为是一个明显的变化。让你即使从智能手机浏览一个网站的时候能轻松地看到网站上的重要内容。今天，我们聚集了35新鲜的和鼓舞人心的响应式 Web 设计实例。
阅读全文
摘要：扁平化设计的流行，源于它简约的设计态度。扁平设计去除所有多余的元素和功能，在网页设计，如图形，声音，渐变，3D元素，阴影效果等，可以使设计看起来紧凑和充满吸引力。在这篇文章中，我收集了30个免费的扁平化设计 PSD 素材，这些对设计师很有用。
阅读全文
摘要：TypeWonder 让网页字体的选择过程变得轻松愉快。它可以帮助您在任何网站上快速测试 Web 字体效果！输入网站网址，就能够即时预览的字体的实际效果，还可以从数百种字体中进行挑选，您还可以得到所需字体的代码，可以很方便的嵌入到您的网站。
阅读全文
摘要：网络上有数量庞大的服务和应用程序网站，它们以自己的方式向用户展示自己的产品和想法。我浏览过很多的网站，想寻找鼓舞人心的网站实例，但是服务和应用程序网站通常很难找到很好的设计。这就是为什么今天我收集这组鼓舞人心的网站例子。
阅读全文
摘要：响应式和现代设计风格的多用途 WordPress 主题与能够非常灵活的适应所有设备。而高级主题能够更大可能性的轻松定制。所有的主题是完全响应式的，您可以从主题选项中禁用/启用响应模式。
阅读全文
摘要：随着互联网的发展，网页设计变得越来越复杂，如今设计的外观和感觉实现网站功能说使用的开发技术一样重要。同时，网页设计领域也在发生巨大的变化，例如之前流行的扁平化设计伴随着 iOS 7 的发布被带到了新的高度，更多的人了解了这种前卫的设计理念。当设计师们还在讨论这种设计的时候，扁平化的设计又有了最新趋势——长阴影设计（Long Shadow Design）。
阅读全文