恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
2015网页摄影图的流行趋势
0.0°
2015-08-11 自译外文 经验/观点 原作者: PATRICK MCNEIL 举报 30231 116 37 0

摄影图片是最常用的设计技巧,用途广泛,使用方法多变,本文整理了2015年的几种主流趋势。

提到设计,运用摄影图是其中一项基本手段,每件设计都或多或少都会用到。本文要剖析的并非摄影图本身,而是网页设计中运用和掌控摄影图的流行趋势。

其中有些显而易见、广为人知,其他则频频使用,却鲜有提及。当我们将同类趋势收集整理成套,对此概念的认识则会超乎我们想象。而且,像这样把各种趋势对比着看,我们似乎会发现当下采用的方法并非最佳,可以找到更好的替代方案。

1. 巨幅背景图

首先考虑一项最盛行的趋势。以下是一系列运用巨大照片作为背景图的网站。毫不夸张地说,这是一种快被消灭掉的方式。但这并不是说就该禁止使用。每种趋势都有它的意义。撰写这个章节时,我的任务就是寻找那些没有把这种风格作为权宜之计的网站。相反,我找的网站都带着目的运用它,背景摄影图在传达网站信息方面,扮演着重要角色。浏览以下案例时请牢记这一点。

001

002

003

004

2. 背景搭配前景内容

有的设计师聪明地将摄影图同时作为背景和前景元素,对巨幅背景图做的这种变通深得我心。在这些设计中,照片以装饰性的形式填满整个背景。同时突显了照片中的某些元素。这通常是通过纵深来实现的,产品或前景元素被置于焦点区域。这种视觉区域的混合,使照片具备一种格调,同时内容也意图鲜明。这种颇具挑战的方式,需要对照片有所规划和协调,以下是我最喜欢的一些案例。

005

006

007

008

009

3. 单色照片

对设计师而言,把照片“PS”一下来适应设计并不新奇。这个系列采用同一种特定方式,将这个概念发挥到极致。设计师将照片转为单色,尤其是非黑白的方式。尽管多数时候,这或许是风格上的决策,但我认为不止于此。颜色可以确定基调,传达出微妙的信息。通过在照片中运用单色调,设计师能反映出单一的情感。蓝色使人感到安全、稳固和协同。红色使人感觉兴奋、鲜活、充满能量,诸如此类。通过将照片转为单色风格,它呈现出一种新的传达方式。

010

011

012

013

4. 柔和色照片

这个系列的案例风格可能极度盛行,但老实说,它确实很时尚,而且有点使用过度。但是当我挖掘这类风格的案例时,我发现它并没有我们想象中那么流行。这些网站基于色调柔和的照片。更明确地说,这些照片都有一种褪色、近乎复古的风格。最常见的是搭配白色文字,置于照片上方(下面5个案例中都有)。这种方式与潮流风有密切关联,去年非常流行。最后,我很惊奇地发现,在我找到的这些案例中,几乎每个都利用了装饰性字体,置于照片之上。

014

015

016

017

018

5. 营造基调和氛围的照片

作为老师,我发现有些事总要我一遍遍地指导学生。其中之一就有关照片的选用。通常设计师会使用装饰性照片,不会直接传达出任何网站相关信息。比如,第一个案例是一组太空摄影集。它表面上并没有表达出任何品牌相关内容。在从前,我的观念中对这类装饰性照片的选用相当严格。随着对于照片运用的深入探索,这个观念逐渐趋于缓和。这就是我喜爱剖析趋势的原因,这样我们可以打破主观臆断,为我们的设计发现崭新的途径。这些案例证明,营造基调和氛围的装饰性照片,对设计的成功非常有意义。钻研这些案例,看看你是否同意。

019

020

021

022

023

6. 整理术

最后,来看一组在照片中运用了整理术的网站。整理术是将物体平行或者90度排列,来创造一种条理。这种方式非常小众和独特,设计师们很少使用这种风格。同样的,这种风格通常和潮流风设计有关,但不止于此。这些照片反映出内容之外、照片本身的含义(这当然是有意义的)。它们暗示着照片背后的品质,透露出一丝秩序、方法和条理。这些是好的品质,尤其是用来指代设计师和机构。

024

025

026

027

结论

摄影图片是设计师最天然的工具。通过研究这些使用方式和多种多样的风格,希望你能发现新鲜的灵感。总而言之,我希望这个简陋的案例集能帮你发现新鲜创意,为你的工作带来启迪和挑战。


原文链接:http://www.zcool.com.cn/articles/

IFEC译者:http://weibo.com/greenzorro (用户体验小组)

审校:http://weibo.com/greenzorro

更新:2015-08-11

收藏

116人已收藏

可乐橙

UI/UX设计师,现居杭州

  • 113

    作品

  • 6675

    粉丝

  • 14

    关注

  • 移动应用弹窗设计指南
  • 短期记忆与用户体验
  • 记忆的工作原理与设计诀窍
  • 老年用户的体验思考

    猜你喜欢

      2015-08-11 自译外文 经验/观点 原作者: PATRICK MCNEIL 举报 30231 116 37 0

      2015网页摄影图的流行趋势

      0.0°

      你确定要举报2015网页摄影图的流行趋势

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2015年03月08日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      37
      116
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录