利用颜色查找快速制造大感觉

   当接到一个紧急需求的时候,设计师脑子里一定在抱怨不爽了。因为设计要用”赶出来”的话,是很难有优秀的作品的。但有时候不得不面对现实,需求方急着要,我们也只能加快速度设计。把脑子里有的设计形式全都翻出来,全用在页面上。

  有时候可能会有意想不到的结果!有时候又会出现那种连自己都不愿意承认是自己做的尴尬处境。

  这种快速设计没有经过前期的精细推敲,总有站不住脚的地方,但是时间有限,能达到一眼望去,让各位爷能心里感叹一声”哇”,就已经谢天谢地啦!!

  快速设计专题有很多种方法,这里只是给大家提供其中的一个小思路,并不一定适用每一个专题,如果在你紧急的情况下,不妨试试这个。

  今天收到了一个交互稿,如下。是一个在圣诞节的日子里卖皮肤也送皮肤的营销类型专题,并强调要使用”冰原狙击 凯特琳”这张原画进行设计。

  第一:观察交互稿,并进行简单的交互稿梳理

  游戏类的专题,一般没有专门的交互设计师给你去设计交互稿,所以拿到交互后,就需要对交互进行一遍”审查“,把不明白的地方和接口人对一遍。

  比如这张交互上,标题有3列,”冰原献礼”"限定皮肤3送1起”"冰原狙击凯特琳 首战正义之地 “这些是出现在头部的文字,一般都属于最重要的信息传递。

  所以要特别详细的问接口人,这些文字都是什么意思,是不是已经完全确定采用这些字(因为后面要对这些文字进行设计,如果后面再要修改,就会浪费很多时间)

  又比如:上面四条”献礼1、2、3、4″是什么意思,放在这里有什么用。等等。

  总结来说,拿到交互后,一定要对交互的内容进行梳理,分析出内容的主次(对你后面的设计特别重要)


  第二:平铺交互内容

  由于属于快速专题,并且强调要使用”冰原狙击 凯特琳”这张原画进行设计

  所以接下来,就直接先把规定使用的原画摆上去。(这张原画由于”年代久远”,并没有后面英雄联盟的新原画那么厉害的细节和色彩,所以后期需要弥补这个问题。)


  1:这里首先对背景进行拼凑,把位置大概放好。


  2:接下来把背景进行过渡、融合,这里建议把内容转换为”智能对象”后,用高斯模糊滤镜再添加蒙板来进行局部涂抹,达到一个简单的预期效果,让画面看起来过渡和谐,没有生硬的地方。


  3:然后,就把交互稿里的内容全部平铺在设计稿上,让自己对整个网页的内容有个了解,并且明白内容的区块划分。

  第三:在设计稿上分出主次

  接下来就要对我们的交互进行主次的划分了。注意:这一步特别重要。这影响你接下来的设计重点将花在哪一块。


  1:首先我们说标题,标题有“冰原献礼”"限定皮肤3送1起”"冰原狙击凯特琳 首战正义之地”,先自己进行简单的分析,”冰原献礼”这个意义不大,只是赋予了这个专题一个名字,因为是快速专题,所以不需要对他进行过多的设计。”冰原狙击凯特琳 首战正义之地”这是活动的slogan,对活动也没有很大的意义,所以也没有必要花时间设计。

  个人认为最有效的信息是”限定皮肤3送1起”,最能吸引玩家眼球的就是他,有「限定皮肤、送」这些字眼,这明摆着就是勾引用户嘛,所以我选择把这块文字进行放大,吸引用户的眼球!也让头部的文字有的大小对比,有了简单的形式感。

  2:然后是活动时间,这也是一个很重要的传递的信息,所以也需要很明显的展示,但又不能很抢眼。一般都放在标题的上方或下方

  3:接下来是第一部分内容,”四重献礼”,交互稿上有四条信息”献礼1、献礼2、献礼3、献礼4″,通过和接口沟通后,这四条信息是下面四个皮肤的领取条件,而下面四个皮肤也是这个专题的主角–要送的皮肤,所以我们也确定了这一块内容在整个页面的重要关系。那么为了和下面售卖的皮肤有区分,这四个皮肤的区域我采用了「圆形」来进行区分和强调!并且把四条领取信息梳理在了应该出现的位置,领取按钮的下面。

  4:最后专题下方的”指定冰雪节限定皮肤”售卖区,这个从交互上看没有什么问题,所以我们就不用再此纠结。

  p.s.在每一次对一个区块进行主次分析后,最好和接口人对一遍,以免你的判断出错,到最后白费功夫。最后确认你的分析是正确的之后,就可以开始进行视觉设计啦。

  第四:利用”颜色查找”制造大感觉

  大家可以先看一下。


  查找颜色是一个调整图层,他的位置可以查看上图,

  添加了颜色查找以后,在颜色查找的面板里找到3DLUT文件,下拉就可以看到很多自带的特效样式,可以一个一个尝试。

  这个功能用了之后会立刻给页面制造一些电影级别的色调,有冷的,有暖的,诡异的,小清新的,在经过鼠标滚轮的一番滚动后,总有几个颜色会让你灵光一现,如果没有,那你只能绕道而行,换其他的方法了。


  颜色查找效果一


  颜色查找效果二


  颜色查找效果三


  颜色查找效果四


  颜色查找 效果五


  颜色查找 效果六

  上面这些步骤就是不断尝试样式 ,还有更多!

  因为这个专题是冰原献礼,所以第一感觉想到的是冷、雪、蓝色、白色,这些关键词蹦出来。所以在经过”颜色查找”的尝试后,找到了自己满意的一个效果,就是上图 颜色查找效果六 这个蓝色的效果。


  选好这个蓝色后,发现页面太冷了,冷的让人没有欲望进行操作,所以在头部的光源处打一个暖色的光芒,冬日里的阳光,立刻暖起来了,有木有。

  第五:分清主次进行内容刻画。

  这个时候画面的颜色已经是差不多了,有大调子,有冷暖对比。接下来就是要对内容进行设计了。


  1:首先给标题挑一个和谐的颜色,并且选择一款看的顺眼的字体!(标题放在光源的后面)然后继续调整文字的排版。

  2:对页面中的主要区域进行刻画,并且强调区块的标题。因为是圣诞节出的专题,这四个皮肤又是主角,所以下功夫好好刻画一下吧,画出来,后面三个重复利用。

  3:限定冰雪节皮肤售卖区域,因为主次关系比上面的”四重献礼”相对弱一点,但也是重要的营销区域,所以也不能对这里有怠慢,依然是刻画皮肤的框,但不要比上面”四重献礼”的框精致,画一个就好,后面的重复利用。

  4:最后是活动说明,这里其实也是考验设计师有没有花心思的地方,将重要的信息用高亮的颜色标出来,会更利于用户的阅读。

  第六:刻画专题的细节

  完成第五步后,作为一个快速专题差不多是”完成了”,要是觉得还不错的话,其实已经可以交稿了,但如果你还想继续做下去,那就刻画吧。


  1:标题增加纹理,投影等等看着舒服的样式。

  2:增加雪堆积的效果。(如果时间充裕,最好每个重复的区域堆积的雪不一样)


  3:页面添加飘雪(主要给专题添加气氛,并且制造空间感。)之后还会出一个快速制造有空间感的飘絮物教程

  4:增加太阳光源射线,不用太明显,一点点就好(对画面空间感也有帮助)


  5:继续润色,加强页面冷暖对比。(润色有很多方法,如本期介绍的”颜色查找”,可以在后期润色的时候反复使用,不过这样会增大你的PSD容量,不过为了美无所谓拉!,还有调整图层里的”可选颜色”"色彩平衡”"对比度”等等,不要吝啬使用这些调整图层,他能在专题收尾润色的时候,给专题带来画龙点睛的效果。)


  6:继续加强页面冷暖,加强饱和度,对比度,刻画雪的细节,至此页面设计完成,开心的交稿去吧。

  结语:

  这次介绍的快速专题制作技巧,主要是前期利用”颜色查找”制造大感觉,营造出页面初期的大气氛,制定了一个方向,不至于走弯路。但这个方法不一定适合每个专题,你可以搜集这些技巧,在你遇到紧急需求的时候去尝试使用。

时间: 2024-08-04 07:50:31

利用颜色查找快速制造大感觉的相关文章

PS利用颜色填充快速给图片调出特定统一色调教程

教程教大家PS利用颜色填充快速给图片调出特定统一的色调效果,本方法主要是利用蒙版控制图片层次过渡,使颜色过渡协调,喜欢的同学赶快来学习一下吧! 效果 1: 原图 1: 处理过程如下: 1.打开原图,新建色相/饱和度调整图层,整体降低点饱和度. 2.新建纯色填充图层,填充一种你喜欢的颜色,图层模式为:柔光.

网鱼网咖-利用数加快速搭建大数据平台,极致洞察,为客户带来从所未有的体验。

免费开通大数据服务:https://www.aliyun.com/product/odps "令人惊喜的是,利用阿里云的数加平台,我们差不多一个多月就搭建好了大数据平台,并且可以通过图形化的界面快速的开发,几个开发人员很快的掌握,甚至我们把阿里云的开发端给了业务部门,他们一些稍微资深一点的业务人员也可以使用,所以我们初步估计了一下,给我们节省的价值至少是千万级的."--网鱼网咖CTO楚发 关于网鱼网咖 网鱼网咖成立于1998年,致力于打造多人游戏空间,为顾客提供极致的游戏上网体验.网鱼

余凯对话MIT总监:如何快速制造机器人

导读: 在极客公园创新大会(GIF2016)上,MIT计算机科学与人工智能实验室(MIT's Computer Science and Artificial Intelligence Laboratory )总监Daniela Rus对话地平线机器人科技公司创始人兼CEO余凯,并接受媒体记者的采访,就人工智能.机器人/自动驾驶等技术的前沿研究及应用进展等话题分享了自己的观点. Daniela Rus首先发表了题为"当我们在谈论机器人时,我们到底在谈什么?"的主题演讲,她表示,机器人必须

photoshop利用图层样式快速制作一个剔透玉石挂坠图标教程

给各位photoshop软件的使用者们来详细的解析分享一下利用图层样式快速制作一个剔透玉石挂坠图标的教程. 教程分享: 1.首先,新建一个画布,并将背景色设为#aaab9e;再用椭圆形形状工具,通过布尔运算构建出如上图所示的圆环图形,并将圆环颜色设为#e2e9d3.   2.双击圆环图层,弹出图层样式窗口,然后对图层样式进行编辑,我们会用到"斜面和浮雕.等高线.内阴影.投影"几个属性,他们分别的数值如下.           3.接下来,我们来制造一些玉石的自然纹理,另外新建一个画布(

如何利用QQ空间快速提升网站流量

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 今天要分享的内容是<利用QQ空间快速提升网站流量>,很多的朋友都在为网站的流量而伤脑筋,我也不例外.但我做的是产品销售,所以不是相关的流量,要多了对我来说是乎也是没有多大用处的.这次分享个QQ空间提升网站流量的方法.我实际上是没有去操作的,毕竟我有更多的事情要去做.我不可能把看到的东西都去实践. 好东西自己不敢独享,特地拿出来分享

利用图层样式快速制作高亮的火焰线条字

  教程重点是文字高光部分的处理.过程:先对原始文字做简单的图层样式,设置好主色和边缘高光颜色;然后多复制两层,把填充都改为零,再分别设置图层样式,加强高光颜色,做出有光线感觉的线条效果即可. 最终效果 <点小图查看大图> 1.新建一个1000 × 650像素,分辨率为72的画布.选择渐变工具,颜色设置为红黑色至暗红色如图,然后由顶部向下拉出图2所示的线性渐变作为背景. <图1> <图2> 2.选择文字工具,输入想要的字母或文字.这里的字体为"AvantGar

PHP如何快速读取大文件

在PHP中,对于文件的读取时,最快捷的方式莫过于使用一些诸如file.file_get_contents之类的函数,简简单单的几行代码就能很漂亮的完成我们所需要的功能.但当所操作的文件是一个比较大的文件时,这些函数可能就显的力不从心, 下面将从一个需求入手来说明对于读取大文件时,常用的操作方法. 需求 有一个800M的日志文件,大约有500多万行, 用PHP返回最后几行的内容. 实现方法 1. 直接采用file函数来操作 由于 file函数是一次性将所有内容读入内存,而PHP为了防止一些写的比较

如何快速制造一个成功的中文web2.0网站?

web|web2|中文 web2.0的风光在如今的互联网上简直无人与其争锋,随着英文web2.0网站的快速发展,中文web2.0网站也随之增多.这类网站最大的潜在利益就是容易被风险投资商看中,进行投资.收购乃至上市. 看着他们的风光,你是不是很羡慕呢?其实要"制造"一个中文web2.0网站并不困难,这里教你几招如何快速制造出一个成功的中文web2.0网站. 1.选题 目前市面上的web2.0网站涉及很广,书签.理财.旅游.图片.求职等等数不胜数,你首先要从中选择一个最适合的题材,这个题

Photoshop利用滤镜制作漂亮的大气泡效果

  ps教程         Photoshop利用滤镜制作漂亮的大气泡效果          效果图是由一个简单的光晕经过不断的复制,变形,调色,叠加得到;后期再调整整体颜色,增加对比,局部增加一些细节,就可以得到想要的效果. 最终效果 1.先来制作光斑,新建一个1024 * 1024像素的文档,然后把背景填充黑色. 2.执行:滤镜 > 渲染 > 镜头光晕,把光晕移到靠中间位置,确定后效果如图. 3.按Ctrl + J 把背景图层复制一层,如下图. 4.执行:滤镜 > 扭曲 >