最不缺展示平台的年代，我们选择更新网站｜对谈高晗×文勃

在如今这个社交媒体多元化的环境中，品牌最不缺的就是一个可以随时随地分享和展示的平台。那么，品牌为什么还要坚持做网站建设？《Design360°观念与设计》作为一本中国设计杂志，以不同的设计议题连接全球设计师。为了促进不同地区和领域的设计和交流，我们重新梳理了Design360°网站，希望能让更多人看到中国设计。

全新网站由来自Workbyworks⼯作室的高晗、文勃操刀设计。作为媒体平台、品牌本身，两位设计师希望赋予Design360°网站“有活力”“新”的感官体验。借着网站（design360.cn）上线之际，我们和两位设计师聊了聊本次网站的设计理念，以及网站设计作为媒介的影响力。

>>

网站设计，就是一个游戏

360°：可否谈一下这次给Design360°做的新网站的设计理念？

高：我觉得网站设计这件事上，我更喜欢用体验感去描述，而不是理念或者概念，因为不管概念有多么强，交互体验不佳的话都无法成功传递网站所承载的信息，简单来讲网站设计对我而言就是一个游戏，好玩的话，才会让观众愿意来“玩”，同时达成最初的目的：传达网站上所承载的信息。

这次给Design360°设计的网站要满足的一个基本需求就是要使用起来轻松。Design360°本身作为一个媒体平台，信息量是很大的，而密集的信息会让人产生疲劳感，所以我们在设计中的方方面面——简单的交互，一目了然的结构，和藏在细节中的小交互，都在让浏览体验更加轻松。想象中体验感就像在城市中行走，两侧有各种店面和建筑，但是走着走着就发现地上放着一个洗干净的青苹果。嗯，大概就是这样的体验。

文：有很多小的设计点，都是和360°数字相关的。我想，这是一个给实体杂志设计做数字版的过程。360°也是个数字，因此我想在digital/digit这些概念上面做一些小设计。同时这次还加入了一些新的尝试：声音。声音都是通过合成器即时生成，他们的微小变化和数字也有关系。至于是怎样的关系，可以打开网站探索一下。

360°：Design360°至今已经做了100多期杂志。你如何通过网站的结构和交互，将这样大量的内容有层次并清晰地呈现？

高：其实就像很多服装品牌的网站，合理的分类规划，一目了然的陈列方式，再加上一些分类逻辑梳理，制造获取信息的不同路径。虽然有100多期杂志，但是好在都是统一的“杂志”的形式，所以这个共性可以作为串联所有内容的逻辑、期数、发行时间、页数、标题、封面等。具体就是用最基础的，平铺，列表等方式去做清晰的梳理。

文：我们设计了可以缩放的平铺浏览模式，想要去还原一种在找书的交互过程。这些功能中间的实现，特别是过渡动画，都是没有现成技术解决方案，是我们特别为了这种呈现而开发的。当然，还有列表与搜索。360°的内容是值得反复观看的，我们希望让用户摆脱瀑布流，从不同的途径中自主选择。

360°：从品牌建设和品牌系统的角度看，你认为Design360°的新网站应该传达怎样的品牌信息与形象？

高：大概来讲，很重要的一点就是“有活力”“新”。作为一个媒体平台一直持续输出最新的内容，同时品牌本身也应该具备相应的活力，与时俱进的品牌形象，所以更多的我希望用当下大众认知度比较高的设计语言去呈现，而不是追求小众的设计语言。希望表达出的感觉应该是：一个当下看挺不错的设计，但只需要到这里就够了。因为这个网站应该是被观众反复观看来获取信息的途径，所以需要让他存在感下降，从而不会让人看烦了，哈哈。有些时候设计得收着点，这很重要。

>>

设计网站，讲究“交互”逻辑

360°：在做品牌设计之外，你们为什么会也涉猎网站设计这个领域发展？

高：网站设计其实涵盖了移动端的设计，我们用手机也看网页。因此，设计网站的时候要考虑在移动端的呈现形式。其实可以说网站设计是兼顾了不同设备上观看屏幕上的交互设计。

我们会对网站设计感兴趣，一方面是因为在欧美地区各个品牌和工作室的主要门户其实是网站。我去了解一个艺术家，设计师，建筑师，品牌等都习惯点开他们的网站。而网站可以输出更多的信息量也能看出来品牌或者个人的态度和性格。另一方面，在做品牌设计这件事的时候是非常讲系统性和逻辑性的，而网站设计也正是这两方面的最好的体现。可以说一个好的品牌设计师应该具备设计网站的能力，我们只不过是在这个领域已经开始输出作品了。

当然，还有一个重要的原因是，我本人就是对于系统逻辑很重视的，也有一些编程思维的背景，同时我工作室的合伙人就是一位出色的有设计思考的程序员。因此，做网站设计也是一件顺理成章的事。

360°：相比于其他媒介，你认为网站这个媒介的特点是怎样的？这个媒介给你带来了哪些独有的设计思路和方向？

高：网站最重要的一点是，可以实现交互。观众不再只能观看，而是可以参与到里面来，通过点击，滑动，浏览触发不同的交互效果，再加上这些交互往往是精心策划的动态，所以观众的满足感是比其他媒介要高一些的。这更加像是设计了一个小游戏，观众可以轻易地上手游玩，带有简简单单的趣味。

对于交互设计这件事，其实是一个很大的学问，对我来说。因为平面设计的背景对于图形颜色字体的敏感度，这些都会在交互设计中激发新的可能性。相比于静态的平面，动态的东西就有更多的可以设计的点，比如速度，视觉特效，系统规则，整体性，舒适度。这些都可以成为设计的表达方式。当然，学会克制，用合适的交互节奏是最重要的一点。我们的网站基本上不会用太炫目的单体特效，几乎都是各个小交互细节相互配合营造出的一个节奏感。

360°：你的合伙人文勃主要负责编程。在网站设计的项目中，你们之间的沟通和合作方式是怎样的？负责网站视觉的设计师需要懂编程语言吗？

高：负责网站视觉的设计师不需要懂编程语言，但是需要懂编程逻辑。有些交互是只有了解到编程逻辑本身的时候才能被设计出来的。我喜欢用最有效的方式做设计，所以在不了解编程逻辑的时候就会让程序员费了很大力气完成一件很小的事，走很多弯路。技术上来讲的话，少走弯路，也会让网站的体验感更加流畅，虽然可能只是0.2s的延迟差距。但是就是这些小细节的累积，优化，才能让网站设计达到最好的状态。同样的，如果程序员可以有设计逻辑的理解，那么这件事就会更好办一些。恰好，我和文勃就是这样的。

说到合作方式，我会更早介入设计，进行设计上的梳理，之后我们会前期沟通设计逻辑，这里就需要文勃对于设计的理解了，然后逐渐开始编程过程，在这个过程中我们会针对一些小的细节进行调整，甚至一些设计的调整和增加会反过来改变我们最终定下的设计想法。所以这个过程是反复交流的结果，他会以他的技术和背景来启发设计，我也会运用我原本对编程逻辑的理解去优化设计，或是解决一些原本靠技术无法解决的，或者很难解决的问题。这么讲，其实双方都在“设计”这个网站，我觉得程序员对于网站的“设计”其实是一块重要的拼图。

文：做网站开发需要懂设计语言，把设计逻辑用程序逻辑体现出来。和设计师在进行细节调整的时候，设计师会提出诸如视觉松紧的描述，这时候去调整网站设计，是多方面的：页面的边距，文字的行距，图文的间距等。可以说是牵一发动全身，最好的状态是仅需要调整一两个数值即可对整体进行调整。达到这样的目的需要用程序来体现设计的逻辑，中间还涉及到用一些新的技术方案，最主要的还是需要有对设计逻辑的理解。

网站的视觉设计稿是静态的，但网站是个动态的媒介，比如它尺寸可变，需要操作交互，内容加载会有中间状态等等。在理解设计逻辑后，才能和设计师更准确完善这些部分，如在何处应该增加过渡效果动画、采用怎么样的动画节奏等等。这也是开发网站中参与到网站设计的部分。

>>

建立网站，梳理品牌自我资产

360°：根据你的实践与观察，国内与国外的品牌对于建立网站的态度有什么区别？

高：国内对于网站其实不太重视，因为移动端app的一些链接无法直接连接到，或者他们不太希望流量被链接到平台之外的地方，也就是品牌网站，所以国内的品牌对于网站几乎不太会去好好做。但是国外的话对于网站就非常重视，可以说在这一点上他们的方式比较老，但是这个方式也带来了网站设计的发展。

文：国内品牌主要愿意在社交媒体上发布信息，而缺少对网站的投入，大部分有网站的品牌也仅仅使用通用的模板来完成，缺少和品牌视觉识别的关联性，无法建立品牌信任感，特别是在国际市场上。而社交媒体平台的主要作用应当是传播信息，受限于设备尺寸和信息展示方式，品牌受众往往仅能了解近期的品牌动态，并不能对品牌的整体形象产生认识，难以建立长期稳定的链接。近年来很多品牌开始朝着国际发展，这种需求促使品牌愿意通过网站来巩固品牌形象、呈现品牌历史档案，这是一个好的开始。

国外品牌很重视网站的建设，把网站作为数字化零售渠道、重要营销活动的曝光接触点。他们的网站内容形式更为多样，除了基本的图文视频，还有更多的网站互动、在线杂志、品牌音乐播放列表等，这些新的媒体内容更具有互动性，容易引发社交媒体讨论。很多新品牌在正式公布前就用网站来制作品牌视觉和交互内容吸引受众。好的品牌网站往往能体现品牌形象，也趋于使用新的网站开发技术。

360°：在如今的媒介环境下，你认为品牌网站扮演着怎样的角色？

文：品牌网站应当是受众与品牌建立链接的重要接触点，品牌形象重要的数字化展示空间和零售空间。它需要与品牌形象、品牌视觉有强关联。我喜欢的一些品牌网站会季度性更新交互和数字内容，把玩交互和阅读内容、聆听音乐列表之余，促成下单也是情理之中。我觉得品牌应当强化在自有阵地对品牌资产的曝光，减少对社交平台的依赖。

网站更容易呈现品牌重要信息，比如产品线和品牌历史档案，这对于刚刚或者想深入了解品牌的人来说是非常重要的，也是品牌对自我资产的梳理。特别是在服装行业，品牌历史档案（Archive）近年被频繁提及，说明更多受众愿意去深入了解品牌历史。