专注于网站建设和搭建网络营销体系
商视互联,北京做网站公司
北京做网站,商视互联 您的位置:网站首页 > 商视动态 > 网页设计 > 正文
网页广告设计中的望闻问切的运用
作者:商视互联   来源:北京做网站公司   日期:2012/10/24 16:14:23   热度:℃   [ 标签:网页设计 教程 ]

  设计这行当,一人一条路,千人有千面。没有两个设计师是用同一种方法、同一条发展路线走到同一个水平线上的。世上没有两片叶子完全相同,也不会有两个设计师在各方面?#38382;?#19978;完全相同。别人的路,不一定适合你走,但你可以参考别人在路上的感悟、呼吸频率、步伐节奏、线路等等,从而让自己的路走得更正确、更轻松。
  今天,我来分享一下我在路上体悟到的一些方式方法。因为设计涉及的面实在太庞杂,所以一次分享一定说不通透。我这次先吐一点,?#34892;?#35201;的人先趁热吃一点。如果听?#21496;?#24471;有用、管用、能用,今后的日子里,咱们可以换个姿势,再来一次。

  网页设计教程
  大?#21494;?#30693;道中医讲究的是“望闻问切?#20445;?#20854;实设计也同样适用这四种手段。
  望,指观气色,说的是设计的眼光,一眼望去,任何作品原地解构,方式方法浮出水面、清晰无比,优缺点一目了然,且能通过透视作品掌握其中表现手法为己用。
  闻,指听声息,说的是设计师的学习方法,该学的、不该学的、怎么学、怎么安排时间。
  问,指询问症状,说的是设计师与客户沟通的技巧,怎样才能让客户不在背后指点江山,怎样才能不苦逼呵呵的做设计还能把钱赚了。
  切,指摸脉象,说的是如何准确地切入一个设计项目,?#21494;?#35299;牛,准确透析项目的DNA,跟着项目的脉搏节奏律动,让设计产生真正的价值,而不仅仅停留在视觉层面。
  我们先来聊一下设计“望闻问切”四法中的“望字决”。希望大家听完之后,上眼线浮现出淡淡地金黄色,假以时日,火眼金睛可成。
 
网页设计教程
 
  设计群里有人发了张吉泽明步老师的教学片封面,我嘴欠,借着那张封面聊了半天设计,一点切入引发出不少关联。后被群主@?#25490;鬠E 起哄,要我?#28304;?#23553;面为药引做一期分享。一张封面引发了血案,你敢挖坑我?#36879;一?#22475;,咱今天就说说这低?#24230;?#21619;里到底有多少设计手法可以挖掘。
  ?#20154;?#20010;敏感的话题:抄袭与模仿。借鉴、模仿是所有艺术类工作都无法摆脱的原罪,也是设计师们无法摆脱的原罪。就像每个学画的都是从素描画鸡蛋、立方体、大卫之类的过程中一路走来,每个做设计的虽然不?#25954;?#25215;?#24076;?#20294;也是在模仿中逐步的成长。勇敢一点,裸面这个敏感点,是设计师成长必不可缺的一步。
  齐白石老大爷说过:“学我者生,似我者死。”翻译成英文的意思就是:“模仿我技法的人们都会过着幸福快乐的日子,直接抄袭一比一高仿照搬的?#19968;?#21435;死。”
  模仿是学习,抄袭是搬运,中间界限是模糊的。保持灵台清明,别陷入泥潭,就是健康的、可?#20013;?#21457;展的。模而不仿,才是王道。
  ?#28909;?#27169;仿在所难免,大家也没必要藏着掖着了。俗话?#26723;?#22909;:“天下文章一大抄,看你会抄不会抄。”会“抄”的,“抄”的是人家的骨骼,“抄”的是技法;不会“抄”的,“抄”的是人家的面皮,和拓印的一个工种,拓个千八百?#25105;?#20889;不出一个字儿的狂草来。
  下面,就让我们一起来CHAO吉泽老师,的教学片封面。
  首先,我们看一下封面上可以学习的“设计点”。这里说的“可以学习” ,是指你学会后可以“无损应用”甚至“增值应用”到其它设计作品中的“可以学习”的“设计点”。
  上图中画圈标注的地方,就是我认为的“设计点?#20445;?#29256;式、构图方面的设计元素因其不确定因素较多,就算提取出来也未必可以完整移植到其它的设计作品当中。 
 
商视互联
 
  我们看一下主标题部分的“设计点?#20445;?br />   1、主标题、?#21271;?#39064;的字体颜色和字体大小;
  2、主标题下的心形图案以及颜色应用;
  3、主标题顶端的英文文字环绕排?#23567;?br />   我们将日文改成中文,按照其字体、比例、颜色等重新制作,“设计点”解构、提取、重构完成。
 
北京做网站
 
  我们看一下左下角人名部分的“设计点?#20445;?br />   1、主标题、?#21271;?#39064;的字体颜色和字体大小;
  2、主标题?#21271;?#39064;的对齐方式;
  3、主标题顶端的英文点缀以及大小比例;
  4、主标题、?#21271;?#39064;、英文的字体区分使用(主标题为非衬线体,其它为衬线体,具有对比性)。
  我们将日文改成中文,按照其字体、比例、颜色等重新制作,“设计点”解构、提取、重构完成。
 
北京网络公司
 
  我们看一下左上文字部分的“设计点?#20445;?br />   1、文字的字体、大小、行距;
  2、文字左下角和右上角的装饰线;
  3、每行文字的长度(每行文字适当的长度可以给整体带来疏密有致的视觉效果)。
  我们将日文改成中文,按照其字体、行距、辅助线等重新制作,“设计点”解构、提取、重构完成。
 
北京网页设计
 
我们看一下右下LOGO部分的“设计点?#20445;?
1、文字的字体;
2、文字两边的装饰图形(三角);
3、LOGO上颜色的使用规律(装饰图形、文字的中间字母提亮颜色)。
我们将英文修?#27169;?#25353;照其字体、比例、颜色等重新制作,“设计点”解构、提取、重构完成。
 
北京网站建设
 
当所有“设计点”提取完成之后,我们来看一下这些点重组后能实现什么样的效果呢? 网页设计
 
在这里,?#23435;鎩?#22681;壁、地面等部分无法提取与重制的元素我们暂用其它素材来代替。
用解构后重制的元素重组后,原封面中拥堵的现象大为缓解,画面中空气的流动空间规划更为合理,设计点的位置基本保持不变。
虽然日文改为中文,但基本可?#28304;?#25104;无损移植
 
北京网站制作
 
现在,让我们?#40644;?#21407;本的版式比例,用这些提取出来的设计点做一个Banner试试看。
只要提取出来的设计点运用合理,版式的变化对设计点设计性的影响并不大。
 
网站设计
 
我们再来试试看把设计点色系更换,用蓝色取代之前的粉色,看看能实现什么样的效果。
现在提取出来的设计点是不是又多了一些变化呢?使用?#27573;?#26159;不是更加广泛了呢?#30475;?#25104;的效果是不是又更加多元化了呢?
 
商视互联
 
最后,我们再来试试看反白应用时设计点的表?#20013;?#26524;。
反白应用设计点时,比原版封面相比,更突出主角吉泽老师了,白花花的一片,甚是养眼,很有可能这张教学片的购买转化率因为设计上的变化而得到进一步的提升。
商视互联
 
试想一下,当我们解构提取出这些设计点后,会有多少种重新组合、变化的玩法呢?
 

本文网址:
更多

切尔西欧联夺冠整容
今晚开奖号码18130开奖 五分赛车正规吗 新时时彩购买 vr赛结果 特区票论坛七星彩开奖结果 千里马计划软件时时 三分赛车开奖记录 幸运飞艇怎么选号 时时福彩下载 手机棋牌游戏平台出售 彩票广西快乐十分开奖 利彩开奖开机号 广东时时诈骗 福建11选5走势图删除 3d走势5oo期 高频挂机方案论坛