百度视觉设计师 周末摄影师 插画师 约拍或合作weixin: Marin-xl

从零开始 如何照出炫酷的城市地标风景照

收藏 学习了! seal•浪摄派: 地标好照,但是照的好难。这篇文章从“准备-实拍-后期”三个环节讲解怎么照和怎么才能照出彩。 看这篇文章之前你要会的: 准备阶段:会上网! 实拍:会熟练地调整自己相机的基本参数和手动对焦! 后期:会一些基础的LR和PS的操作流程以及知道一些蒙版的用法! 准备: 准备1:找机位 从零开始,零开始就是找机位喽。对于大多数大城市来说,地标的位置并不难找。在网上看看图片,基本上就知道在哪了,比如上海的外滩,香港的维港,纽约的帝国大厦,洛克菲勒等等。在这里推荐一个国内上的比较慢的网站500PX。500PX的图片很多都有地理位置信息,大多都比较准确,能精确到街,非常实用。国内版500PX.ME图博也在起步中。 比如搜Singapore 就会出现这张经典的机位和准确的位置。 准备2:何时拍 首先是时间段。一般来说如果想要拍比较出彩的城市风光,最好的时间莫过于日出日落时,因为在这个时间,天空的颜色可能会变得色彩斑斓,格外光彩照人。除此之外,在城市的高楼和街道经常会因阳光的照射出现城市光,即使是阳光未照射到的暗处也会因光线的折射和烘托显得格外灵动。 其次说下具体的时间。比如日出日落分别是早上6点和晚上6点,那么应该何时到达机位点?最适合拍照的时间是什么时候?要拍到何时? 日出,根据我多次拍摄的经验,日出的鱼肚白可能在日出前一个半小时就有了。在日出前半个小时到日出,天空开始出现红色,这段时间内天空会出现鲜明的冷暖对比,而且光比不大,是拍日出的好时候。拍摄时间可以持续到日出之后半个小时等云彩基本由红转黄转浅黄,天空也变得蔚蓝后结束。 其次说下日落,我一般习惯日落之前半个小时到达机位。这个时候太阳快要落山,云彩开始变得黄或者红。此时光比很大并不适合拍照。大概等到太阳落山后到15min之间,这时可以说是日落拍摄的最佳时间。因为此时天空开始出现很多种颜色,蓝,粉,紫等都可能出现。而且此时城市灯光亮起,这些氤氲的灯光会给整个照片增色不少。此外,这个时候光比不会很大。另外一般我会再等20min,等到天空基本黑下来,再补一张城市的夜景(具体这张照片做什么后面讲解),然后再离开。 这张是日落之后10min。单张无合成。 小贴士:大多数地标机位不要钱,随时都可以去。不过有一些收费的地方,俗称“权贵机位”,有的时候需要提前了解一些情况。最典型的比如说纽约的洛克菲勒观景台,每天每时限人数,需要提前预约拿票。如果你4点到了洛克菲勒大厦下面,是绝对拿不到6点上去拍日落的票的。尽量在去之前查好一些基本的信息,免去拍的时候不必要的烦恼。 ------------------------------------------1°C牌分割线------------------------------------------- 下面就拿这张新加坡的地标照说一些拍摄过程的方法技巧和后期思路。 首先简单分析一下这个场景。这是一张“标准的”城市风光照片。前景的木板,中景的揽桩,和背景的城市和日落。对于一张日落照片,由于光比较大和佳能老相机用户的关系,我采用了包围曝光的方法。另外木板这个前景从脚下就开始了,所以涉及到景深合成。 问题1:什么是包围曝光? 相机宽容度有限,只能对一定光亮度区域内的物体保留细节。用多张包围曝光的方法可以对照片最亮的部分和最暗的部分同时保留细节,即不会出现死白或者死黑。包围曝光在相机上可以自动可以手动,这里不细说了。我个人喜欢是喜欢开实时取景,边看直方图边调整自己的曝光。大多是手动拍三张。 包围曝光一般都是把iso固定。可能多数教程写的都是光圈恒定,比如说f8,然后根据当时的亮度调整快门速度比如1/4s,1s,4s。这个是最常见的一种做法。但是如果有水的照片,我会选择设置快门速度恒定比如说1s,然后根据亮度去调整光圈,f4,f8,f16。拍流水的时候,根据不同的水速可能1/2和4s的时候水的纹理相差很大,1/4s能看到浪花的时候,可能4s就已经像丝线一样了。这样在后期ACR自动合并HDR的时候ACR不能根据纹理来对齐照片和判断照片明度,会无法合并或者合并之后图片出错。可能f16会出现分辨率下降和衍射等问题,不过这些小问题等照片发布到网站上基本上不会出现。我认为前期的一些小技巧能方便做后期才是更重要的。 后期合并HDR的方法有很多种。这里简单说两种。 我最常用的一种是添加到LR里面,然后选中三张合并到HDR。非常简单。在LR里合成的目的是之后可以对一些照片做一些批量的最基本的调整,这些在LR里更方便一些。 (非常抱歉我的是英文的LR和PS。。。不过位置都对,而且大多都是非常简单的英语) 或者在PS里点开“文件-自动脚本-合并到HDR“。这两个本质是一个。也可以用一些插件或者用明度蒙版手动合并。 问题2:什么是景深合成? 要回答这个问题首先要解释一个概念什么是超焦距。举个例子,用广角镜头的时候,如果光圈开到f5.6,f8或者更小的时候,从大约1m的位置到无穷远都会在焦内,不会虚。网上有一些超焦距计算景深的网站和APP,大家可以具体用自己的广角镜头算一下。比如这个app,叫“Photographer Tool”,输入16mm,f5.6,就会给出对焦点大概在1.5m的时候,从0.8m到正无穷远都在合焦处。超焦距更多的用于星野的拍摄上,这里仅做简单说明。 话说回来,0.8m到正无穷都在焦内,那么在这种情况下,我们同样希望脚下的木板也合焦,就需要用到景深合成。顾名思义,就是合焦在不同的区域,然后最后用两张或者三张合成一张全部都清晰的照片。 拍摄方法:将镜头/相机调到手动对焦,用取景器预览(LV),然后放大10倍,精确对焦。我一般的习惯是分别在相机0.4m左右的位置,中景(揽桩)和远景(楼)三个地方对焦,后期合成。加上前面的提到的HDR的拍摄方法,我会在每个对焦的位置照三张不同曝光的照片然后合成HDR。所以到这里一共照了9张。 这里介绍两种做景深和成的方法。 第一种PS自动 PS的“编辑菜单-自动混合图层-堆叠图像”提供了一种自动合成蒙版的方法。 具体方法为,在LR选中每个对焦位置处理好的三张HDR图片,选择“在PS中以图层打开”。 稍等片刻,就会在PS三个图层依次拍好,选择“编辑菜单-自动对齐图层-自动”,这步是为了尽量减少由于轻微移动脚架或者云台,和减少镜头由于在不同处对焦引起的呼吸效应对焦距的影响。 然后选择“编辑菜单-自动混合图层-堆叠图像”就可以了。这两个选项挨着的。 这种方法非常方便,适用面也比较广。不过如果我们看PS自动生成的蒙版,就会发现三张照片的蒙版黑白并没有像想象中的那么规整。从上到下应该是“白-黑-黑”“黑-白-黑”“黑-黑-白”三个。有一些部分PS并没有识别的很好。 如果放大仔细看照片,就会发现水面部分有很多这样的场景。这主要是短时间的曝光水面,每一张水面照片都不相同,所以PS识别纹理起来比较困难。 注意看揽桩下面是糊的,右边的波纹也衔接的不自然。 这种方法使用于大多数静态照片的景深合成,比如微距镜头拍一些饰品,静物等等。缺点是对于复杂的场景,可能有时PS并不能是识别得很好。 第二种手动 不要一看到手动就头疼!这个手动合成很简单。只是添加三个过度蒙版而已。 具体方法为,同样在LR选中三张图片,选择“在PS中以图层打开”。稍等片刻,就会在PS三个图层依次拍好,同样选择“编辑菜单-自动对齐图层-自动”。然后需要从上到下添加三个“白-黑-黑”“黑-白-黑”“黑-黑-白”蒙版。添加这个蒙版同样也有很多种方法,很简单,大家可以根据自己常用的添加蒙版的方法来做。我的做法是找到三个图层对焦大致变化的两个过度位置,然后添加黑色蒙版,用矩形工具画框涂白,每块白色的部分要超过过渡位置,然后用适当的高斯模糊羽化边缘过度。 这种方法的好处就是能自己完全控制要合焦的部分,缺点当然就是稍微麻烦一点点。 ------------------------------------------1°C牌分割线------------------------------------------- 到这里我们通过九张照片得到了一张HDR+全景深的照片。高宽容度!全景深!大片! 看到这里是否已经看累了呢?恩。本教程到此结束!谢谢大家观看!我们下期再见!(然而旁边的滚条出卖了我)…… 还没完…… 说回上面的时间。我上文提到了最好的拍日落的时间大概是日落10min之后。但是当天的时候日落之后的云彩变得很难看,所以我选取了日落之前5min拍的这9张片子作为基调。既然我刚才反复提到了城市光,那么如何才能把城市光融合进暗部的楼呢? 我故意略微过曝了天空保证了暗部的正常曝光。 PS的图层混合模式 运用PS的图层混合模式可以将一张城市灯光的夜景照完美融入进一张城市日落照片里。具体做法:将城市灯光的照片作为一个图层放到刚才的三个图层上面,(如果有必要的话做一次四张图层的自动对齐或者手动对齐,)然后在混合模式中选择变亮。Yes,就是这么简单! 城市灯光和城市完美融合! 为了保证不影响其他部分,我又建立了一个蒙版,只在影响建筑部分。 图层混合模式有很多种,讲起来也很多,有机会和大家分享或者大家感兴趣的话也可以自己上网查查。 PS做一个倒影 大多数城市都是以江河为源建城,所以河流穿城而过很正常。不过河流的水是流动的,即使长曝光也并不会形成完美的镜面倒影。不过总是看网上那些高大上的镜面照片很是心动,所以也稍微弄了一点镜面的效果。具体方法也很简单,把上一张城市灯光的照片水平翻下来,找好位置,做一些简单的模糊,就可以了。 同样的图层复制了三遍,用以强化倒影。 到此为止,前期和后期最基本的合成部分已经做完了。 看到这里是否已经看累了呢?恩。本教程到此结束!谢谢大家观看!我们下期再见!(然而旁边的滚条出卖了我)…… ------------------------------------------1°C牌分割线------------------------------------------- 以上算是“死”的步骤和知识。作为一张地标机位的日落,我觉得这张照片已经不错了,剩下的是调色更多的是我个人的喜好。仅供参考。 首先进免费的nik collection里的color efex pro 提取细节,简单调色。之后合并图层。并用Raya Pro或者雪人插件生成明度蒙版。 提高揽桩的明度。 用Lut-Filmstock_50.3奠定中间调基调。 用PS自带暖色滤镜奠定亮调色彩。 用 Lut-NightFromDay 调整暗部冷色调。 调整楼房明度。 用lut-CandleLight x2 进一步加强日落颜色。 降低木板饱和度,凸显日落颜色。 进一步用选取颜色调整日落颜色。 最后算是我自己的一点小创意吧,增强了木板上的钉子的明度,提升了钉子的金属质感。 前后对比 我觉得各有各的好吧。原图是一张很正常的日落,蓝天白云和一抹红云。最近比较喜欢一些阴暗的风格和色彩,于是用了一些Lut去调整。照片是一个很主观的事情,自己喜欢,身边的人喜欢就好! 最后在达芬奇里检查一下色彩平衡,还算可以。 Lut本质上来说是一种滤镜,每一个lut都可以用一个或者多个色相,饱和,对比度,亮度这些基础的图层去改变。之前修图的时候用色相,饱和,对比度,亮度这些图层对照片某一个部分做微调处理还是比较多的。这张照片这么套lut其实是一种为了营造这种暗黑风格的偷工减料的方法,当然前提是得知道如何在众多的lut文件中选择一个最适合自己照片的,和多个lut文件之间的搭配。 到此为止,前期和后期调整都结束了。 看到这里是否已经看累了呢?恩。本教程到此结束!谢谢大家观看!我们下期再见!这次真的完了…… ------------------------------------------1°C牌分割线------------------------------------------- 注:本文写的方法都不是绝对的,可以根据自己的实际情况进行调整。比如说HDR不一定要三张,二张或者四张五张都可以!景深合成也是同样的道理。 写在后面:之前就想分享一下自己的一些想法和思路,但是经常在网上看到各种聚聚的教程感觉自己功力还不够一直不敢写。总算是鼓起勇气写了一些东西吧。第一篇关于自己的前期后期的想法,如果各位大神有什么建议和意见的话,欢迎提出来!互相学习交流,共同进步! 最后感谢 @AlphaStyLe 索尼阿尔法 @Electric三哲·FoPoTo @城南 等大神的技术支持和更多朋友提出的意见和建议!

『旅行记忆』传奇和诗意欧陆风光

每一张都精心构图,拍摄技巧也很赞!炒鸡稀饭! 摄影师陶羽: [40张精选:这两年拍摄的欧洲城市风光照片] 三年时间,一两个月出门一次,往返于英国和欧洲大陆之间,走过几十座城市,过程中开始热衷于风光摄影,并尽可能把每个城市最美的一瞬纪录下来,今天便借Lofter的活动,整理旧图景,回忆下这些年所见之欧陆风光。 奥地利Hallstatt:因为被称为欧洲最美小镇,第一次旅行,便慕名而来。Hallstatt依山傍水而建,清晨有雾气弥漫,傍晚有夕阳映山。湖水由周围山泉形成,清澈见底,曾想起自己在英国居处经常喂养的大雁、天鹅,不禁欣羨这里的鱼禽。 奥地利Salzburg:莫扎特的故乡。这里光彩而寂寞,你可以登上全市最高的城堡,俯瞰夕阳与夜景,而那位伟人的肩膀却至今未有人登上。 奥地利Vienna:有一千八百多年的历史,至今仍然繁荣显赫。不同于欧洲古城对历史残垣的留恋,在维也纳,中世纪古老、宏伟的建筑都会被粉刷打扮得光鲜干净。而且走遍每一条街道,绝找不到那种美式大城市底层的暗角。它不需要把年代烙成勋章戴在胸前,文化、音乐、历史都已沉积在城市的整体氛围之中,当代风采与历史底蕴相得益彰。 德国Neuschwanstein:第一个让我惊喜的地方,尤其在清晨,秋后,美如童话故事。 德国Hohenzollern:这里有比迪斯尼动画更精致的城堡,一山连一山,有爱人相伴,于高处赏日月星辰,夫复何求。 德国Berlin:萧瑟的历史,沉静的强大。众所周知,两次世界大战都由这个国家发起,但又不可否认37-38年间,西门子也曾在南京保护了约25万中国平民。这次欧洲难民潮,德国又接受了最多的难民。经历了战争的破坏,经济的恢复却是突飞猛进,不禁让人寻味是什么样的民族精神让这个国家历经喧嚣而屹立不倒。 瑞士Geneva:欧洲的会客大厅,汇集了能想到的各大世界组织、协会,收拾的干净整齐,有现代化的舒适、便利,少了欧洲城市的厚重、朴素。有人说它缺乏历史文化沉淀,是欧洲的“暴发户”,但瑞士的大好河山、宇宙自然,却不把历史文化放在眼里。 瑞士Laussane:欧洲不乏用自然风光装点的城市。Laussane却是用城市来装点自然风光。在这里山水是主人,房屋道路只能攀附屈从。 捷克Prague:捷克的经济情况并不太好,唯独布拉格如此欣欣向荣,夜夜狂欢。在教会判“异端”火刑时,市民庆祝游行;在苏联坦克碾轧进城时,它也毫不反抗。现在坦克变成了旅客,城区的喧腾笙箫日日由入夜延至黎明。一座城市建在七座山丘之上,有大河蜿蜒贯通,河上有十几座精致俏丽的大桥,再加上连绵不断的古典建筑,街头密集的画室、艺廊、表演者、演奏家,这座城市真可把远近旅人汇聚一家,不分彼此。 捷克Cesky Krumlov:本是旅行中无意间找到的目的地,到后才发现是另一个声名在外的欧洲最美小镇。它当之无愧。最重要的是这里相比仅仅为开发旅游业而建立起来的设施,城市本身的内容更加丰富。 捷克Loket:有着捷克一贯的建筑风格,红顶彩墙,清新明亮,山环水绕,安静怡人。 意大利Cinque Terre:来这里都是喜欢它的色彩。 意大利Santa Magdalena:意大利北部山区,山川连绵不断,很多小镇坐落在山腰或峡谷中,公路并不难走,但是盘上盘下,几十公里间距的目的地可能也要开上一两个小时。但是路上绝不无聊,山间大大小小的村落、雪融湖,皆是精致静谧,有如仙境。 意大利Monte Paterno:北意大利的居民是非常虔诚的,路上会常遇到大小神庙,连海拔3000米的高峰上也建有迷你教堂。这里周围其实还有更多山峰可以探索,如在Monte Paterno Kofel买的一个冰箱贴,便列了六座形态各异的山峰,有时间可以一一登顶的话必是难得的体验。西班牙Madrid:舒适的大都市。它不像伦敦那么繁忙,也不像柏林那么陌生,独具闲散与便利的首府在欧洲仅此一处。 西班牙Castillode Consuegra:西班牙也有风车村!这个小镇很特别,没有车辆、见不到人,连人为的声响都听不到,要不是走到中央广场看到热闹的酒吧,真是不敢早起来此看日出了。 西班牙Avila:典型的西班牙老城。整座城市被城墙包围,几个出入口很窄,比较适合步行入城。城内餐馆最有名的菜就是烤乳猪,4-6个人可以点一整只,试着点了一盘,不过看到菜的英文名字实在不忍推荐了(直译是还在喝奶的猪baby T T),大家来了不要吃,跟普通猪肉没区别。 西班牙Tenerife:位于摩洛哥西部的西班牙属Tenerife岛,在国内还比较小众,但在欧洲是和西西里、圣托里尼并列的三大度假胜地之一。这里有欧洲人最看重的沙滩、阳光,还有彻夜不关门的购物中心、餐饮、服务业。岛上有以仙人掌为主的植被、各式山脉、火山地貌、礁石、沙滩。从Santa Cruz出发去Bejia中途的半山腰便能看到岛中部的民居还有远处岛上最高峰Pico del Teide。据说那里有地球上最像火星地表的地貌。葡萄牙Lisbon:地处欧洲大陆的最西端,在人们还不知地球形状的古代,这里便是地之尽头。这里同时有着光鲜的高楼大厦和破败的底层院落,贫穷与富贵一墙之隔,沧海与大地一线而分。 法国Paris:波德莱尔眼中的“万恶之都”,它汇聚各方艺术名流,又很快让游客体验到什么是食色性也——广场街头,情人肆无忌惮的接吻;工作日又可以享受三个小时的午餐。欧洲旅行的话,巴黎是必定要去的,但“假如你有幸能在巴黎生活,那么此后一生中不论去到哪里她都与你同在,因为巴黎是一席流动的盛宴”(海明威)。 法国Bordeaux:有十几万公顷葡萄园、八千多家酒庄。波尔多的市中心则古色古香,有着暗红色、圆润而不腻的建筑。 法国St-Emillion:到了波尔多,便该去St-emilion镇上看看。当天阴雨,未到时觉得拍摄环境不佳。但当走进这个小镇,才知水雾弥漫正好展示这座小镇最平实幽静的一面。倘若再来,一定还要选在细雨飘飞的时节。 法国Chamonix:这里有3842米的南针峰和4810米阿尔卑斯山脉最高峰勃朗峰。镇上有缆车可直达南针锋,高处气象万千,看云聚云散知世事无常,啸傲山间感天地恒昌。 英格兰London:在这里生活了六年,因为摄影认识了两个好基友,到现在他们一个拍人像,一个拍活动,都挣钱了,只有我变成了一只“风景犬”(某位Lofter好友说风光狗不好听,特别起了个学名)。英国对我是一片太熟悉的土地,要写点什么反而说不清了。 北爱尔兰:这里太小了,相当于一个北京城,那便当一个城市来说吧。心念爱尔兰只是因为青春年少时读痞子蔡的小说:爱尔兰咖啡要加一滴眼泪喝。爱尔兰咖啡其实是一款鸡尾酒。故事讲的是一位酒保邂逅了一名气质高雅、只爱咖啡的空姐。由衷的思念,让酒保终于把爱尔兰威士忌和咖啡调制在了一起。一年后,酒保终于有机会为他思念的女孩调了这杯爱尔兰咖啡。调制时因为无法抑制住思念的激情,幸福得流下了眼泪。酒保用眼泪在爱尔兰咖啡杯口画了一个圈。所以,第一口爱尔兰咖啡的味道,便是思念。这里有不少“权力的游戏”取景地,巨人之路,黑暗树篱,沙滩、古堡,那是引人朝圣的大场面,但对北爱的情感,还是更愿意寄托在酒保真爱的小故事中。 冰岛:虽然也有首都和“繁忙”的小镇,但它的风光全在荒蛮,冰岛的魅力全在严冬。上个月完成了冰岛逆时针环岛旅行。除了景点间约一千公里的往返路程,环岛大概是2000多公里,去了冰岛外环普通轿车能到的大多数景区。冰岛的路还没修完,内环一些更加天然、未经开发的峡谷、火山只能留给下次了。此文的最后一地便以北欧的明珠为结尾,脱离了城市,感受自然的力量。 在欧洲还有很多有趣的地方没有提及或未曾拜访。不管后面发多少图文,我会回到这篇小文里编辑、更新,把欧陆风光写的更全面。 匆匆结笔,附一段拜伦在《希隆的囚徒》中所写的寓言:自由与自然紧紧相连,它们很可能同时躲藏在咫尺之外;当我们不能越过咫尺而向它们亲近,那就是囚徒的真正含义。

带实习生做项目经验总结

国庆结束前两周,接到一个运营需求。是公司内部两个部门之间的文化宣传卡片设计。作为这个项目的接口人,我被leader委任带着新入职的实习生一起做这个项目。从前期与需求方接口人的需求沟通、中期设计阶段到后期交付以及跟进、反馈阶段,整个流程下来,有些心得体会。今日手上其他产品类项目排期不算紧张,又是节后工作第一天,梳理完邮件后现在总结一下这个项目的一些经验。 先PO出这个项目设计完成的四张明信片(PS:插画来自Rami Niemi,创意、文字设计、排版来自我和同事,但对RN的插画有做局部解构重组)。 需求描述: 这个需求是给公司内部联盟发展部和商务合作部的同学设计一张文化宣传卡片,文案内容比较严肃,是下面这八句话: 坚持使命、有责无界;心向正事、不畏艰险;公平机会、奖优励进;主动请缨、成就自己。 落款:联盟发展部、商务合作部(最后需求方只给到联盟的logo,所以终稿落款只有一个) 需求方建议卡片设计不要太生硬,但又能给大家一些鼓励提醒的作用,设计元素可以灵活点儿,cool点也可以接受。后期制作需要打印至少200份,可能会压膜。 需求排期:7个工作日(原定5个工作日内给到,但因手上有一个产品类项目排期紧急又重要,优先级较高,而这个卡片排期可顺延,所以终稿完成总共用了7个工作日。D1-2:脑暴创意+设计风格定向;D3-4:插画寻找与修改+字体设计初稿;D5-7:字体设计终稿+排版)。 在发需求概述邮件给实习生并抄送leader和导师时,有些细节也应该注意:比如,outlook的邮件正文行间距非常小,如果邮件正文字数较多且要换行时,阅读起来会非常吃力,所以建议把每两行正文之间插入一行空白文案的形式人为加大行间距。另外,特别重要的信息也要用特殊形式(本文中指飘黄色)标注一下,如下图: 沟通完需求之后,就进入创意脑暴阶段。实习生大四,游戏专业,非视觉传达设计专业。在一开始的创意阶段先让她自由发挥创意,不限制任何表现形式和方式。下午2:30沟通完需求,她大概6:00钟给了一张手绘板画的草图,如下图: 不知道大家看到上图会怎样理解?当时我是没看懂这图和标语之间的直接关系是什么,以为这只鸡要自残....实习生F解释说:“砧板 扒光了毛的鸡 站起来了”。我接着询问图片和标语之间的联系是什么,F说“就是不言放弃、坚持,不过后面两句标语联系不上了..”“嗯..这个符号的能指与所指的关系有点太含蓄了,不够直接哦~ 所以我没法第一眼看到这个图形时就明白最根本的那个意思”我说。“你再想想哈,可以多画几个创意草图,思维导图也可以画一下,让我们可以看到你的思维过程”我继续引导。 第二个工作日一早,leader和我的导师询问我项目的进展情况。此时我刚好脑暴出一些idea并构思好了设计稿的大致风格,便画了思维导图和找好的参考素材(如下图)给他看。原本这八句标语是只想用一张设计稿表示的,导师看过后,建议每两句一组,拆成4幅设计稿。同时因为这个设计只是公司内部使用,不涉及商业性和版权问题,导师建议可以找现成的图(插画)来配文案。 (上图:参考逗趣图形配严肃文案的形式) (上图:部分思维导图) (上图:参考插画的风格) 我把上述要求和思维过程、参考素材风格要求,同步给了实习生。她很快给了一张找好的插画素材,并把文案放了进去。如下图。 “这种插画形式是可以,但是插画内容仍然不够契合标语。并且文案字太小,看不清。”我给出具体反馈。 同时,F并不懂印刷制作等工序的注意事项,我把明信片尺寸以及出血线等基础知识写好发送给她备用。 下午4:00左右,她又发送了两张草稿给我,如下图。 “这两个插画找的不错,但是文字字体要替换一下。另外,你这是做的明信片样式么,素材找的是JPG还是源文件呢?” “我找了插图还改了一下,后面加了跑道和人物;是明信片样式的,插画是JPG格式。字体要换成什么的呢?” “这个字体有点刻板,找更大气一点的,无衬线有设计感,可以多试几个。还有,灰色底删掉吧,纯白就可以;文案把逗号、句号删掉。再继续找剩下的两张吧。” 我把F找的这两张插画给导师看,并把我认为字体应该替换的看法跟导师沟通。导师认可的同时也给了些建议,比如如果字库里没有合适的字体替换的话,不如自己手绘一套字体,搭配这种插画风格应该更有视觉冲击力。 于是,我安排F继续找图,而我来做字体。先是尝试用字库字体替换,果然没有契合的。于是开始设计手绘风格的字体。但是,虽然我比较擅长字体设计,但是这种纯手绘风格的字体还是第一次做。找了一些参考素材,如下图: 研究了这三张设计稿的字体,个人觉得第一张更有规律可循,可以尽快模仿这种字体风格,设计自己的标语。于是,我尝试着先在本子上手绘设计了下面的字体: 但是做这个字体的过程非常漫长(用了一天半时间),一笔一划都找不到很满意的感觉,因为进度慢,还被导师批评(是入职一年多以来最严厉的一次批评,虽然心里很清楚他是想激励我,挖掘我的潜力,也正因为这次批评,我的工作态度修正了很多,从心底里不想让师父失望)。 于是摒弃上图那种刻板又缓慢的笔画设计方式,改为更加随性的快速涂画,如下图: 这种随性涂画是完全凭感觉画的,但我希望能找出一套行之有效的方法,在以后的手绘风字体设计中可以快速出设计稿。于是请教了隔壁设计团队的设计师,根据他给出的设计方法(先找一个基础字体,如汉仪菱心体,转为矢量形状后调整笔画粗细和方向),我很快完成了下图字体的设计: 这套字体的风格是比较尖锐的、激进的,比较接近参考图1的字体风格。放在我们找好的插画稿(插画风格是圆线条)中其实有点不太协调。就在此时,F找好了剩下的2张插画,如下图: “这两张有那么点意思,但是还不够贴切,尤其第二张风格与前三张不太一致,再看看还有木有更合适的吧。” 但是F手上又接了个运营的需求,需要优先做,于是,她找图的工作就先完成到这一步。后续我又接着找了几张,其中一张在终稿时替换了上面说到的那张风格不太一致的插画。 等到F完成高优的运营需求后(D4),也加入进来一起设计字体。她很快画出了一组字,如下图: “嗯,这个感觉还不错,细节再处理清楚些,'事'和其他字的笔画关系再处理协调点。标语是不是打错了一个字,'畏'。不过'避'比较难写,我可以跟需求方商量看能否就用'畏'。” F完善好这组字体后,发过来一张排版过的整体样式,如下图: 我把这张效果图给导师和leader看,被认可后,就敲定了这个风格的字体设计,继续设计剩下的三组。我去F工位,请教她这组字体的设计方法: 1)先是在PSD中用苹方常规体打出标语作为基础字体,把字体图层栅格化文字转为图片,再用画笔工具一笔笔在基础字体的间架结构上涂画,有意加粗或倾斜某些笔画,突出字体的特点,同时注意字与字之间的穿插角度。 2)待一组字体全部设计好之后,保存为一张PNG图片,导入AI中,进行“图像描摹”-“黑白徽标”-“扩展”,此时原PNG图片中的字体被轮廓化为可编辑路径。然后取消编组,选中字体中的白色区域,再点击菜单栏中的“选择”-“相同”-“填充颜色”,最后按“delete”。此时文件中只保留了黑色文字的路径,之后用直接选择工具便可以方便修改笔画路径了。 3)把在AI中转成矢量并且字体细节圆滑规整后的字体以智能对象拷贝到PS中,方便继续编辑。至此,手绘风格字体设计基本完成。 此时差不多已是D4下班时间。距离交稿日还有3天。还剩3组标语以及最后的排版没有做。我和F分工,她继续完成其中两组的字体,我做一组练手,以及完成最后的排版工作。 D4这天下班后,我留下来加班了。直到晚上11点,终于完成了“坚持使命 有责无界”这组字体的设计。 D5中午,我和F碰了一下。她也做完了另一组字“公平竞争 奖优励进”。下图是对比照(上:F 下:我): 后来发现“公平竞争 奖优励进”写错了两个字,该把“竞争”改为“机会”,于是F接着改。D6下午3:30左右,给出了“主动请缨 成就自己”这组字,如下图: 此时我正在寻找可以替换前文所说的那张插画。找到之后稍微修改了一下,并把四组字全部排版好,输出4张JPG,给导师和leader审核。初稿如下图: 后三张的字体全部是F设计的,导师审核通过,但leader觉得后两张的字体风格与前两张不一致,要求改。此时已经是D6下午5:00。明天是deadline。 修改意见转达给F。她说:“果然要一气呵成,今天的感觉跟昨天的不一样了”。leader问我这两组字是谁做的,得到回复后又问到:“为什么她第一次做的挺好,这两张却不行呢?”“嗯..大概是因为全凭感觉来画的吧,没有对字体特征和间架结构梳理出一套可复用的方法”我说。 于是,开始指导F继续修改。为避免因修改进度缓慢造成拖稿的风险,我分配F专心修改一组字,另一组由我来重新设计。 下图是我给她的具体的一些修改建议: “圈出来的这些笔画太尖锐了...这组字你缺少了圆角处理...有些笔画不能有大的拐角,比如你可以改成 之后,又与F边沟通边修改了几遍,直到D7中午14:30才算修改好“公平机会 奖优励进”这组字。而指导她修改字体的过程中,我重新设计的另一组“主动请缨 成就自己”字也完成了(上:F 下:我): 最后,全部完成的4张设计稿又发给leader审核了一遍。这次OK。交稿(就是文章一开始贴出来的4张终稿样式了)。 虽然花了很多时间来写这篇工作总结,但却不知道能有几个人会认真看完(因为的确太长了点...0_0...),写这些东西其实很大程度上是给自己的交代。如果对有需要的人能产生一点帮助和影响,那真得很开心。

BD公司试用期工作总结(2015.07.01-2015.12.31)【02】

接上篇《BD公司试用期工作总结(2015.07.01-2015.12.31)【01】》 回顾前文可知,由于试用期间接口的几个项目设计比较重要和复杂,没法全部放在一篇文章中呈现,所以,本文将单独总结在BD试用期间做的第二个项目:移动搜索界面设计。 产品项目二:BD移动搜索界面设计 这个项目是我从2015.7.22开始接触做的,目前为止做了整一年,从最初的阿拉丁卡片到唯一答案卡片再到现在的哥伦布SIGMA,从简单到复杂,从单薄到丰满,从混乱到规范,逐渐做得越来越成熟。 工作成果当然也是按 阿拉丁 / 唯一答案 / 哥伦布SIGMA 的类别来划分,总共分为三部分。 阿拉丁卡片设计工作内容: 1)设计阿拉丁模板:前期做的卡片query涉及实时票房、一个陌生女人的来信、医学团队什么时候更新、万达广场、淘宝兼职、大众新速腾、盗墓笔记漫画、宫外孕、汽车口碑、抢票日历、爸爸去哪儿弹幕评论、豆瓣影评、购物比价、知识点考点分析、游戏数据库查询;后期卡片query涉及:度假、景点、景点门票、酒店、查看更多样式实验; 2)制作PSD组件:把图层编组,右键转为智能对象,保存为PSD文件;然后点击文件 - 置入嵌入的智能对象,选中制作好的PSD组件,双击图层缩略图,进入可编辑状态,如有修改,原文件也会随之修改。做组件的目的是提高设计效率,相同结构的文件不必再重复设计,可以提取组件直接修改; 设计经验总结: 1)设计流程:明确需求(设计阿拉丁query模板) - 准备工作(熟悉已有设计稿,仔细查看搜索规范0718版本) - 解剖PSD源文件(参考明星影视作品卡片新增_李易峰_L2C.psd); 2)界面对比工具:用Chrome访问以下网址:wt.b**d*.com(公司内网),可以对比竞品目前的设计样式;把开发环境链接输入Chrome地址栏,在显示界面中点击审查元素,进入代码界面,可以设置平台型号(以iPhone6+为准),进入手机模式查看真实视觉效果,同时可以选中单独元素,查看代码与视觉标注是否一致; 3)设计技能get:把图层转化为智能对象,成为一个可编辑图层,双击缩略图后点击弹窗中的确定,在跳转的单独文件中编辑元素后保存,则原文件也被同步修改; 4)阶段性的设计产出要放在共享盘备份; 5)设计完稿交付PM之后,要跟踪数据,通过分析数据表现,看设计对产品的正负面作用体现在哪里; 6)由于总监审核视觉稿用的是iPhone6+,需要真实效果图,所以建画布都是1242*2208px;移动wise搜素规范中的示意图都是以3倍分辨率为基准设定的,1X/2X/3X之间的关系为:iPhone4*2=iPhone6;iPhone6*1.5=iPhone6+;iPhone6+=3*iPhone4;针对移动搜索wise项目所设计的卡片,图片是自适应不同屏幕尺寸,按栅格规范等比放大或缩小,标注视觉稿时,图片只要标注3N或者4N,而无需标注具体像素长宽; 7)视觉稿标注好要PNG+PSD一起给FE开发,如果有视觉设计规范,最好也一起给FE同学;以上文件都没给到的话,只要有PSD,一般开发也是会自己吸取元素参数的; 8)视觉设计稿应另存为web png,直接存png的文件会过大,不方便操作;设计元素编组后,可右键转为只能对象,之后在拖动元素时,是整体拖动(而不是一个一个元素去选取后再一起拖动)并且双击可以进入智能对象模式编辑;成为智能对象后,若不希望在修改智能对象01时,02也跟着变化的话,则可在右键复制01时,选择通过拷贝新建智能对象,则2个智能对象是相互独立的,可分别编辑;