跳至主要内容

2015年网页设计我们将看到这十大趋势

 每年,网站设计都在快速进步,每天几乎都有新的设计出现。我可以想象得到,2015 年将出现最好的网站,包括 2014 年已经预测到的许多趋势。随着这些趋势在 2015 年左右实现,现在该是时候让我们预测 2015 年可能出现的新趋势了。每个人都在反思 2014 年,并展望 2015 年,下面就让我们看看 2015 年可能出现的网站设计趋势。 
  滚动翻页更流行 
  今天出现的大多数新网站倾向于更长的页面,并通过滚动方式翻页。随着移动设备越来越受欢迎,以滚动方式浏览显示器上的内容变得越来越常见,正代替点击方式,特别是在设备的主页面上。对于用户来说,以滚动翻页的方式获得信息显然比不断地点击按钮更简单。 
  主页并非滚动翻页越来越流行的唯一地方。随着超长滚动网站(即一页式网站)日益变得热门,滚动带来的好处也更多,除主页面外的其他许多地方也开始出现这种模式,比如有关网页以及产品网页等,它们都已成为展示各种内容的简单显示方式。比如,苹果 iPhone 6 的滚动翻页方式已经扩展到许多地方,可以展示该产品各种特点和性能。此外,iPhone 6 网站也增加了一些流畅的动画,让滚动体验在视觉上变得更具吸引力。
  讲故事+互动 
  对于网站来说,拥有令人感到惊异的内容总是非常关键,而利用这些内容讲故事更是一大优势。2015 年的网站设计很可能聚焦于如何为用户讲故事。比如,Space Needle(美国西雅图地标建筑太空针塔)的网站非常漂亮,可以通过使用讲故事的方式介绍 Space Needle 的有关事实,并以滚动翻页的设计予以支持。Space Needle 也证明 2015 年的另一种趋势——互动。网站设计正添加更多互动和动画元素,以独特和有吸引力的方式帮助介绍内容。在网站设计中加入互动与动画,可以为你的网站带来令人惊讶的因素。比如,Impossible Bureau 网站的互动性就很强,可以对你的滚动和悬停做出回应。 
 大标题背景图像缺失 
  过去几年中,网站设计中十分流行大标题背景图像,上面经常有文字说明,这也是大多数访客浏览网站时首先看到的东西。而在大标题背景图像如此流行的情况下,你的网站如何能脱颖而出呢?采取相反措施。近来出现的一些网站逆势而行,即没有大标题背景图像。我猜,他们这样做不仅仅是不愿意追随潮流,而且也在寻求提高网站的性能与速度。New Wave Company 的网站就体现出这些特点。它使用大标题欢迎访客,大字体集中在网页中心,但标题后面没有大背景图片。这是一种高雅的做法,效果并不次于其他使用大背景图像的流行网站设计。 
 剔除非必要设计元素 
  有一种设计观念认为,当所有非必要元素都被剔除后,网站设计才算完成。2015 年,我认为我们能够看到这种观念更好地体现出来,因为更多网站都在试图通过剔除非必要设计元素实现网站设计的简化。New Wave Company 网站中剔除大背景图像的做法就是最好例证之一。另一个剔除非必要设计元素确保网站简洁的最佳例证是 Rareview Digital Agency 网站,它也没有使用大背景图像标题问候访客。 设计师们实际上已经消除了许多当前网站上流行的设计元素,比如背景颜色、众多图片以及复杂布局等。相反,他们选择更清晰、简洁的网站设计,在注重设计、图片以及颜色的当前网站中,这些设计不禁令人眼前一亮。
  固定宽度的中心网站布局 
  过去几年中,大多数网站都使用了以宽度为中心的网站布局,它可以让图片或视觉延伸部分在整个浏览器视口中全部展现出来。在这种趋势热门前,大多数网站都是固定宽度的,内容处于网页中心,你可以看到网站两侧的终结部分。固定宽度趋势似乎正以更现代的方式回归,只是网站及其内容部分不再处于视口的边侧,有些网站选择最大宽度,以确保它们的内容处于视口中心。Michele Mazzucco 的网站就是如此。 

专业高质量自定义摄影 
  图库照片依然在设计中占有一席之地,但是对于大多数最新出现的网站来说,图库照片开始采取高质量的专业摄影照片,它们通常是独一无二的,专为网站自定义拍摄的。使用自定义摄影比仅选区图库照片在设计方面取得了更大进步,它让你的网站独一无二,其他网站无法使用同样的照片。比如,Grain and Mortar 网站的自定义照片使用了该网站的大标题,这展现出个性化效果,因为照片上的人和办公场景都是在 Grain and Mortar 真实存在的,毕竟没有假办公空间的图库照片! 
弹出/滑出应用式菜单 
  响应式网站设计已经流行了一段时间,可是直到近来,大多数网站设计重点都放在令网站在桌面设备上看起来更好,而在手机或平板设备上看得过去即可。无论何种设备,响应式网站设计正迈向更好体验。我们正看到这种设计元素向移动设备上转移,并在更广泛地使用。比如 24ways 与 Rawnet 都展示了这种观念,将类似应用和响应式菜单添加到整个网站中,而不仅仅有更小视口的设备上。在这种情况下,这两家网站选择靠左或靠右的垂直菜单,而不是位于顶部的水平菜单,使用起来更像弹出/滑出应用式菜单,这种技术允许网站应用与响应式设计出现在更小的视口上。 
 隐藏主菜单 
  这与上面讨论过的弹出/滑出应用式菜单很像,我期待更多网站可能向首次访问网站的访客隐藏主菜单。只有当访客准备移动和点击相应图标后,这些隐藏菜单才会显示出来。这种响应式设计技术正开始出现在网站设计中,而非仅仅小的视口中。Brian Hoff Design 的新网站就是最好的例子。他使用网站右上角的汉堡图标隐藏导航功能,直到访客点击它。过去 2 年,这种行为已经逐渐被接受,访客正习惯在网站应用或手机应用上如此操作。他将这种模式应用到网站上,无论视口多大,都可帮助确保网站简介,功能完全。
  非常大的字体 
  2014 年,字体在许多网站设计中发挥重要作用,我未发现这种趋势在短期内改变的迹象。可是 2015 年,我看到网站中的标题和字体变得越来越大。夸张地说,就连天上的飞机可能都能看到地面上的字。当你访问 Tiny Giant 的网站时,你会看到很大的字体。这实际上是一种声明,让你很难错过。大字体将继续在 2015 年的网站设计中发挥重要作用,成为确保提高访客视觉层次的方法。访客首先会看到最大的字体,因为那会首先吸引你的注意力。 
性能与速度 
  许多设计趋势受需求驱动,以促使网站加载速度更快,消耗的宽带流量更少。这篇文章中讨论的大多数趋势都可能需要减小网站, 为那些手机、平板设备或更慢网络用户寻找更快加载方式。网站设计师和开发者越来越强烈地意识到自己网站的权重,以及用户如何与他们互动。响应式网站设计已经帮助减轻这些担忧。网速过慢以及设备类型等因素迫使设计师和开发者密切关注它们的文件和网站大小,网站加载速度在不同网速条件下也不尽相同。无需惊讶,2015 年需要加载速度更快、没有滞后感的无缝网站。  

评论

此博客中的热门博文

小米3 谷歌地图无法定位的解决方法

  最近在刷机后,安装的谷歌地图无法wifi和移动网络定位,只能使用gps定位.   于是在尝试了几个方法之后,终于解决.在几个版本的miui上面都可以正常开启.    其实无法定位的原因在于没有同意谷歌的网络位置定位协议.     为了弹出这个同意协议的对话框,需要执行几个简单的步骤.    1.关闭锁屏密码,设置无密码    2.开启开发者选项    3.设置开机直接进入桌面    4.打开谷歌地图,执行wifi或移动网络定位(依然无法定位)    5.重启手机    6.重启手机之后,打开谷歌地图,显示位置服务以及关闭,选择低耗电模式,就会弹出同一网络位置定位的协议,注意选择同意协议,然后关闭    7.回到谷歌地图就可以定位了,与之相关的位置报告等也都可以使用了  

戴爾發布全新 XPS 13/14/16 筆記本:酷睿 Ultra 處理器 + OLED 屏

戴尔今日发布新款XPS 16、XPS 14 和XPS 13 笔记本,搭载英特尔酷睿Ultra 处理器,起价分别为1899.99 美元(IT之家备注:当前约13604 元人民币)、1699.99 美元(当前约12172 元人民币)和1299.99美元(当前约9308 元人民币),今年1 季度上市。 据介绍,新款XPS 16 取代老款XPS 17,XPS 14 取代老款XPS 15,XPS 13 取代XPS 13 Plus 系列。 新款XPS 16 可选Ultra 9 185H、64GB 内存和4TB PCIe 4.0 SSD,显卡可选RTX 4070;屏幕为16.3 英寸OLED 面板,3840*2400 分辨率,支持触控,支持48-90Hz 可变刷新率。 接口包括三个雷电4、MicroSD 卡槽、3.5mm 耳机插槽等。 机身厚度18.7mm,重2.1-2.2kg,电池容量99.5Wh。 新款XPS 14 可选Ultra 7 165H、64GB 内存和4TB PCIe 4.0 SSD,显卡可选RTX 4050;屏幕为14.5 英寸OLED 面板,3200*2000 分辨率,支持触控,支持48-120Hz 可变刷新率。 接口包括三个雷电4、MicroSD 卡槽、3.5mm 耳机插槽等。 机身厚度18mm,重1.68-1.74kg,电池容量69.5Wh。 新款XPS 13 可选Ultra 7 165H、64GB 内存和4TB PCIe 4.0 SSD;屏幕为13.4 英寸OLED 面板,2800*1800 分辨率,支持触控,支持48-60Hz 可变刷新率。 接口包括两个雷电4。 机身厚度14.8-15.3mm,重1.17-1.19kg,电池容量55Wh。

lunar lake 会是一个拯救intel的产品吗

 距离intel 发布lunar lake 已经过去几天了,虽然正式的产品还有半个月才上市,但各路平台已经有很多关于这产品线的多种评论了,看起来还是不错的。 最近几年,一直强大的intel开始面临了许多的挑战,特别是在移动端失利的情况下,桌面版和服务器端受限于自身工艺路线的进展缓慢,在x86市场上面对老对手AMD 的Zen架构和新台积电工艺的组合攻势下,显得疲于应对。 苹果出走x86以后,在移动端打拼多年的高通也加入到了桌面处理器这个复杂的赛道上来,突然间原本只有intel 和amd 两位选手的市场,一下子变得更热闹了。特别是扛着AI PC的旗帜下,各路选手突然间都有了自己的优势。 苹果M系列处理器推出后,让人们见识到了Arm处理器,做为桌面产品也可以很强大,特别是低功耗,当然这价格也是不菲的,特别是苹果产品一直以来的价格水平,让大家觉得这价格更值了。高通在自研Arm 架构的情况下,也做出了非常不错的X Elit,性能、功耗都接近了x86的产品,这让intel愈发尴尬了,基于intel7 工艺的产品竟然毫无优势了。 lunar lake 应该是intel 现在能拿出的最佳的选择了,使用了台积电代工,并且重新设计了芯片的结构,和苹果M系列一样集成了内存,在保持性能的前提下,将x86的功耗降低到新的水平。能耗看起来比骁龙X Elite稍微领先,但原生的X86架构,是不需要转译运行的,兼容性也大大的好于骁龙X。对于原本希望用骁龙X,来提升windows 平台的续航,AI 性能等目的,看起来已经优势不大了。这场竞赛看起来,还可以再进行一段时间,毕竟Windows On Arm 还是不如传统的windows的。后续intel的18A 工艺,新产品的综合性能,都是一个需要考量的问题。