随笔分类 - 网页设计
网页设计
摘要：汉堡图标的用户界面功能已经有很悠久的历史，你甚至无法找到真正的原作者。汉堡图标，也就是三条小横线，一直以来被用于表示指向菜单的链接，是一个用来提醒用户那里有隐藏的菜单列表的最佳方式。下面是我收集的20例采用汉堡图标设计来指示隐藏菜单的网站案例。
阅读全文
摘要：404页面在我们平常浏览网页的时候并不会经常碰到，但是有一些无意中出现的404页面的确很有意思。404页面也有一些特别的用途，例如显示公益广告，推广网站自身的内容等等。这里分享一个创意的404错误页面设计案例。
阅读全文
摘要：在过去几年里，网站设计领域发生了巨大变化。除了 RWD（响应式网页设计）和 Web 字体的革命，现代设计的发展趋势迅速流行扁平化的配色方案。经过这些年的尝试和努力后，我们已经真正进入到了干净的网页设计的时代。下面选择了25个简约干净的网站，具备我们上面提到的所有因素，他们都以自己的方式来呈现美丽，你有什么感想？
阅读全文
摘要：注册表单有许多不同的形状和尺寸，有的只是单个的输入框，有的则需要多个步骤。登录表单的设计将定义网站的性质，因此它应进行针对性的设计。下面的列表提供了20个醒目的登录和注册表单设计为您提供灵感。
阅读全文
摘要：响应的网页设计方法让你的网站对移动设备更加友好。网站开发者们采用最新的 HTML5 和 CSS3 技术以及最新的编码标准来制作响应式网站。响应式设计使网页设计更加强大，更具互动性和更美观。响应网站的设计有许多特色，使开发人员和设计人员能够创建速度快，性能优越的应用程序和网站，并适合于所有设备。
阅读全文
摘要：今天，我们编译收集一组使用 HTML5 和 CSS3 制作的精美网站。在此集合中，你可以看到平面设计，网页设计，作品集和企业网站设计实例。响应式设计和基于 HTML5 & CSS3 编码的网站是为网站制作的理想解决方案。 HTML5 & CSS3 制作出来的网站结构良好，有很多惊人的效果，并能够在任何设备上浏览。
阅读全文
摘要：响应式的网站是指它能够适应客户端的屏幕尺寸，自动响应客户端尺寸变化。响应式设计技术用于创建可在任何设备上进行查看，并可以从桌面电脑屏幕无缝切换到智能手机的网站制作技术。这里分享的15个国外优秀网页作品可以帮助你更好的学习响应式设计。
阅读全文
摘要：响应式设计和基于 HTML5 & CSS3 编码的网站是为网站制作的理想解决方案。 HTML5 & CSS3 制作出来的网站结构良好，有很多惊人的效果，并能够在任何设备上浏览。今天，我们编译收集一组使用 HTML5 和 CSS3 制作的精美网站。在此集合中，你可以看到平面设计，网页设计，作品集和企业网站设计实例。
阅读全文
摘要：《Web 前端开发精华文章推荐》2014年第7期（总第28期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：如果你打算开发网站，你想要关注的第一件事就是网站的外观和感觉。另外用户体验很重要，现在是属于移动互联的时代，用户有可能通过移动设备浏览你的网站，因此同样重要的是要考虑你的网站在移动端的使用体验。使用 HTML5 和 CSS3 响应式设计的理念能够提供更好的体验。
阅读全文
摘要：设计师、工程师、建筑师以及其他创意行业的人员大部分时间是在自己的电脑前。几乎所有的工作的完成，社交关系和电子邮件交流都是在电脑前完成。今天，我想把大家的注意力带到20个令人称赞的以整洁的工作区为背景的网站设计例子中。
阅读全文
摘要：《Web 前端开发精华文章推荐》2014年第6期（总第27期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：向社会大众呈现网站内容的方式有很多，这里推荐一组应用方形和矩形元素的网站。人们通常习惯把方形块用于作品集和电子商务网站，因为它是组织和展示作品，如设计，摄影，产品等正方形和长方形元素的最佳方法之一，能够把事情描述清楚和易于理解。下面这20个创意的网站都是使用方形元素的，设计师们可以从中获取灵感。
阅读全文
摘要：图片能够给网页添加很多的个性和情感，另外也是一个抓住观众的注意力的伟大的方式。知道如何在网页设计中使用图像是一门技术，更是一门艺术。所以今天我们给大家推荐一些在布局中使用图像的优秀网站作品。从展示产品到交流想法或情感，图像是一个与你的访客交流的伟大的方式。相信你会在这里找到很多灵感。
阅读全文
摘要：单页网站已经流行很久了，受到很多人的喜爱。从视差滚动和流畅的动画到固定和干净的菜单，你会发现单页网站的效果真的很酷！在这篇文章中，我们寻找了一些真正好用的单页网站创建工具分享给大家。这些工具对于那些想要一个方便的方法来创建单页网站的在线作品集网站或引导页面的人来说很有用。
阅读全文
摘要：下面的列表集合了20款高质量的免费 HTML5 网站模板，这些专业的模板能够让你的网站吸引很多的访客。这些免费的 HTML5 模板虽然不是响应式的，不过都很实用。赶紧来看看。
阅读全文
摘要：《Web 前端开发精华文章推荐》2014年第5期（总第26期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：下面的列表集合了20款响应式的 HTML5 网页模板，这些专业的模板能够让你的网站吸引很多的访客。除了好看的外观，HTML5 模板吸引大家的另一个原因是由于其响应性和流动性。一起来看看。
阅读全文
摘要：创意的空间是无穷无尽的，下面这组基于桌面视图的网页设计作品带给你独特的视觉冲击。通过使用摄影或完整的布局模仿书桌或桌子来实现这种风格。
阅读全文
摘要：越来越的用于通过移动设备访问网络，因此对于企业来说，现在比以往任何时候都更需要一个移动网站。但是，怎么样才能制作一个优秀的移动网站呢？为了回答这个问题，Google 与 AnswerLab 合作，研究如何一系列用户如何与不同类型的手机网站互动。谷歌建立了移动网站设计的25个原则，以帮助企业构建用户体验优秀的移动网站。
阅读全文