第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

改版实战!聊聊Pinterest官网再设计过程的经验思考

时间:2017-09-29 14:33来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
本文由Pinterest 的设计师来亲自介绍官网的整个改版过程,包括设计原则、配色和留白等等的思考,过程中的经验方法值得我们学习。 当我还是一个在瑞典成长的孩子时,我房间里堆满了一些

  本文由Pinterest设计师来亲自介绍官网的整个改版过程,包括设计原则、配色和留白等等的思考,过程中的经验方法值得我们学习。

  当我还是一个在瑞典成长的孩子时,我房间里堆满了一些设计得很有趣的木质玩具。我记得我为这些简单的设计所着迷,明亮的颜色,抽象几何形状和有机形式的结合。它们的样子和动作能吸引你去和他们玩。

  木质的火车系统是非常棒的。你可以把轨道部分组装成圆形、条形、s型,只要你想得到。但是你必须要思考你要怎么样创造路径——关于如何把碎片组装起来是有逻辑的,你不能违背几何构成。

  二十年过去了,我的孩子也玩着我童年的那些玩具。现在我能听到他们正在用力地敲打木地板。这个持久性的设计已经跨过了很多年,经历了一代又一代的变化。

  

uisdc201608291

  去年春天,当我第一次开始专注在一个关于Pinterest设计的大问题上时,这个奇妙的、自我证明的、有趣的童年景象出现在我脑海。实际上,是3个大问题:

  1、我们的UI风格不统一

  2、我们的视觉系统是过时的

  3、我们的市场和我们的产品脱节

  过去的这些年,我们网站、APP和营销的设计风格都在游移,所以大家都觉得它们不再是同一个性。很多新的特征被加进来,而没有一个清晰的视觉是关于如何适应整个设计的。所以界面就开始变得杂乱并且很难理解。当你浏览呈现给你的页面,没有视觉层次或系统帮助你理解什么是重要的。这样造成的结果就是,所有有灵感的人在Pinterest都没有最大的发挥——到目前为止,我们体验最重要的一部分正在消失。

  事实证明,在某种程度上来说,我们很难设计出风格统一又独特好看的东西。

  原则问题

  Pinterest的整体体验非常需要保持简洁和统一。如果我们打算开始重新设计,我们就要想清楚我们自己的一些关键设计原则。

  我退到Pinterest地下室的一个黑暗的角落,花了好几个星期的时间去研究设计。我甚至不确定我一开始要做什么——基本上就像是我自己的统一模块的升级版本。我开始琢磨这样的问题:为什么人们喜欢用Pinterest?是什么让我们的产品变得独特?我的个性特点是什么?我们是什么?

  我越思考这些,我就越意识到Pinterest有很多本质性的东西,就像我的家人喜爱收藏的有趣玩具。两者都鼓励你和不同的选项玩耍,把碎片连接起来,创造属于你自己的世界。你能开始做你自己的目标和项目,你能从别人正在做的和构建的东西中获得灵感。你投入进去,然后立即开始玩,在你想要的任何时候停止,然后回来,从你离开的地方拿起正确的。

  再往更远的方向想,Pinterest和BRIO本质上有共同的3个基本原则。这些描述了Pinterest如今最好的特征,奠定了我们想要在未来把产品带到哪里的基础。

  1、清晰易懂的

  它很直观,不需要学习;你能理解它怎么操作而不㤇任何直接的解释。

  它可以让用户变得更强大;没有让你觉得不舒服的东西或者让你不能信任这个系统的东西。系统为您提供了正确的组件,会问你下一步做什么。

  它让内容的阅读起来变得更好;框架是完全无缝和隐藏的。你没有必要注意它,除非你要和它发生互动。你可以决定它的样子,而不是我们强加给你的。

  2、活泼的

  它是富有色彩的;它的个性突出而醒目。

  它是视觉上的反馈;是以物理的方式进行互动的体验

  它是意想不到的;这个体验是有趣好玩的,但不是压倒性的。

  3、不易破损的

  它是基于探索建立的;就像一个小孩的玩具,你想尝试它,看会发生什么。你研究得越多,你学的就越快,你得到得也就越多。

  错误的点击是不可能出现的;被设计的内容都是帮助你导航的,让你准确地做你想做的。

  它是可逆的;如果你不小心做了某个操作,结果不是你想要的,很显然你也知道怎么更改。

  一旦我们概况出这3个原则。下一步就是把它们转化成有形的东西,可能是我们建立的一切向前发展的基础。

  基本要素

  形状——我们使用基本的容易触控的形状,人们很自然能理解,并想要和这些形状交互。

  边角是圆形的,目的是让用户觉得更加容易亲近。

  

uisdc201608293

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕