资讯频道 → Web前端
阅读更多

16顶
0踩

Web前端

转载新闻 Web 设计的 8 个趋势

2012-10-29 16:52 by 副主编 MnouW 评论(8) 有6999人浏览
web UI 设计
本文译自网站设计公司weavora.com，介绍了在他们眼里8个Web设计趋势：单页面、用照片做背景、色块设计、超大号的图片、聚焦简洁、响应式设计、视差滚动、强调字体，每个趋势后面都附了数个案例，相信对网站设计师会有一定的参考价值。

1.  单页面

单个长页面的设计一度不受人待见（无论是客户还是设计师），但现在整个互联网随处可见。一个合理的解释是，用户现在早已习惯于使用鼠标滚轮了，比起在多个页面间来回查看，用滚轮上下浏览要省事得多。

包括苹果在内的一些知名大公司也使用了相当长的页面来展示产品，获得了很不错的效果。



更多例子：

2.  用照片做背景

出于品牌或展示的目的，把照片用作网站的背景，这样可以形成强烈的视觉表达效果。这也是为何你能在时尚、服装品牌、旅游业等等行业看到这样的设计办法。



更多例子：

3.  色块设计

这一设计方法主要是引入了方块的网格设计，这些方块要么是纯色块配上文字，要么是方形照片配上文字。“简洁”是吸引用户的一大原因。不同的色块放在一起形成强烈的对比，容易引起用户的视觉兴趣，进而继续探索下去。



更多例子：

4.  超大号的图片

这一潮流的兴起多少与Mac OS X 图标设计的流行有关。当程序员为自己的Mac 程序推出网站时，这样配有超大号图片、突出品牌的设计再常见不过。自然地，这一潮流后来也被iOS 开发者继承了下来，成为现代设计文化的一部分。



更多例子：

5.  聚焦简洁

对简洁的追求贯穿了整个2012年，许多的网站开始寻求明快、直观的设计。极简设计旨在通过整合或是删除多余的页面实现简化，只给用户需要的东西。极简设计通常会用到大号的加粗字体、以及超大号的图片，清晰地把重要的东西传达出来。



更多例子：

6.  响应式设计

随着手机和平板设备越来越多地进入人们的生活，响应式设计也成为了当下网站开发不可忽视的一股力量。一个可自适应任何设备的网页是很了不起的。响应式设计能确保用户无论是在移动设备还是在PC上都能按你的意愿浏览内容。



更多例子：

7.  视差滚动

所谓“视差滚动 (Parallax Scrolling)”就是让多层背景以不同的速度移动，形成运动视差 3D 效果。随着越来越多的浏览器增加对视差的支持，这一技术也很有可能会更加流行。



更多例子：

8.  强调字体

之前，设计师所能使用的字体受用户电脑本地已有的字体所限。现在，借助Google fonts 和Typekit 等服务，从理论上说，你能使用的字体是无限多的，极大增强了网站设计的吸引力。设计师利用这一机会也已有了一段时间了，越来越多的网站也体现了对字体的重视。甚至有些网站如Typographica，字体就占了整个网站设计的绝大部分，出来的效果也相当不错。



更多例子：

相信以上的这些设计方法会流行相当长的一段时间，当然，你也可以发挥创造力，有机地组合它们，做出优秀的网站。

Via weavora
  • 大小: 72.6 KB
  • 大小: 130.1 KB
  • 大小: 106.2 KB
  • 大小: 88.6 KB
  • 大小: 74.7 KB
  • 大小: 89.9 KB
  • 大小: 82.8 KB
  • 大小: 100.6 KB
来自: 36氪
16
顶
0
踩
评论 共 8 条 请登录后发表评论
8 楼 MacTavish 2012-11-07 09:43
     
7 楼 eren 2012-11-05 10:24
未来趋势
6 楼 小兜咪 2012-10-31 09:55
中国什么时候能做出这么好的网站呢
5 楼 blackproof 2012-10-31 09:11
大师，您哪看的啊，怎么都是国外滴，能给点符合sb国情的吗
4 楼 lsmvictor 2012-10-30 19:25
feel so good
3 楼 风的足迹 2012-10-30 14:58
很好的设计
2 楼 fyland 2012-10-30 14:46
每个苦逼设计师后面都有一群指点江山的板神！
最终拍板的都是些没什么审美能力的土鳖或严重缺乏美感的技术员！
1 楼 kyfxbl 2012-10-30 14:23
这些网页都很漂亮哈

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 一定要知道的Web设计八个流行趋势

    但是，我们预测，在往后的日子，里面提及到的Web设计流行趋势依然会“大行其道”具体包括了单页网站、用图片做背景、实心砌块、超大号图像、越简单越好、响应式网页设计、视差滚动成动（荐）和注重字体排印等八大...

  • Web设计八个流行趋势.pdf

    Web设计八个流行趋势.pdf

  • 2011年值得注意的5个Web设计趋势

    2011年值得注意的5个Web设计趋势

  • Web设计趋势分析.docx

    Web设计趋势分析.docx

  • WEB交互&GUI设计趋势分析

    WEB交互&GUI设计趋势分析，UI交互易用性、稳定性、功能易用性

  • 10 个Web3 设计灵感网站

    10 个Web3 设计灵感网站：Cosmos、Axies Infinity、DeSo Foundation、Foundation App、Llama、Snapshot、Juicebox、Alchemy、RabbitHole ...然而，不可否认的是，Web3确实在技术和设计趋势方面带来了新的变

  • Web3D发展趋势以及Web3D应用场景

    总之，Web3D技术具有广泛的应用前景和发展潜力，未来的发展趋势将是多元化和智能化的。Web3D技术的应用场景还在不断扩展和创新比如工业、医疗、军事等行业，可以预见的是Web3D技术在未来将会有更广泛的应用。

  • 2021web开发趋势

    那么2021年前端技术趋势又将怎样呢？ 1、TypeScript爆发增长 从2019年开始，TypeScript 整个呈现出爆发性的增长，在NPM的下载量位于第四。 2、React下载量位列第一 三大主流前端框架：React、Angular和Vue.js...

  • 2017年8个最流行的Web编程趋势

    互联网一直在不断的发展，这意味着...Web编程趋势是在W开发的过程中不断变化，不断创新，并逐步淘汰已经过时的想法。以下是2017年你可能会看到的一些当前的Web编程趋势： 1. 360度视频 视频曾一度统治互联网，它能确

  • Web应用程序设计十个建议

    原文链接: Top 10 Design Tips for Web Apps 原文日期: 2014年04月02日 翻译日期: 2014年04月11日 翻译人员: 铁锚 现代web应用通常在互联网上通过SAAS(软件即服务)的方式获得收入。 许多企业还维护着支持业务...

  • Web前端技术的新趋势和发展

    Web前端技术的不断发展和创新，使得现代网页应用程序具有了更加出色的用户体验和互动性。本文将介绍一些最新的Web前端技术，并阐述它们对Web应用程序开发的重要性。

  • 10 个不错 Web3 设计灵感网站

    你不拥有 web3，但风险投资家拥有。

  • 主流web开发技术有哪些，盘点web开发最新发展趋势

    Web开发正以惊人的速度崛起，随着web概念的普及和W3C组织的推广，各种类型的桌面web应用大批量涌现，网站前端由此开始了它翻天覆地的变革，网页不再只是单一的文字或图片，各种丰富的媒体应用让网页的内容展现更加...

  • 2013年Web设计的三大趋势

    《2013年Web设计的三大趋势》作者：chszs，转载需注明。作者博客主页：http://blog.csdn.net/chszs趋势1：响应式设计响应式Web设计是今年国外最流行的词语之一。根源在于智能设备的发展及普及，平板电脑的销量逐步...

  • Web的MCF5249数据采集系统的设计

    随着网络技术发展和市场需求的变化，工业设备实现网络化管理控制已经成为一种必然趋势。本文讨论基于Web的MCF5249数据采集系统的设计方法，并从硬件设计和软件设计两方面进行讨论。

  • 在 2017 年将会更加流行的 6 个 Web 开发趋势

    原文： https://dzone.com/articles/the-6-web-dev-trends-youre-going-to-see-more-of-in 每到年底，人们总喜欢展望下一年，Web 开发领域也不例外。在 Web 开发领域，技术革新...更加移动优先响应式设计显然是目前 web

  • 浅谈PHP开发团队管理及程序员做人问题！

    浅谈PHP开发团队管理及程序员做人问题！看了标题，也许很多程序员会反感的说：“程序员的做人问题先不用谈，你想出来这个标题，那你做人是不是有问题吧！” 我本人并不反驳这样的说法，每个人都有自己的做人原则。法国人的那句俗话说的好：“我不苟同你的思想，但是我绝对捍卫你思想的自由”。 是，这是站在个人的立场上可以那么说。但是如果站在一个团队的立场上呢？一切不尽然了！无论马拉车的原理也好，还是木桶原理也

Global site tag (gtag.js) - Google Analytics