薛从银:努力11年 就能妥妥拿下金奖?
访2018站酷奖网页类金奖得主 薛从银

站酷奖是由中国人气设计师社区站酷网主办的综合性设计奖项,“2018站酷奖”共收到来自全球的参赛作品数千份,经过2轮严谨的评审,最终191件作品入围,涉及16个类别,其中16樽站酷奖金奖和15樽评审特别奖也于2018 站酷奖之夜当晚揭晓。
“2018站酷奖”获得业界广泛认可的同时,我们也希望大家更多的关注获奖者们不为人知的创作之路,站酷网特邀“2018站酷奖”金奖得主们讲述获奖作品幕后的故事,毕竟你看得到他们台前的光鲜,却很少探得到他们幕后的付出,跟随小编一起来倾听他们的肺腑之言吧。
2018站酷奖网页设计类金奖《DINZ德国室内设计网》
网站设计整体简约明快而不失细节,打破固有的资讯平台认知,采用图片和信息的展现方式、不对称的内容布局,这些都很好的帮助了资讯的呈现。尤其是网站设计中那些看似漫不经心的得体细节,给人以舒适的使用体验。
嘉宾简介:薛从银(站酷ID:Gooobrand),谷合互动设计公司创始人、设计总监。作品荣获2018站酷奖网页类金奖、入选亚太设计年鉴,入选BRAND创意呈现、荣获CGDA设计奖、国际商标标志双年奖。
努力11年 就能妥妥拿下金奖?
——访2018站酷奖网页类金奖得主 薛从银
站酷网:你是通过什么方式了解到“站酷奖”的?从参赛投稿到入围,直至颁奖典礼的诸多环节中,令你印象最为深刻的环节是什么?为什么?
薛从银:偶然间在浏览站酷网时看见了2018站酷奖的比赛信息。通过站酷奖的专题页看到上一届的获奖作品,感觉这个比赛竞争压力还是比较大的,当时也只是抱着试试的心态去参加,能获奖自己还是比较激动的。
印象比较深刻的是站酷奖整个过程中的“细节服务”,不管是赛事流程,还是颁奖现场的接待服务,都安排的很好,让人很舒服。其中站酷CUBE精彩的分享会也是让我受益匪浅,Google Material Design字体及界面交互体验的分享对我触动最大。
站酷网:此次获得2018站酷奖网页类金奖的作品《DINZ德国室内设计网》是一个怎样的网站?前期是如何与客户沟通并获取客户想法的?哪些信息是首次沟通时必须要了解的?
薛从银:《DINZ德国室内设计网》成立于2010年,创建于德国柏林,起步于新浪微博,是立足于亚太地区的设计分享及交流的平台。在项目前期,我们主要通过邮件和电话的方式进行沟通,为了确保准确了解客户的内心需求,在联系客户之前,我们会先明确自己此次沟通的目标:想获取哪些信息?需要客户提供哪些相关的基础资料等等,然后在沟通中将这些问题清楚地表达给客户。整个过程中心态很重要,从思想上接受跟客户沟通的结果是必须的,对于一些突发的问题我们也要积极灵活地应对,及时提供解决方案。

站酷网:DINZ的网站属性是怎样的?主要的功能分区有哪些?在网站中是怎样分布的?是否为网站的受众人群做过特别的设计?
薛从银:DINZ德国室内设计网是一个适配于多终端的响应式网站。我是在2012年第一次接触响应式网站。那时候国内还没有流行起来,更多的还是传统建站的模式:把手机端、电脑端网站用不同的网址、独立开发,这多少有些麻烦。那时候就在想要是能做出一个在手机、电脑端都可以正常浏览适配的网站就好了,而响应式网站正好解决了这个问题。
DINZ的核心功能是公司或独立设计师的作品分享,从“分类”、“最美”、“人物”这三个维度去分别展示设计作品。我们和客户都希望这三个模块相互独立又整体统一,可以从多个维度满足用户的不同需求。再加上资讯版块的“前沿”,和关于网站本身的“合作”版块,共同构成了现在呈现的功能分区。
考虑到网站的核心用户都是设计公司或独立设计师,如果像普通资讯类网站那样去考虑的话,不可避免的会出现大量广告或重复栏目,很影响用户体验。我们在设计时,尽量去平衡广告和栏目之间的关系。网站分区中的“人物”版块,是个比较有意思的设计:在这里,我们希望为“顶级的公司”建设“独立品牌网站”,设计公司可以在这个模块下建立自己的专属展示页面,这也是目前资讯类网站比较少见的。

站酷网:《DINZ德国室内设计网》从众多同类作品中脱颖而出,在你看来,它最大的优势是什么?从构思、设计到开发、测评最终上线共经历了多长时间?你认为哪个步骤对你的考验最大?为什么?
薛从银:谷合互动历时4个月将DINZ重新赋能,创造出一个时尚简约,同时功能齐全的资讯类网站。更大更舒适的图像显示、删繁就简的UI风格,打破网格的不对称布局设计,一切只为将高质量案例作品更好呈现。
UX(User experience :用户体验)这块是对我们最大的考验。对于DINZ来说,UX的难题在于如何引导不同的用户(专业人员、个人、企业、媒体)找到他们感兴趣并符合需求的界面形式。在UI设计中,我们同样必须创造一种能表达《DINZ德国室内设计网》的独特价值的外观。考虑后我们决定采用这种更具精致感的设计方式:留白的空间、明快的颜色、简约时尚的风格,运用全屏幕与高质量视觉图象设计,领先成熟的技术支持,为每一位用户发掘自己的个性思维和独特视角。

站酷网:《DINZ德国室内设计网》中除了全屏的图像展示,还有打破网格不对称布局的页面设计,你是如何构思整个网站的结构布局?你是如何通过结构布局强化网站的属性的?
薛从银:网站结构的布局需要围绕用户需求来做。我们在设计网站布局的时候,要综合考虑客户对于产品的需求和满意度。这就要求我们熟悉产品的特点,呈现差异化的服务。我们通过观察,把客户最为关心的细节问题一一排列起来,首页的布局版块需要展示哪些内容?要突出的重点是什么?需要怎样来引导用户?这些都要逐个解决突破。例如Banner、作品、最美、新闻、公司等模块,我们把这些要点按照用户的关注度进行布局:进入首页先看到最显眼的Banner,往下是Highlights(亮点)模块,进行特殊的重点设计,下一屏是最主要的作品解决方案,使用色块叠放可以第一时间吸引眼球,而右侧布置的Most Beautiful(最美)模块又可以适当缓解视觉疲劳。再往下是Superstars、Most Popular、新闻等,有利于网络爬虫对于信息第一时间抓取。这些都是在网站布局过程中不可不知的细节要点。

站酷网:《DINZ德国室内设计网》的网页风格整体简约明快而不失细节,网站的设计风格是如何确定的?为营造独特风格,做了哪些细节设计?
薛从银:对我们而言,设计是建立在不断尝试的基础上的。每一次的工作中,都应该有批判性思维,通过不断质疑的设计过程,找到真正有效的解决方案。网页设计也是如此。比如字符与字符的间距、字符与图像的距离,交互的动作如何能更深入人心,这些看似不起眼的效果,是优质网站必不可缺的细节体验。


站酷网:交互设计是一个优质网站必不可缺的细节设计,你认为好的交互体验是怎样的?请举例说明。
薛从银:我觉得好的交互体验是“使用第一”。不管用户访问什么类型的网站,都不会事先阅读的说明书、操作培训之类的,更也没有人来帮助用户了解这个网站。所以我们必须研究人们的文化、活动以及行为习惯,才能为他们创作理想的解决方案。我认为一件成功的互动设计作品,设计师在做任何决定时都必须考虑到终端使用者的需求。虽然审美是一个重要因素,但是,为了满足观感而牺牲了功能性的互动设计是不可能成功的。

站酷网:你的作品中企业官网居多,这是你的兴趣所在,还是因为工作需求?在官网视觉设计层面有哪些心得?
薛从银:工作所需,如果是兴趣的话还是比较偏向互动设计这一块。在网站搭建的过程中,策划、设计、程序相互协调配合,可以收获的心得真是太多了。
不过,最近越来越多的企业开始意识到,无论品牌网站、企业网站还是功能性网站,提供优质的用户体验,是一个重要的竞争优势。这会界定企业和竞争对手的差异化,影响客户对企业的整体印象。在《用户体验要素》一书中,把设计用户体验的工作分解成各个组成要素(战略层、范围层、结构层、框架层、表现层),这也许可以帮助我们更好地解决这个问题。
站酷网:能不能给我们描述一下你的日常工作有哪些?你最喜欢的工作内容是什么?为什么?
薛从银:日常处理的事情还是比较多、比较杂的。比如与客户进行商务谈判、做项目方案、与设计师、程序员沟通、接洽供应商等等。一个完整的项目从开始到落地我都必须贯穿其中,有时候我都觉得自己是劳模,哈哈。最喜欢的工作当然还是执行设计,俗话说“甲方虐我千百篇,我待甲方如初恋”。其实设计本身就来源于生活,大可不必抱着太过刻意的态度,不然会更累,一旦放平心态融入进去,就会感到很放松。
站酷网:除了《DINZ德国室内设计网》,还有其他让你满意的作品想与大家分享吗?为我们简单介绍一下它的亮点吧。
薛从银:DOMANI东仓建设是亚洲地区顶级设计机构之一,专业从事空间设计及相关的企业策划、商业顾问和产品开发,项目连续多年收割诸多国际赛事殊荣。

谷合互动很荣幸能受东仓的邀请来为其更新升级现有的网站。在与DOMANI东仓建设的接触中,我们感受到DOMANI东仓建设是一个将细节做得很棒的设计公司。

一个纯粹而干净的设计类网站,把作品图像作为最重要的视觉部分来呈现。
所以,新的品牌网站,我们确立了纯粹而干净的整体基调,在保留原有部分设计的基础上优化、创新。辅以领先的程序技术,带来加载时间更短、运行速度更快的流畅体验。我们倾注大量心血,通过反复推敲,让网站的视觉拥有更丰富、优雅的图案、清晰的内容和简明的导航,与用户之间进行巧妙的融合,带来简洁而精致的视觉体验。


还有MR.POTATO土豆先生,它诞生于2010年,是以土豆烹调餐饮为主的时尚餐饮企业。中国及亚洲目前最专业的时尚土豆餐饮公司之一,致力于成为全球土豆时尚餐饮的开拓与领导者。
随着时尚餐饮行业的发展日益成熟,竞争也日益白热化。随着年轻人的消费方式和消费习惯的形成,除了要求拥有健康的原料,美味的口感,也对品牌形象的调性和体验空间有了更高的要求。



谷合互动专门打造了土豆文化,用美式的设计形式来表现个性的品牌调性,区别于市面现有的一些品牌形象。独特且不同质,并应用在物料、空间及网站的推广上,纯粹的美式品牌互动无处不在。

站酷网:你认为一个优秀的网页设计应该具备哪些特性?
薛从银:优秀的网页不仅是一件美观的产品,它更是创新、互动与交流的工具。始于一个简单的想法,然后在发散成型的过程中关注要点。设计的过程,就是阐明你想法的核心价值,并将之转化为一种有策略的平面图像。每一种互动或动作都是有情感的,比如愉快、柔和、温柔与悲伤。我们通过UI的张力、顺畅度以及效果来表现这些情感。通过有效的设计,可以为大中小型客户定制精准的解决方案。
站酷网:作为网页设计师,与产品经理,技术人员对接工作有哪些技巧可以和大家分享?
薛从银:通常在设计师或产品经理与程序员沟通时,我们可能常常会听到这样的话:“这图片上移;简单地换个图标;这里有个很小的改动等”。但是到了程序员这里,往往事情并不那么简单:“这个布局都变了;这个不能改,要动到整个数据结构的等”。这样的问题其实在团队协作中是经常出现的。产品经理提出需求,设计师将需求转化为设计,程序员根据设计实现需求。在接触的过程中,很多环节的信息传递是单向的。为了避免出现需求不合理,导致项目运转不顺畅,这就需要我们了解对方的痛点和难处。设计师扮演的应当是支持的角色。比如,在设计的过程中可以多想想,这个改动会对整体页面结构有多大影响,与产品经理沟通设计需求是否合理,与程序员探讨一些特效与实现的细节,都有助于更高效地完成工作。
站酷网:站酷一直致力于“让设计更有价值”,在你看来,让设计更有价值的方式有哪些?
薛从银:良好的用户体验让设计更有价值,这个目标的实现是需要不断打磨的。了解用户的需求本身也是一个不断探索的过程。我们通过不断的沟通寻找到能够触及用户潜意识的符号,再进行引导,从而提出解决方案。所以沟通是设计成功的关键!
站酷网:你进入网页设计行业多久了?在你看来,随着工作年限的增加、经验的积累,自己区别于其他人的核心竞争价值是什么?
薛从银:我做设计已经十一年了。从2011年接触到网页设计到现在,我也在思考自己的核心竞争力是什么?也许是性格使然吧,我喜欢把每个阶段事情做到精和细,并且在坚持自我中最大化的满足客户需求,到现在这份初心依然没变。
这两年我一直在做“减法设计”,将精准有效的设计画面、深入人心的交互体验,和模块之间做到高内聚低耦合。设计由繁至简,最终目的都是为了让用户的体验更好,虽然每位设计师对于设计的理解不同,但优秀作品所呈现的却是大势趋同的。
站酷网:据你观察,网页设计行业现状如何?设计师该如何应对瞬息万变的互联网时代的挑战?
薛从银:当今互联网时代,网页设计百花齐放,网页也早就不单单是文字的载体,更多的是多媒体元素竞相展现在网页里面,这使得网页的表现力大大增强。“商业”美学的回归,浏览器不断进步,网页设计的程序语言也日趋完善,网页当中的各种元素也拥有了更多的现代化新颖的互动形式。这就要求设计师具备更全面的技能组合,不仅仅是专业技能,还要了解营销的规则,熟悉品牌的运作等。只有不停地学习新的技能,才能应对互联网时代瞬息万变的挑战,保持设计的生命力。同时,培养自己对多个项目并行的管控,做好工作计划,规划好日程,这样手头上项目才不会失控。
站酷网:在你刚入行从事网页设计时,是否遇到过让你特别头疼的问题,你是如何克服的?给即将入行或刚入行的新人一些建议吧。
薛从银:刚入行做网站设计时,最头疼应该是程序如何服务设计需求。记得当年跟我搭档的程序是个很有个性,脾气火爆的大男孩。每次与他沟通都像是火山爆发一样,现场如战场。后来我就主动找他吃饭、聊天,相互熟悉了,沟通就顺畅了。
给刚入行的新人一些建议:①平时可以多看多收集一些案例;②在做网站设计的时候,多考虑页面统一性,不要在一个模块上花太多时间;③要知道设计是可以做减法的,如果一个页面全是效果,那就等于没有效果;④和程序员搞好关系,工作沟通也会容易很多。
没看够?点击“站酷奖历届获奖作品” 继续给你好看!
站酷奖历届作品:http://awards.zcool.com.cn/previous/2018/index.do
专访主持:姜小狼、潇雨、孙鋆、Jelly
视觉设计:海边的卡夫卡







































![AIGC助力电商视觉×头盔系列AI生成 [动态化探索实践]](https://img.zcool.cn/community/68e8da720067cv09d9quve1777.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
