梁定然：化繁为简，臻于无形

毛婷：和大家介绍一下你自己。

梁定然：1986年生人…老了…^_^，毕业于海南琼台师范高等专科学校计算机应用专业，02年接触的网页制作。记得当时有本封面是黄色的书……叫网页制作秘籍，我就是看着这本书踏上了这条不归路。

真正转变到去做网页设计是从学会PS开始，记得是2003年我才算开始真正跨入了网页设计大门。在03年2月到04年7月这1年5个月的魔鬼式学习，为我日后从事网页设计工作打下了较深厚的基础。那时整天猫在机房里做练习，甚至睡觉的时候还在想着做设计，导致于03年期末考试除了专业课外，其他文化课有7门挂科。出道是在04年7月。

03年曾经在早期的设计平台——设计联盟当过网页设计师版版主。（第二代的设计师大多都在那里成长起来）眼看着一代又一代的网页设计师成长起来，见证了这个行业从视觉风格百花齐放，到现在重视视觉体验、用户研究盛行。网页设计这个行业，其实入门不难，但一定要勤奋，不一定需要是科班，有科班的理论基础更好，便于你掌握和领悟设计的意识形态。对于进入这个行业不久的人来说，想要少走弯路，接受一定的设计培训是很有帮助的。

 

J.crew home page redesign 服装类网页设计

毛婷：网页设计应该是一个较为综合的类别，字体设计，图案设计都会有涉及到，你认为网页设计师需要具备怎样的素质？

梁定然：业精于专，网页设计师应该是偏视觉类（建议不要兼作前端，但是可以了解大概）。

在这个时代，复合型网页设计人才会更受欢迎。复合型网页设计师可以算做视觉设计师了，我个人看来需要掌握的设计能力有以下几方面：

 

 首先，网站整体的把控力、多种风格的表现力，通常还会有一项专精，其次，字体设计、图案设计，图标设计也都要会，当然这些需要耗费你大量的时间和精力，可以根据自己的工作需要来侧重攻克，当然你有其他的兴趣，并且在精力允许的情况下，可以逐步扩展自己，但并不一定需要特别的精专。再者网站的用户体验，交互逻辑这些知识是并不可少的。它们让你明白“少即是多”的原因所在。

 

其次，手机app的应用界面设计

再次，电商店铺类型的网页设计

 

当你具备了以上能力，特别是1和3（本质都是网页设计），那2就是无师自通，因为懂得了规则后，2也就水到渠成了，这个时候你想转行都没关系。

 

毛婷：其实网页是技术与艺术相结合的艺术新形式，能不能从这两方面的结合谈谈你在设计过程中的思考？

梁定然：在网页设计之初，我会从设计主题和行业现状的了解为起点，进行相关资料的收集和整理，最终采用最恰当的方式来呈现设计。

在进行版式整体布局和细节深入的时候，将自己知道的一些网页技术考虑进去，例如会考虑使用h5技术、flash之类的页面动效，或是视频加载等其他技术来呈现网页，使二者最好地结合，以动态交互的方式展现出来，整个页面变得生动。当然，一个网页交互程度的简单或者复杂，还要取决于客户需求和设计师的表达方式。

 

毛婷：作为设计师，要会不停的学习和积累知识，平时会从哪些地方寻找设计灵感？

梁定然：首先必然是站酷，了解国内的设计潮流和设计师。再者国内的高质量设计你只能在这里看，难道还有其他选择？

 

以下是推荐给大家的一些链接：

 站酷找灵感（http://idea.zcool.com.cn/） 

 Be ( https://www.behance.net)

 io3000 ( http://io3000.com/)

 pinterest(https://www.pinterest.com)

 

很多人问去哪里找高质量的大图，这里有几个方法：

1、直接到站酷海洛购买高质量的素材大图，性价比不错，还可以免去版权困扰。

2、翻墙去谷歌搜索大尺寸的图

3、在素材网站下载高清大图

4、活用以图搜图，有时候能找到你看到图片的更大尺寸

请大家注意版权风险哦。

Ivesco.cn

毛婷：如何搞定甲方，有哪些有趣的故事？

梁定然：把你当作朋友那样信任你的甲方是最好的甲方，报价上双方能愉快地达成一致，平时的讨论沟通也都在一个意识层面上，和这样的甲方做对接是最舒心的。

至于有趣的事情就很多了，之前碰到一个客户，做p2p的，找了七八家供应商没解决问题，最后找到我。在项目初期预付阶段提出了一个奇葩的要求，就是先做个初稿，只给1000元（我一般都会要求在设计初稿前预付项目款项的50%）。当时我是不太想做了，但最终也是接受了这个要求，因为当时确实需要这方面的案例。对待类似刁钻的客户，我想了一个办法，拿了一些同行业的同类案例以及国外的一些参考网站让甲方看。对方一眼就确定了一个风格，然后我就按照这个方向走，最后出乎意料的是，他给了我双倍于报价的费用。

总之要搞定甲方，我soho的经验就是把对方当朋友看待，除了基本的沟通还需要互相关心，从专业角度，人文角度以及广阔的国际视野一起去引导甲方接受自己的设计理念。

 

毛婷： 就电商而言，运营和设计师的密切配合至关重要，很好奇你在动手设计之前会如何同运营人员沟通，并且如何定位，这些都能帮助你更准确地获取客户需求，请问你有哪些着眼点吗？

梁定然：1、竞品分析

              2、受众人群分析

              3、寻求品牌差异化

              4、制定品牌差异化相对应的视觉风格

以上是基础，除此之外必须和运营找到共同的一个点，这就是电商当中设计和商业的融合点。做好了，转化率也就跟上去了。至于怎么做，需要多做基础准备工作，耐心沟通，如有争执，则互相让步，以便最后做出双方都认可的设计作品。

最后，就是对销售数据进行跟踪，做出相应的设计调整，了解设计与电商数据的关系。但是，有时两者不成正比也很正常，不必担心。个人觉得影响销售的更多因素还是在运营策略上，设计不过是起到一个辅助的作用，尽自己最大努力去做好设计就够了。

毛婷： 网页设计因素对用户的购买意愿影响有哪些？你可以谈谈吗？

梁定然：其实可以参考下我们去实体店购物的那种感觉，舒适的氛围环境，轻松的音乐，有层次感的产品陈列、精美的价格标签、海报，都是影响我们购物欲望提升的第一要素。虽然大的商场可能做不到这样，但是从个性化的店铺中我们可以感受到精品化、品牌化和品牌差异化。这些反过来思考一下电商类型的网页设计，大家是不是会有些启发呢？

ANYLINDA Concept

毛婷：从你接到项目之初到完稿，你是如何思考和策划版面布局的？

梁定然：这一般有两个情况，我就简单描述下。

1、客户提供相应的网站指定参考，有些甚至版式都要参考，这个我们就尽量顺着客户的意思去做，也可以在基础上做些许改变。

2、客户给你自由发挥余地的话，就要根据客户给的内容来对版面和布局进行思考，最好之前先和客户沟通好大概的内容，然后再讨论排版方式。形式、排版方式是根据项目主题、内容，还有内容优先级决定的。还有个办法，给客户一个文档，把一些自己擅长的排版方式列出来，让客户对号入座。这样我们就节省不少沟通时间。

 

毛婷：设计中一个著名的原则就是“少即是多”，显然这也是你作品的一个特点，你是如何在保持简洁的基础上考虑突出重点，并且独具风格的？

梁定然：设计是解决问题的过程，对客户需求有针对性的去解决就需要磨炼出敏锐的洞察力，善于捕捉这些问题点，用设计语言来解决它，自然会在作品中有所体现。其中主要一点，就是在作品当中元素的合理运用和对空间感的把控，这个得需要长期的实践，实践带来沉淀和领悟。多看这方面的设计，在项目和练习的过程中可以参考优秀的作品，最主要加入自己的想法，不要怕失败，不断地迭代你的想法，才会沉淀出更好的东西，这样久而久之形成一个习惯，这个习惯在你的作品当中就会体现出来，也就形成的自己的一个风格。

优秀的简约设计，就是让你感觉不到一丝刻意的存在，只有经历过繁才会更懂得化简。

 

毛婷：简约网页很容易同质化，而你的作品却可以保证个性鲜明，那么你在设计的过程中是如何注意到这种网页情感表达的？

梁定然：六字真言：多看多想多练。我是2014年初正式确立了方向，往简约风格方向发展，所以一直都在观看这方面国外的优秀设计，耳濡目染的情况下，加上自己这么多年设计经验的积累和感悟。从字体使用，图片素材的筛选，页面板式的不断尝试和实践，到对页面体验的重视，逐渐逐渐地产生了页面的气质，这个页面气质就是一种情感，一种态度。

 

 

毛婷：文字是网页中必不可少的构成元素 ，其效果处理的好与坏将直接影响到整幅网页的质量 。你有哪些心得？

梁定然：好的字体会提升页面的整个调性，也就是我们所说的档次，我在这方面很注意，经常喜欢去找一些好看的字体，想办法去搜索到，搜索不到免费的就买。

字体分衬线体和无衬线体，各自己的气场和气质。单使用衬线体大多是一种古典感和文化气息，单使用无衬线体大多体现科技感，时尚感。这两个者加起来就是另一种感觉，总之可以去尝试，去自己品味。多观察这方面优秀的设计，并且你要找机会去实践。（这里大指英文字体）

 

再者字体的排版，陈述性文字建议形状化排列（就是看上去是一个形状，三角形，菱形等等），标题性文字大小要和陈述或者正文有对比，最后注意整体形状上的呼应。

  

毛婷：目前最满意的作品是哪一个，可以详细的给大家介绍让您觉得满意点在哪里吗？详细的设计思路和过程？

梁定然：

此处是页面进来最重要的第一屏，是视觉层级最高的一屏

我对这屏画面的要求是一定要抓住浏览者的眼球，过目不忘所以对这个画面的主体部分的鞋子做了精细化的特效处理：

 

1、对鞋子的边缘13个孔的高光处理，衬托运动鞋的时尚感

2、对lOGO的高光处理，强化品牌印象

3、整体鞋子尾部的碎片爆散式的效果为了迎合 banner的Slogan

 

最后为什么用灰黑色略带一些磨砂质感的背景就是加强对特效部分的强烈对比，促使这部分细节的丰满与产生回味性。正是因为这部分的出彩，结果受到BE首页推荐作者的点赞,为此我感到十分的欣慰：）

这里的人物代表着这款系列运动鞋的目标人群，我采用了样貌较时尚一些的模特，加上服饰的色彩的对比，除了加强视觉张力之外，同时为页面色彩过渡的承上启下打下基础

这块的特效和最上面的那块是呼应的关系，同时也在这系列的展示橱窗里面达到层次感明显区分的作用（加强了购买价格和购物车按钮的显示比例，就是我们说的视觉层级）

这里的设计思路同上

在这里大家可以看到,tab的形状仍然是圆角，所以可以感觉到在一个统一风格和调性页面的当中，形状需要有承上启下和呼应的效果。

至于为什么是黑色实体和黑色描边的按钮，这就是我们所谓的视觉层级和交互逻辑的区分。

很明显在这部分底下的橙色圆角按钮和TAB的黑色圆角按钮功能性有明显的区别，同时也区分了购物车圆形按钮的交互逻辑作用

到这里就是结尾部分了，从字体大小、元素大小、视觉层级，依然延续了上面的交互逻辑。

 

所以整个作品的思路就是：

 

1、用特效亮点吸引浏览用户，点到即止不过度渲染，从而产生精致简约的效果。

 

2、保持元素和细节的上下呼应，统一页面设计的调性

 

3、排版明晰，视觉层次感有序明显，用粗瘦的字体提升页面的时尚感。

 

最后感谢当时编辑的推荐，半夜1点多给的，编辑大大们辛苦了，感谢你们！

毛婷：你对现阶段电商设计有哪些看法呢？

梁定然：我个人的观点：对于购物体验来说，舒适是比漂亮更高级别的level。

 

纵观国内外网站设计发展的历史，主流设计风格从曾经的水晶质感到拟物化再到现在的扁平简约，时间跨度有将近十余年。从重视觉到重体验，经历了一个漫长的过程。时下国内电商设计（这里主要指店铺设计，而不是电商平台的设计）的主流是合成风、炫丽风。虽然这是国情，但是大趋势不可挡，国外电商已经经历了这个过程，我们必然也是需要经历的，即返璞归真的过程——视觉氛围优化，代入感舒适化，最后返璞归真，把设计归还到产品的本质上，达到购买欲望和购买体验相结合的较为成熟的程度。

 

具体例子大家可以搜索“韩国电商设计和欧美电商设计”，我们可以找到其中的结合点，吸收学习它。

Johnson & Sophie International Hair SPA Salon

 

毛婷：谈谈你目前的成长与困惑？

梁定然：在这个行业从业11年，我给自己的定位是设计工匠。我比较赞同工匠精神，对于设计师的成长来说，客观环境与严格的自我要求缺一不可。我目标很明确，就是不断地打磨自己的东西，追求自己喜欢的，同时客户也能接受的一种格调，其实关键在于你用心打造了，大家都会看得到，并且认可你。我也是凭着这样的信念在一步一步地成长，并且我会一直坚持走下去。

目前来说并没有什么困惑，希望通过努力，尽快登上国际舞台（取得Be网页领域推荐）。

 

毛婷：在设计成长的道路上一定有很多的感悟，你最想和大家分享的是哪些？

梁定然：

1)    设计源于生活，设计师引导人们认识美，接受美。

2)    沉浸于设计，设计是创造美的过程。

3)    自然的鬼斧神功，自然的色彩，都是我们可以在平常生活中捕获到的最直观的美学

4)    字体是设计之魂，字体的好坏直接影响一个设计作品（特别是网页设计）

5)    定期养成字体整理，素材收集的习惯：

6)    字体整理术连接：

       http://www.zcool.com.cn/work/ZMTU1ODg3MjA=.html （整理术PSD)

       http://www.zcool.com.cn/work/ZMTMzNTU5MjA=.html  （实例应用和方法）

7)      素材不要等到要做项目的时候才收集，有空可以多收集。以备不时之需

8)      为了设计而设计，放开思维放飞自己，艺术不一定都要和商业挂钩。

9)      你的时间在哪里，你的成就在哪里，设计需要刻苦专研、乃至废寝忘食的精神。

 

毛婷：怎么看待站酷，对站酷的小伙伴有什么想说的？

梁定然：站酷经历这么多年的发展，从素材资源站到现在国内唯一数量和质量级别都很高的设计师互动的综合性平台。现在已经代表着中国主流设计的风向标，为国内设计师这些年来的成长和中国设计水平的整体提升产生了极大的促进作用。

 

关于模仿借鉴的问题：我觉得好的借鉴是能融合自己和他人的优点，渐渐摸索出自己的风格，产生属于自己的东西，难的不是借鉴，是在借鉴学习中有突破。

 

最后，我想对各位酷友说：我们在一个最好的时代，国家在发展，文化产业在发展，对设计的重视是只增不减的，只要我们不忘设计的初心，就一定会有好的结果。