照片水印全新定义:水印相机素材设计

文章描述:经验分享:水印相机素材设计之要点。

水印相机(专业版)发布至今将近半年,上架水印已逾130款。在水印素材的设计过程中,团队常常思索什么样的设计可以获得较好的回报、为大众用户所喜爱,这亦是水印素材的设计师一直在探究的问题。

笔者将从设计师的角度出发,以用户调研与使用数据为参考,与大家分享自己在此项目中积攒到的一些心得经验、发现与思考。

照片“水印”的全新定义

水印是什么?传统的水印通常是在图片上附加的版权信息、作者信息或防盗图信息,制作者和应用者通常为专门群体。

水印相机赋以“水印”全新的定义,即一种智能、快捷、装饰性的照片信息呈现方式,照片信息涵盖了拍摄时间、位置、环境、镜头信息、心情表达等多个类型,这些信息和内容在拍摄的同时叠加于照片之上。

水印相机也提供了各种不同类型、主题与样式的水印素材供用户选择,并保留自定义能力,以满足拍摄者记录与创作的需求。

在设计一百多个水印素材的过程中,设计师要做的大多是信息的排布与取舍、图形的创意与表达,平衡水印与照片的关系,让水印融入并强化照片故事的讲述。在设计时,信息叠加与图形创意的要点有以下几条:

不要过多遮挡照片

在水印素材规划之初,我们对水印的大小做过诸多尝试,从简单的点缀到块面型覆盖,从镂空透明的图形到大面积的遮挡,方案覆盖到了各种尺寸。大面积的照片装饰是一种风格化的平面设计手法,它可以修正构图、也能够让照片拥有“前卫艺术”的效果,也是设计师热衷的效果。

事实上,“普通用户”并不会像设计师一样特别拥戴这类平面设计风的水印。在数据调研和用户反馈中,我们了解到用户选用水印对于尺寸和形式会有一定的约束。

首先,用户喜欢选用面积适中的水印。以最受欢迎的10个水印为样本进行粗算,它们的尺寸大多是照片面积的6%~12%,可以看出拍摄者更希望把主要空间让给自己拍摄的主体,水印则充当装饰照片的配角。

其次,用户也偏爱使用位置靠边、较通透、对照片影响甚小的水印。可见在叠加信息的同时,拍摄者也在乎照片的完整呈现。

此外,我们也收到过一些对水印可移动功能的诉求(新版本已支持),在实际的使用中确实会发生照片的重要部分被水印遮挡到的情况,这个困扰也使得用户优先选择面积适当的水印。

不过我们也不能就此推断,遮挡太大就一定不可取。水印是否受欢迎关系到它的创意、话题、风格、甚至文案等多种因素。

撇开功能和运营层面因素,大众用户倾向于那些遮挡有限、面积中规中矩、造型通透的水印情是可以理解的。水印作为画面之上叠加的信息,应该足够柔和地融入照片。

选用情感化的图形

每个水印主题在创意、设计的各阶段都有许多方案,个别主题在水印相机的各个版本中覆盖到了多款不同的设计,以满足不同权限与不同类型的用户。但无论是什么风格的设计,设计者都需要去重视和揣摩用户对设计的直观感受。

水印相机曾同期上架过2款分贝水印,一款是拟物的分贝罗盘设计,一款以飘落的叶子、歌唱的小鸟、喧嚣的喇叭为元素。我们尝试分析不同的用户对分贝水印的不同需求,去猜想他们最想放在画面上放什么样的元素。最终带有叶子、小鸟、喇叭等图形的分贝水印成绩相当抢眼。

水印中包含情感化的图形,可以直观地记录并展现了当前的拍摄环境,也满足了拍摄者述说拍摄心情的情感表达需求;同时,随着分贝值波动而变更的可爱图形,也给拍摄者带来了一些使用中的惊喜。

水印相机在近期的版本更新中,借用QQ空间的卡通天气图标,上架了一款可爱天气水印,也立即获得了大量支持。卡通天气图标除了说明当前天气状况以外,也以一种拟人的角色化的方式传达了拍摄者当前的心情状态——顶着晴空万里得瑟万分、被阴雨天气阻碍出游而倍感沮丧……(当然新出现的天气图标确实会比老样式更能吸引用户使用,过往版本的单形天气图标与彩色图标上架已久,老用户会很乐意被新的东西刺激。)

除此之外,水印相机心情分类中的明星水印“恋爱心情”系列即是典型的情感化“图形”辅助“讲述”照片故事的案例。用户可选择符合当前心境的图形与文案,把要表达的心情含蓄地附加在照片上,一个简单动人的图形让照片故事得到渲染,对于接收者来说也获得了一个联想空间。

设定一些基本款

什么是基本款?对于水印相机来说,基本款水印就是在各个分类里,以简洁明了形式,完成当前信息展示任务的水印,比如地点分类的“简单地点”与时间分类的“简单时间”。

大多数时候,用户会优先选择这种简单、清晰的方式来呈现自己当前的信息与心情,并且因为这类水印的样式足够简单,目的足够单一,使用者不会产生审美疲劳,可以反复、多次使用它来给图片添加信息。

基本款水印适用于“记录生活”,比如在旅行的过程中记录地理位置的迁徙、时间的推移;基本款水印也都遵循第一条要点,它们图形简单、占地方少,适用于任何构图的照片。

同时,基本款素材通常放在选择列表的最前面。一方面是设计者的贴心,让用户首先使用到最普适的素材;另一方面,也是希望可以借此影响用户的认知,一般靠前的素材都具有极大的被选择优势。因此基本款水印除了要满足放简单、普适的特点之外,也需要加入独特性,让它带着产品的印记被传播开。

结语

水印的设计关乎许多,一般要根据产品策略,有时得追随运营,很多想法还需要技术的支持,站在视觉设计师的角度,可以谈的内容还是有限。以上的三条要点和一些经验来自笔者对于水印素材的设计实践,也同样适用于其他照片装饰类软件,希望通过这个分享可以与各位同行做交换与探讨。

注:文中的设计稿来自edith、stan、fun,以及QQ空间设计团队(卡通天气图标)。
腾讯ISUX (http://isux.tencent.com/storycamera-watermark-design.html)

时间: 2024-10-03 23:01:45

照片水印全新定义:水印相机素材设计的相关文章

水印相机素材设计之要点

  照片"水印"的全新定义 水印是什么?传统的水印通常是在图片上附加的版权信息.作者信息或防盗图信息,制作者和应用者通常为专门群体. 水印相机赋以"水印"全新的定义,即一种智能.快捷.装饰性的照片信息呈现方式,照片信息涵盖了拍摄时间.位置.环境.镜头信息.心情表达等多个类型,这些信息和内容在拍摄的同时叠加于照片之上. 水印相机也提供了各种不同类型.主题与样式的水印素材供用户选择,并保留自定义能力,以满足拍摄者记录与创作的需求. 在设计一百多个水印素材的过程中,设计师

Photoshop为照片自动添加文字水印

对于照片上的水印,人们有各种不同的看法.无论如何,事实上添加水印是保护自己作品的一个好办法,大部分摄影师都认为它很有效.虽然Lightroom或Aperture等软件都有内置的加水印功能,不过本文将向大家介绍一种非常简单的,利用Photoshop自动为照片加水印的方法. Step 1. 选择水印 水印的形式可以有很多种,笔者比较喜欢在照片右下角以简单的文字说明做水印.当然还有很多更高级,更完善的水印,不过有时它们会影响照片的整体美观. 我们的第一步就是选择一种水印形式.这里我们选择文字"Copy

Javascript 网页水印(非图片水印)实现代码_javascript技巧

1 概述 1.1 定义 在一些B/S结构的应用系统中,有很多页面是需要有水印的.常见的就是公文系统.合同系统等.大家常常关注的是网站图片增加水印,而很少关注页面水印.刚去Google了一圈,关于页面水印的文章的数量为几乎为0. 本文中,流牛木马就与大家一起交流一下有关制作网页水印的心得. 本文讨论以下的情形: 新增水印的方法需要用Javascript完成,并要求能够方便地加入到原有的页面中,不能影响到已有的功能. 1.2 预期目标 就图片水印实现方案来说,我们预期至少包括以下几个目标: 1. 实

Photoshop用荷花素材设计中国风水墨封面

教程主要教思缘的朋友使用Photoshop使用荷花素材设计中国风水墨封面,主要用废弃的荷花素材以及鱼素材合成,制作一幅仿画意图片,很喜欢这这种中国风的图片很漂亮的说,喜欢的朋友一起来学习吧 效果图

c#-itextsharp添加pdf水印时,怎么设置图片水印、表格水印的透明度?

问题描述 itextsharp添加pdf水印时,怎么设置图片水印.表格水印的透明度? 哪位itextsharp高手可以指点一下,通过itextsharp添加pdf水印时,怎么设置图片水印.表格水印的透明度? 小弟通过设置PdfContentByte的waterMarkContent.SetGState(gs);,以及gs的gs.FillOpacity = 0.2f; 只对文字的透明度有效.

PHP上传、生成缩略图、生成文字水印和图片水印

<?php/* '-##########################################-| '|     程序设计:(绿竹居)                | '|     MSN:[email]lzj_zhangjun@hotmail.com[/email]         | '|     Email:cszjun@gmail.com              | '|     结合自己以前做的上传和生成缩略和改编一个 '|     老前辈的生成图片水印做成这个     

ThinkPHP打水印及设置水印位置的方法_php实例

本文实例讲述了ThinkPHP打水印及设置水印位置的方法.分享给大家供大家参考,具体如下: 最近在用Thinkphp的打水印的功能,发现只能打在左下角. PHP打水印功还是很容易的,最要是用到 复制代码 代码如下: bool imagecopymerge ( resource $dst_im , resource $src_im , int $dst_x , int $dst_y , int $src_x , int $src_y , int $src_w , int $src_h , int

普通的素材设计,怎样走向卓越

也许很多人会觉得,素材设计是一件非常普通且基础的工作,因此他们没有太多的成就感.但是呢?实际上在这里面是大有学问的,而好的设计其实可以大幅地提升素材的点击和转化,从而直接为产品带来效益.而我们之前的素材一直是成绩平平,但是,最近从数据上看,似乎是获得了不小的提升,那么,其中的秘诀是什么?接下来就让我为大家详细讲解一下. 先让我们来了解一下素材产生的过程  我们都知道,在素材设计的过程中主要是有4层:规划层.设计层.执行层.反思层.而在往常,我们只是专注于设计层,也就是文案.内容.视觉的设计.而这

Java图片处理 (文字水印、图片水印、缩放、补白)代码实例_java

package com.hmw.picMark; import java.awt.AlphaComposite; import java.awt.Color; import java.awt.Font; import java.awt.Graphics2D; import java.awt.Image; import java.awt.geom.AffineTransform; import java.awt.image.AffineTransformOp; import java.awt.im