经过

音乐网站的创新过程的创新,优雅的布局,深入了解喜欢的访谈 达斯朋克 , 蝙蝠睫毛 野性 .

HIP音乐网站PITTFORK已经推出了一种新型的文章布局,避免了许多编辑场的一切呼喊方法,支持优雅简单的滚动响应式布局,以便在周日补充– 虽然与视频和动画一起使用,但与照片和插图一起使用。这是一种表格,对阅读更长的功能,特别是在平板电脑上–并且是一种在类似艺术的普及之后的形式 雪落 story 在这一点 纽约时报 网站,许多人已经预测为网络上长期新闻的未来

我们赶上了这个网站’S Creative Director Michael Renaud找到了这些封面故事的设计方式。

我们还讨论过 进步 ,一种提出预推出专辑流的方式,旨在复制与前几代音乐粉丝流行的经验,同时盯着袖子艺术品。提前提供一系列抽象动画或屏幕上的艺术品,使得听众可以以类似的方式专注于音乐。

DA:你想改进的传统在线布局是什么?

先生: “封面故事是我们如何探讨展示我们特色的可能性。我们的编辑人员一直在产生一些惊人的工作,我们觉得值得突出显示。

“我们正在努力建立一种感觉你在故事中投入的一点。大多数人都充分地通过数字手段消耗他们的媒体,我认为我认为更加特别:就像它是一种奢侈品–当您考虑奢侈品,它能够拥有我们所拥有的互联网的东西是有趣的。

“只坐在一起坐着的杂志,这有点坐着,这比五或十年前更加特别–就像你自己对待自己。尽管杂志的触觉性质是不可能在屏幕上繁殖,但在阅读长形件的同时释放传统上的副内容的侧边栏的方式是一种简单的方法,使内容感觉更加特殊。“

DA:旨在为每个封面故事创建自定义布局,或者提供内容从CMS中的设置字段中倒入的模板?

先生: “现在我们正在为每个故事创造一个自定义布局。我们这样做,所以我们可以在没有太多指导和限制的情况下测试新的想法,但也是每个故事都是艺术,以一种适合乐队和故事的方式掌握乐队和故事。

“今天的纪念网站应该定期改善和改变。重新设计网站的日子已经过去了 离开它是三年的。“

Michael Renaud,创意总监,干草叉

“Web技术中有许多有趣的进步以及我们如何处理它们,我们希望在发生这种情况时探索这些事情。虽然我们试图用太多的变化意识到用户疲劳,但保持一致的品牌标识,我们也试图意识到只是尽力让我们的读者提供良好的体验。更强大,设计的CMS是另一个问题。“

DA:告诉我们一些关于封面故事的设计和布局过程

先生: “它通常从作家的音高开始。一旦我们知道我们正在进行一个,我们专注于故事的概念并决定最能补充它的视觉效果。虽然作家在这件作品上工作,我们将会调度照片/视频拍摄或有插画者开始简要介绍。

“当第一次草案进来时,我们将把它放在Indesign中的故事板,然后我们的开发团队开始致力于它。社论通常有最后的外观,并一旦它在一起约80-90%在舞台上。“

DA:告诉我们关于落后的概念。

先生: “进展是我们在发布日期之前媒体传输专辑的平台。它是从现实生活中享受专辑的想法,并在其旁边经历包装。所以我们在浏览器中提供一个空白的画布作为艺术家提交任何东西的机会想象,他们喜欢作为专辑的伴侣。

“虽然我们有用于购买专辑的链接,以及用于轨道列表和描述的弹出模块,但重点是艺术家提交的图像和视频。这一过程由我们的技术总监Matt Dennewitz和Editor Brandon Stosuy领导。

“看着什么是有趣的–我认为我们最初都预计大多数艺术家都会贡献专辑艺术品,但大多数人在创造习惯GIF时额外的一英里,对读者的一点笔记,艺术品形成了一个乐队成员之一。“这真的很有趣。”

DA:创建这些部分时最大的技术挑战是什么?您是如何克服它们的?

先生: “我们最大的技术挑战刚刚为每个屏幕尺寸和浏览器类型进行了优化。最后,我们承认这是在桌面或笔记本电脑上经验丰富的。仍然存在谈到的平板电脑动画,但我们尽最大努力优化我们可以与我们拥有的资源最好的环境。

“对于移动电话,我们甚至不打扰。这对于这种类型的执行来说太小了,甚至有意义。如果我在一个小的屏幕上阅读这个故事,我只想在浅色背景上的黑色类型。无论如何。”

DA:一般来说,通过这样的项目,您如何使用商业突发事先平衡简单,优雅的设计?

先生: “我们将读者置于商业要求之前,通常会通知广告和额外的UI元素如何集成。我们希望它有机地发生,所以它有意义,感觉它属于内容。

“创新和透明的广告执行是我们的优先事项,我们并不是在寻找鞋底的东西。”

DA:您打算根据您创建的内容构建新功能类型?

先生: “虽然我们在工作中有各种计划,但我们也试图保持灵活和敏捷。所以现在,不确定。”

笔记: 我们可以在通过我们网站上的链接购买时赚取佣金,而不额外费用给您。这不会影响我们的编辑独立性。 学到更多 .

阅读下一个......