网页设计将来趋向:高清设计

网页设计中最抢手的技巧之一,就是高清背景图,这得益于高清显示屏的普及。但面对复杂的商标时,就不益处理了。

High Definition Design

本文中,我们来瞻望一下网页设计的将来。高清网页设计能否能主导网络,这曾经不是成绩了,关键是高分辨率显示屏何时可以普及,这是提升视觉设计的必备条件。

上面开端,我们将要探究如何运用图片、视频、或是动画来创立高清背景,并且把一切内容有层次地组合。

图片

超大图、焦点图、全屏图。

以上几个词,最合适用来描绘古代网页设计的背景图片。设计师们对高清设计不只停留在考虑层面,他们将其发扬到极致,用背景图占据了整个画面。

Images

这种设计技巧很无效,由于用户天生就是视觉植物。

正如《2015与2016的网页设计趋向》所描绘的,毕竟我们了解四周世界时,视觉在主导潜认识。而且,令人愉悦的图片在一定水平上能发明更好的用户体验,由于我们天经地义以为有吸引力的东西更好。这看似极端浅薄,但在设计中,感知就是真相。

Junctionmoama

高屏幕分辨率发明了绝佳的机遇,让用户能看到从前无法发觉的细节。图片中的小细节——例如Junction Moama所用的Macquarie公园的多色彩纹理(上图的两种)——提升了界面的精密水平,对至关重要的第一印象大有协助。

Wearedandy

运用高清图片的5条建议:

  1. 使主画面成为视觉焦点——虽然图片是作为背景,不代表它就能占据舞台地方。优秀的照片能与用户树立情感衔接,学习图片的精妙之处,看它如何影响设计的视觉层次。
  2. 思索运用多图——运用我们在网页UI形式中提到的幻灯片或卡片作风的构造,来应对内容丰厚或相片集类型的设计。
  3. 在图片上添加效果——模糊或颜色叠加,可以添加或是改动一张图片的调性(例如全用白色调会愈加积极)。这在高清图片上很管用,由于上层的图片画质够高,细节仍明晰可辨。
  4. 思索图片在不同屏幕尺寸下的效果——布置各种尺寸下的背景图,使之能顺应任何断点,不会显露纯色块(那其实是真正的背景)。
  5. 打破局限——照片背景不一定要遵照规范的1:1.5相机比例,也可以运用从各自背景中裁剪出来的图片。