随笔分类 - 网页设计
网页设计
摘要:《设计宝库》系列给大家带来22套精美的 PSD 设计素材,你可以免费下载使用。设计师经常会去网上搜罗各种各样的素材,这些免费素材不仅能帮助他们节省大量的时间,而且能有很好的效果。非常感谢那些很有才华的设计师分享它们的劳动成果,让更多的人可以使用他们的创意设计。记得分享和推荐一下哦 :)
阅读全文
摘要:单页网站把所有的内容都展示在一个页面中,让访客访问页面的时候不需要跳转到其它的页面。网站的内容不是很多而且将来内容也不怎么增加的情况下,制作成单页网站(Single Page Websites)的形式是很好的选择。下面和大家分享一组漂亮的国外单页网站设计案例,一起欣赏。
阅读全文
摘要:表单元素让人爱恨交加。作为网页最重要的组成部分,表单几乎无处不在,从简单的邮件订阅、登陆注册到复杂的需要多页填写的信息提交功能,表单都让开发者花费了大量的时间和精力去处理,以期实现好用又漂亮的表单功能。这篇文章分享几款很棒的 JavaScript 下拉列表功能增强插件。
阅读全文
摘要:在这篇文章中,我们编译了一组有用的 CSS3 动画按钮教程和引人注目的实验。正如我们都知道的,CSS3 在网页设计方面是最重要和最关键的,可以使您的网站对访客更具吸引力和互动性。你可以学习这些教程和试验中的优秀技术并使用它们为您的作品创造更多的乐趣。
阅读全文
摘要:《Web 前端开发精华文章推荐》2013年第七期(总第十九期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要:大家都都知道,HTML5 具备所有最新的技术和功能,帮助我们创造平滑过渡,花式图像滑块和动画。如果你正在考虑使用HTML5 来设计自己的网站,那么这个集合能够帮助你。在过去的10年里,网页设计师使用 Flash、JavaScript 或其他难用的软件创建网站。但现在你可以前所未有的快速、轻松地设计或创造互动的、有趣好看的网站。
阅读全文
摘要:在这篇文章中,我们展示的是自由和清新的 UI 设计素材套件。这些线框图和 UI 设计工具包让设计师在设计用户界面原型的时候能够非常便利。 Web 用户界面,移动用户界面和线框套件对设计师很有用。所以,这些集合了一组免费的 Web 和移动用户界面,线框套件和资源供您使用。
阅读全文
摘要:我们看到越来越多的网页设计师意识到排版的重要性。现在有了 Typekit, Google Fonts, 和 Fontdeck 这些优秀的字体服务,如网页设计师设计创意类型比以往任何时候都有更多的自由。所以这篇文章中,我集合了一组鼓舞人心的网页版式设计作品展示给大家,希望你喜欢!
阅读全文
摘要:在这个集合中,我向大家分享一组精美抽象背景图片素材,可以免费下载。我们都知道,通过使用美观和瞩目的背景,可以创建出有绝对的吸引力的设计。这是设计师花费那么多的时间创建创造性网页背景的最主要的原因。在这里收集了24个精美的抽象背景图片素材,可以免费下载。
阅读全文
摘要:网络上众多优秀的 Photoshop 实例教程是提高 Photoshop 技能的最佳学习途径。今天,我向大家分享25个新鲜出炉的 Photoshop 高级教程,提高你的设计技巧,制作时尚的图片效果。这些教程可以帮助把你的想法变成现实,并创造新的东西。
阅读全文
摘要:在这篇文章中,你会看到一组充满创意的404错误页面设计。我希望这个集合能够启发和帮助你设计自己的 404 错误页面。一个自定义的404错误页面将鼓励用户在您的网站上停留更长的时间。404页面必须让访客容易理解,最好有有一些互动。你会看到下面的例子中一些网站在404页面中添加用户可以参与的小游戏,这是一种很好的设计方式。
阅读全文
摘要:今天这篇文章收集了25套非常精美的 PSD 网页设计素材,你可以免费下载使用。设计师经常会去网上搜罗各种各样的素材,这些免费素材不仅能帮助他们节省大量的时间,而且能有很好的效果。非常感谢那些很有才华的设计师分享它们的劳动成果,让更多的人可以使用他们的创意设计。记得分享和推荐一下哦 :)
阅读全文
摘要:网页设计师努力寻找新的方式来展现内容。其中一个大的趋势是单页网站,现在被世界上的一些大的品牌广泛采用,使用它们来为用户提供一个快速,干净和简单的而且美丽的网站。下面是10个令人惊叹的单页 HTML5 的网站,涵盖了简约设计,简单导航和视差滚动的综合应用。
阅读全文
摘要:一个自定义的404错误页面将鼓励用户在您的网站上停留更长的时间。这种页面必须容易理解,友好(保持网站的整体感觉)以及有一些互动。你会看到下面的例子中,有的网站会在404页面中添加用户可以参与的小游戏。在这篇文章中,你会发现一些充满创意的404错误页面设计。我希望这个集合能够启发和帮助你设计自己的 404 错误页面。
阅读全文
摘要:在过去的10年里,网页设计师使用 Flash、JavaScript 或其他复杂的软件和技术来创建网站。但现在你可以前所未有的快速、轻松地设计或创造互动的、有趣好看的网站。如何创建?答案是 HTML5 。这篇文章向大家展示20个创新的 HTML5 网站。看看这些惊人的 HTML5 网站,从这些优秀的 HTML5 网站获取灵感并应用在自己的网站中。希望你会喜欢这个集合。
阅读全文
摘要:选择正确的 JavaScript 框架,对于开发移动 Web 应用程序是至关重要的,也是移动应用程序开发的一项重要任务。开发人员可以使用框架实现的功能高效地达到他们的开发目标。这些预实现的组件采用优秀的设计模式和最佳实践,促进应用程序以标准化的方式开发。最重要的是,它让开人员在开发过程中得心应手。
阅读全文
摘要:对于视差滚动(Parallax Scrolling),关注网页设计的朋友都不会陌生。在网页设计中,视差滚动是一种很特别的网页设计技术,通过让多层背景以不同的速度或者不同的方向移动形成 3D 运动效果,有很强的视觉冲击力。 前阵子视差被用来提供一个漂浮在屏幕周围的元素,有很多的网站使用这种效果,有点势不可挡的趋势。
阅读全文
摘要:在这里,我们给大家分享一组精美的 PSD 源文件素材,可以免费下载使用。PSD 素材是很好的资源,对于每个设计师都非常有用,这是设计师之所以不断发布新的和有用的 PSD 文件的原因。高品质的 PSD 文件可以帮助设计师节省大量的时间,因为当一个设计师有相关的 PSD 文件,他不需要让设计从零做起。
阅读全文
摘要:Google Web Designer 可以帮助你创建引人入胜,互动的基于 HTML5 的设计和动画,可以在任何设备上运行。如果你喜欢自己动手,设计背后的所有的代码都是可以手工编辑的。虽然可视化工具是很有帮助的,但它永远不能代表你的创造力,想象力。这就是为什么你可以来回翻转设计“视图和”代码“视图,可以立即看到设计中所做的任何更改的都能在代码中体现。
阅读全文
摘要:如果您已经使用了 CSS 或前端框架,创建响应式布局应该不难。 然而,如果你刚涉足这类布局,Responsive Web CSS 可以帮助你快速上手。这是一个基于 Web 的工具,使任何人都可以通过拖放创建一个具有响应性的布局原型。你可以简单地添加任意数量的页面,DIV,定义百分比的宽度,也支持嵌套网格,还可以自动生成下载文件。
阅读全文