您当前位置:图趣网(Tuquu) >> 网页设计教程 >> 视频教程 >> 浏览设计教程

【设计帮帮忙】第一期视频

概要:

【提问】如何培养审美能力 【作品点评】要求:高端大气上档次 【提问】调色的方法 【提问】如何提升视觉设计能力 【作品点评】JEEP汽车练习稿 【提问】如何向客户报价

讲师:

韩雪冬、杨华、大飞

01【提问】 半路出家,不会美术没学过设计的需要注意学习哪些内容?

提问人:454 - 随风


杨老师】审美的能力或其他相关的是在工作中慢慢培养起来的,具体:美术方面可以买书,看相关的东西,慢慢培养起来。


大飞老师】除了买书,要多在现实中接触其他做设计的人,当面交流,讨论,比看书要快很多。比如当时我在做设计的时候,和产品经理沟通有问题,我就下意识的想自己是不是需要了解一些产品方面的知识,因为要和他们PK。那我就在下班或加班的时候,把自己平时积攒的问题列出来,让产品经理告诉我,这些东西就比我看书要强。

 

韩老师】每个设计师在做设计的时候要多考虑几点,就算是同一行业里也分很多种情况:比如我之前在站酷上分享的一个作品,一个餐厅的首页,那个首页不是主流的设计风格,但是它是针对特定的客户的。拿这个餐厅的首页来说它还包括一些公司的定位,包括它的整体的风格,用户群体是偏白领的还是高收入人群的等等。

 

02【作品点评】 网页设计要求:针对上层人士,客户要求高端大气,不要在首页放新闻,不要案例。

设计师:1738 - 晴空恋雨

作品地址:http://www.uehtml.com/post/1738/


作品展示


 

韩老师】这个稿子很显然我认为不够大气哈,而且每个设计师和客户对高端大气的理解可能都不一样。我理解的高端大气是什么呢,就比如说我去看一场电影,看阿凡达,你用IMAX来看,感觉会非常爽,因为它不会把很多东西做得太密集,如果我拿一个手机看也有这种(不太密集的)感觉,但是很多东西它是体现不出来的,比如那些震撼的感觉,所以说我认为的高端大气是从很多细节上来表现的,比如你的图片的选材,它的冲击力,还有就是文字的排版。你的这个网站呢整体我觉得做得密集了一点,就是说它的透气感不够,还是没有放开做。


大飞老师】高端大气上档次就一句话点评吧:少即是多。


韩老师】大飞老师说的这个少即是多的概念我觉得很好,一个高端大气的东西不会把所有的东西都放上来,当一个网页承载的东西很多的时候,它很少能把视觉的这种感觉体现出来。这个可以去参考一些国外的网站或者看看杨华的设计,我做的东西偏视觉和个性化的东西会重一些,偏简洁,简洁是我非常喜欢的。


杨老师】正如大飞老师所说,少即是多是一个理念,拿这个作品来说的话,我觉得大气的东西应该是一个更多人都能够接受的一些东西,可能不会那么琐碎,不会刻意去做一个漂亮的效果,我只要把核心的东西抓住它去体现它,很完整的就可以了,没有那么多的效果。


参考案列


 

这个是我们的一个设计师做的,如果是一般的做法,可能会做成一个人戴着,或者是做很多光,或者是一些文字介绍,但是这个没有。这个是一个境外的客户,是做钻石产品的,主要是戒指,我们跟客户沟通的结果是我们只需要把产品最美的那一部分体现出来就可以了,我们与其去做很多的效果,还不如找一个非常大牌的摄影师来把这个产品本身的一些东西体现出来,这样更加的完整,更加的自然。所以我们拿到这个照片之后,修完图就放上来,再加上一些文案,然后还有一个logo和新闻。


大家可以看到这个页面其实是没有什么设计的,但是给人的感觉是很舒服的。所以我认为大气的东西它其实应该没有太多的修饰,没有太多为了设计而设计的东西在上面。它只需要有一个很明确的目标,我要把哪些东西展示给用户让用户看到,其余的多余的东西都会在斟酌之后删除掉,最终留下必须要有的,尽可能的让必须要有的这些看起来舒服。


针对刚才大飞说的留白的问题,我个人是这么理解的。可能很多人认为留白很关键很重要,其实我一直不认同是留白,我认为要放什么东西就放上去,留白不是刻意的而是自然的。就是说你把你要放的东西放上去,你没东西要放了,它就自然是留白了,如果你放完了他是满的,那就让它满着,如果空着就空着。白这种东西是自然留出来的,如果你刻意去空出来的话它依然是不自然的。

然后我们再看上面这个家居的作品,如果按刚才说的大气上档次来讲的话,我们实际来看,这个页面上有几块小方块:


 

其实这个地方,如果是一个大牌的公司他是不可以把这些方块斜过来的。你每做一个动作,哪怕再细微你一定要有道理,比如说你倾斜,为什么要这么倾斜,看上去你可能觉得有设计感,但其实真正的大气的设计或者大牌的公司话是绝对不允许这么做的。我们不妨看路边一些大牌的店,特别是那些奢侈品店,都是很干净很纯净的那种感觉。如果你做一个东西(比如这些倾斜的小方块)一定是要有道理的,而且这个东西在这个品牌当中或者是这个页面当中是有举足轻重的位置才可以放上去,否则的话这些东西全部拿掉,包括背景的那些方格啊立体的柜子都要拿掉。可能大家觉得这不叫设计,但是其实它依然可以做出很舒服的界面出来。

韩老师】其实我的个人看法其实和杨老师很一样,上面的东西有点太乱了,正在产品的一个本质性的一个东西没有体现出来,有点哗众取宠,琐碎的东西有点太多了。

案例参考(作品地址:http://www.biad-ufo.cn/


 

我简单说一说,这个是我在几年前接的一个单,客户之前是找了二十多家设计师来给他们做,最后呢是用了我的这个设计稿。我简单说一说,它其实也不叫大气国际化,这个跟他们的公司定位有关系。他们是1949年成立的一个公司,叫北京设计房地产研究院,然后这个是他们的其中的一个子公司,叫UFO。真正给他们做的时候很多公司会把他们的logo放上去完了他们的设计就全都是堆在这边,其实这个是他们完全不想要的,他们就想要一种偏理念性的一些东西。所以我就做得非常简单,我只是把它的logo放在中间,比如像这里们的五个栏目,其实它有一条贯穿的一条线,这几个点如果延续下来正好是UFO的中心点。


因此我去竞标这个设计。而且他们是对设计非常认真的一个公司,他们会把这个设计稿打印出来之后放在墙上,让所有的员工停止工作一起来看这个设计。第二天他给我一个反馈,唯一的问题是字母D到下面一排文字工作室的室字那里差了一个像素。我说这个问题是这样的,这个我是拿标尺去量出来的,绝对一个像素不差,这个我认为也是对设计的一个劲儿,然后我告诉他是什么原因呢,是视觉的一个误差,因为在D的拐弯处它有一个往回收的弧度,所以说所以视觉上会比工作室的室字出来一个像素。就因为这些原因,后来其他的东西全都一稿过,包括所有的内页,因为他觉得你做的设计包括你的专业性都是很严谨的。

03【提问】  求调色的方法

提问人:小湛


大飞老师】我这个人说话比较简单直接,我最讨厌看一大本书完了说怎么调色,调色的问题很简单,用吸管。你要颜色把控不好的话,你就多吸一些你感觉颜色好的颜色,然后你去看看那些色值,完了你吸得多了,做得多了,自然而然就提升了。这个东西不是说今天听一下明天马上能会了,这是不可能的。


韩老师】对,好的东西其实很多时候源于借鉴嘛。狠多人对于颜色来说视觉来说不是很敏感,即使我以前学美术的,但是我对于颜色来说都是不及格。比如他们画一些瓶子的时候底下就会有一些环境的颜色,我就说哪里有这些东西啊根本就看不出来。其实这些东西啊可以靠一些后期的练习或者一种方法来弥补的,特别是像飞月说的那种方法,你看好的颜色或者说好的网站的颜色,你可以用吸管去吸,来尝试一下,或者说你在前期的时候用到你的设计里,我觉得这是一个比较投机取巧的方法而且效果很好。等你真正了解这种颜色怎么去用的时候你基本就有一个自己的对颜色的一个理解了。这样学起来我觉得可能会更简单一些。


 大飞老师】我给大家分享一下吧。比如说配色,配色怎么做,特别简单,我原来微博上分享过一个配色的案例,比如说你要做一个情色网站,那你不知道怎么去给它配色,那你就去抓一个跟情色相关的,比如说夜店或者夜场的一些环境,你把那张图抓上来,抓完了以后随便用一个软件,比如美图秀秀什么的做一个滤色,滤完了之后你在要配色的那张图里面去吸五个左右的颜色,前三个是主色,后两个是点缀色,OK了。补充一下一定要做个滤色,这样的话饱和度才一致。

  

        生活色彩:http://www.tuquu.com/se/

        分分钟学配色:http://weibo.com/1418073661/z4d4hop3o?mod=weibotime

        设计素材:600张最新实物配色卡(第十二辑)http://www.zcool.com.cn/gfx/ZMjY5MjY0.html


韩老师】还有一种,就是说和颜色它的明暗,也有一些关系吧,比如说红色,暖色啊冷色啊等等,你用色标看黄色的时候会比较亮一点,看蓝色的时候会比较暗一些,但真正你把这些颜色取出来之后你去色,你看它的灰度值其实是一样的。所以有些设计师在做设计的时候他可能直接做成黑白的,如果说他这里很脏的话有可能是这个颜色出现了一些问题。我说的这些颜色有可能是偏实景化的,因为真实的场景都会有光源有明暗。所以说有些设计师他没有考虑明暗的关系,只考虑颜色,这些也可以去借鉴一下。真正亮的地方是偏暖一些,深的地方偏冷一些。偏实景的(设计)用这种颜色去搭配的话可能会更好一些。

小凯(李国凯)他有一些对颜色的理解,包括怎么去上色的,那个也很好。(网址:http://www.zcool.com.cn/article/ZNDg0MDQ=.html

 

04【提问】  如何提升视觉设计能力

提问人:小湛


大飞老师】抄。当然不光是抄,抄是一种捷径。很多人不理解,对抄这个词特别反感。我跟韩雪冬的老师原来给我们举过一个例子,不是歧视,说你让山里人和城里人做一个电话电话的设计,山里人可能能做出来三个来,城里人可能做出十几个来,为什么呢,因为他见过的太少了,他只见过这几种电话,他想开天去他可能也就见过这几种。所以抄是什么呢,抄是,每个人其实都有自己的性格,你在抄的过程中你学的是他的字间距,排版呀,用色呀,在抄的过程中你才能体会到。抄得多了你自然而然就会把自己的风格揉进去。这是我的建议。


 韩老师】他这也不是完全抄。我认为是这样,就是说这个东西怎么能出来,就是(靠)你平时的积累。当时(老师)是这么说的,我问那个老师,为什么我做设计做不出来,没有想法,没有创意,不管是视觉还是各个方面我都不行,为什么呢?他说你平常看的东西太少了。只跟我说过这一句话。所以说,在几年前的时候,比如有一个人做了一个设计稿,我马上就能看出他抄过谁的,从哪个网站上抄的,等等,我看过上万个设计。


当然现在没有这个能力,因为岁数一点点大了,这脑子确实慢。但是呢就是说平时的积累是非常重要的。你们只有多去看多去理解多去观察,你们才有好的想象力,不是人一生下来就有好的想法。你可以看一下国外的一些打怪兽的呀,或者等等的啊,他是从事物上去提取出来的。你就像阿凡达那个里面的所有东西它也都有眼睛,要不就一个要不就两个,然后都有腿,都有尾巴,反正就是说他把很多东西揉在一起,可能就变成你自己的东西。


大飞老师】你们有没有这种感觉,在欣赏一些其他人的分享的时候突然眼前一亮,哎呀这个东西真好。反正我是有,因为大家都有。但是你觉得这些东西真好的同时你自己有没有去做过一些实践?因为你觉得好,完了你收藏了,完了你可能会说我以后再抄一下啊再学习一下啊或者怎么样。我发现一些微博,或者说一些其他的平台他收藏的东西非常多,但是你收藏的东西,你们回头想一想,有几个人回头再去看呢?所以说我建议大家看到了就尽量的马上去找找这种感觉,去抄他的感觉。


杨华老师】我补充一下这个问题。其实我认为在整个设计的过程当中,视觉表现它只是其中的一个环节,而这个环节呢是属于技术层面的。那我看到不管我们生活当中任何一个行业,如果是技术层面的话,他没有一个非常捷径的一个方法,只有一个字就是一直练下去,不管是一个晒车手的也好,一个木匠也好,一个雕刻家也好,还是一个画画的,都是不断练,他没有一个说告诉你几个方法你明天后天你就可以提升很高,那是不可能的。


大飞老师】我说的抄不是纯抄,你纯抄可以,你是做练习,但是你不能抄了以后拿来商业用,你不能抄完人家的东西一模一样拿去挣钱。你平常可以纯抄,抄的是他的感觉。我的意思是你抄的多了你会有自己的感觉。


韩老师】平时我也让我的设计师多去看一些好的设计,但是看完之后他们也没有提高。为什么没有提高呢,我认为抄是一个过程,其实你真正去抄的是思想而不是表现层,你可以去考虑每个设计师他在做网页的时候,比我我,我会考虑每一个像素,我都会去想。那这个时候你作为网页设计师来说你会怎么去想,你抄的是他的想法,他当时为什么这么去做,他这样做的好处是什么。如果你只是看到他好看的地方,你觉得不错你下次再去做还是出现这样的问题。所以抄的是设计师的一个想法一个思想,他们为什么来这么做,比如像他的细节他的颜色他的排版,整个的布局,多拿这个点去考虑的话我觉得对你的提高会更好一些。


杨华老师】其实抄就是练。


05【作品点评】  做设计做到一定程度了想继续往下做就不知道怎么去加强了。我这个设计稿也是自己想出来的,这种可能老师看了会觉得简单啊什么的,我想问下怎么能进一步强化。

提问人:木头


 

韩老师】你的理念和需求是什么?你觉得不满足的地方是哪里?

木头】我经常会看老师们的作品,他们的质感特别强,还有空间感布局什么都很好。我的东西拿出来就有点幼稚,不成熟,质感不到位,我表现出来的视觉也不是令我满意的东西。


大飞老师】就是眼到手不到。


韩老师】第一个我先从你的整体布局来说。整个布局上,上面呢其实是一些细节的问题。比如说像分针秒针的投影,它是在下方,但是这个边缘的投影它又是在右方,但是整个的轮盘它是居中的,所以说你整个的透视关系其实是不对的。

 

第二,底下的这一块,我认为有点太过于密集了。因为你上面的区域很大,但真正我看内容的时候我觉得会比较累,包括你展示的形式我觉得有一点点不到位,像这个台历的这个东西,它里边的东西就很粗糙。



 

 作为一个设计师来说,每一块都是很重要的,有可能每一个像素都要去考虑,这个是第一步,是基础。你要让它整个的感觉上更清晰更舒服,块的感觉更强一些而不是密密麻麻的给它排在一起。还有就是混乱的配色,黄色跟蓝色是一个补色,它能让视觉更明显一些,但你这里面花花绿绿的颜色都放在一起我认为考虑的不够透彻。还有就是你里面放的这个草是什么意义,你的这些东西不是纯真实感的一些东西,你放这些草我不知道是什么意思。所以说里面的很多细节我认为都是要去考虑的一些因素在里边,然后再去重新给他一个布局。你考虑东西的时候考虑多了,没有抓住它的中心点,有的东西有点多余了。你要抓住一点去做,每个网站它都有一个核心,一定要抓住它的核心,其他的东西可以稍微的忽略一些。


大飞老师】首先来说你做的是一个拟物化的一个设计,首先你就要先还原一下你的场景,你的场景就有一个环境光,完了有你的质感。在一个场景内,有一个灯,灯照下来的颜色,如果是黄灯的话,所有东西包括你的衣服啊桌子啊虽然它的质感是不一样的,但是它的滤色是一样的。颜色你要把控好,不要一个特别亮一个特别暗。

 

06【作品点评】  做吉普的好多的都太厉害了,所以我想尝试一个全新的思路,带入场景化。我想做一个车在不同的地点不停的穿梭的感觉。

提问人:冉旭

作品地址:http://www.uehtml.com/post/1769/


 

 韩老师】你想法非常好,但是真正表现的时候刚才有些同学也说了有点乱,比如它一会儿下着雪啊一会儿又空间感啊一会儿又这种穿梭感啊,然后又有这种时空的这个门。这个门我感觉不到,第一眼看到这个稿的时候我不知道它是什么一个东西,它就是很多线去连起来,但是没有穿梭感,这种感觉我体会不到,如果你能做出来这种穿梭感我觉得还是不错的。其他的还是有一些琐碎的东西,我觉得该拿掉还是要拿掉。你要是想做穿梭感我觉得你就围绕这个东西来做,其他的东西可以做一些删减,能够把精华的东西提炼得更准确一些。


 冉旭】我当时想的是场景的切换,一定要把车融入到场景中去切换,我是这样想的。你的这种穿梭呢可能就达不到吉普的这种适应各种地段去穿梭的感觉。


杨老师】其实我在做设计的过程中我往往会跳出设计师这个身份去看这个稿子。我是一个吉普的用户,这种人他看到的应该是一个比较接地的东西。像我来看这个东西我可能觉得科技感过了,接地的东西少了,其实很简单就是这样子。它其他没有把车子在现实生活当中的那些东西表现得很突出,更多的去玩花样。更多的应该要站在它的这个用户群去看。我觉得设计是要有想象力,但是你的想象力一定要结合现实。我们都在讲设计源于生活高于生活,但是最起码你要源于生活,再能高于生活。   

大飞老师】我非常同意杨老师说的站在用户的角度去考虑。我其实在想。买这种车的人真的是满地都去吗?如果用二八原则来说的话,满处都去的人在国内只占二,那在产品里面就说二是我要抛弃的人。我要八,八是什么呢,八是我要开的车的人,我要怎么体现它。如果我是CEO我要在亚洲市场上体现它的MAN,那怎么体现它的MAN体现它爷们儿,我觉得这个可能是咱们中国人,要体现他的虚荣,这个才是用户心底下的真正想要的一个东西,就是体现自己。


就你这个稿子来说,比如说你要体现轮胎,我发现你这里有一块是给一个轮胎的一个局部,那你要体现他某一个特别好的性能。体现轮胎的话你要跟场景结合起来,比如说轮胎是耐磨还是耐滑,你要体现他的一个特性,你那边的那些激光是什么意思啊。你的这个时光门你要不说的话我感觉不出来,还有这两边你要操作的时候,用户第一次可能不会操作。要操作了之后他才知道它是怎么穿梭的。


韩老师】一个就是说一定要抓住客户的群体。我不排斥设计师有自己的想法,很多飞机稿为什么飞了是你没有抓住客户真正想要的东西。


大飞老师】就这一点我和大家分享一下。就是说老板或者客户经常说logo要大,你们会嘲笑他,但其实他说logo要大是因为他不懂设计,老板为什么想要logo大。他希望他的公司能尽量的有扩散的效应,这就是他需要的。不要骂,换位思考,你应该告诉他说是logo要明显,这个才是他真正的潜在的一个需求。Logo要明显的话你跟他说我是设计师,我用我的方法,不管是质感也好颜色也好,我肯定让它变得明显,就能达到你的目的,达到你的需求。


07【提问】  如何向客户报价,在不同阶段如何向客户报价?

提问人:馒头


韩老师】给客户报价需要看你的受众群体,他的品牌文化,你的客户群体是非常重要的,跟你要针对的客户群体,你的客户群体会分很多层次的,比方说你的客户的年龄层次,他在交互体验,里面分很多,他在视觉体验跟交互体验很多是不一样的,比方说在国外html5 CSS3等等。


这些新技术是比较流行的,但国内为什么一直不用,也是他的客户群体的原因,也是国内受浏览器限制的一个原因,所以说国内现在主要是从视觉表层上来考虑怎么设计, 其实也是国内很多网站是靠人机交互来完美的表现出来,但是在国内发展跟国外是脱节的,主要是浏览器的一些原因导致的,所以我对一些客户来说,我都会问,你做一个网站,你是考虑跨平台吗?因为以前是互联网,现在是移动互联网,你真正做一个网站的时候,你要考虑你的用户会不会用手机打开,这个时候,它的视觉表现包括它的展现的形式,采用的技术,都要进行分析才能考虑这个设计怎么来做,所以说它的价格是不一样的

 

杨老师】只说报价这个问题,我们面对的更多是一些企业的官网比较多,其实技术这方面的成本我是这样考虑的,首先我先向客户咨询,这个目前不是我在做,不过他在遇到问题的时候我会帮他解决,但是大的方向是这样子,首先你要做这个东西,你客户本身对自己要做的内容投放出来要有个大概的评估,首先我们要判断它是拿来干什么用的。


如果他是想要发挥的更大的价值,那我们做的时候要发更多的时间跟成本,那我这个价格会有一个大概的底限,然后在在公司内部来确认我们需要多少的人力资源,时间,和各个方面的资源,完了之后我们会根据难度,时间周期给他一个大概的报价的。


总结一下,第一,根据客户投放出去的一个价值期望。第二,根据我们自己的人力成本以及时间成本以及一些商业的利润空间然后最终给到客户一个报价。

 

大飞老师】总结一下,北京话叫:不见兔子不撒鹰,比如说点接地气的话,你在做一个环节之后,一定要收到钱再开始下一个环节。

 

08【提问】   网页设计师和平面设计肯定有区分,想问一下三位老师设计和前端的关系有多紧密,设计师在做网页的时候他需要了解多少前端知识才能够保证这份工作的顺利进展。

提问人:馒头


韩老师】我以前也切图,但我那个时候是table,现在有div+css其实我不会。但是我认为一个专业的设计师你在设计一个东西的时候你一定要考虑你的技术层面,有可能你的设计会给你的用户体验或者说客户造成非常大的问题,比如兼容的问题。设计师你可以想到很多,比如视差,3D旋转等等,你都可以去想,但是如果你的用户群体他不用这种浏览器的话,那它有可能给你后期的开发带来非常大的麻烦。所以我这边的设计我都要求你不一定要会切图,但一定要了解原理,所以这种沟通我觉得是非常重要的,它是一个团队。所以我认为一个设计师不管他在公司的拿个位置一定要为后面的同事去考虑。


杨老师】你问的设计师究竟要对代码了解到什么程度。其实我个人认为不需要了解那些技术代码怎么去实现,但是交互过程当中一定要有一个非常正确清楚的认识,怎么用起来好,流畅与不流畅,贴不贴心这个一定要知道。

[教程作者:韩雪冬、杨华、大飞]
免责声明:本站文章系图趣网整理发布,如需转载,请注明出处,素材资料仅供个人学习与参考,请勿用于商业用途!
本文地址:http://www.tuquu.com/tutorial/video1860.html
白鸦(前支付宝首席设计):除了设计我们还要做什么
【设计帮帮忙】第二期视频
图趣网微信
建议反馈
×