百度关键词
7*24小时咨询电话
4000-340-360
专业网站优化 专业百度优化 专业关键词优化
最新加盟NEWS
CENTER
您当前位置:易达网络科技公司 >> 百度排名 >> 百度关键词 >> 浏览文章

@狐狸-Jean :本文由Pinterest 的设计师来亲自介绍官网的整个改版过程,包括设计原则、配色和留白等等的思考,过程中的经验方法值得我们学习。当我照旧一个在瑞典成长的孩子时,我房间里堆满了一些设计得很风趣的木质玩具。我记得我为这些简单的设计所着迷,通亮的颜色,抽象几何外形和有机情势的结合。它们的样子和动作能吸引你去和他们玩。木质的火车体系是特别很是棒的。你可以把轨道部分组装成圆形、条形、s型,只要你想得到。但是你必须要思考你要怎么样创造路径—......

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

发布时间:2022年01月19日 标签:改版,实战,聊聊,设计,过程,经验,思考 浏览

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

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

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

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

uisdc201608291

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

1、我们的UI风格不同一

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

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

曩昔的这些年,我们网站、APP和营销的设计风格都在迟疑,所以大家都觉得它们不再是统一个性。许多新的特性被加进来,而没有一个清晰的视觉是关于 如何适应整个设计的。所以界面就开始变得紊乱并且很难理解。当你欣赏呈现给你的页面,没有视觉条理或体系帮助你理解什么是紧张的。如许造成的效果就是,所 有有灵感的人在Pinterest都没有最大的发挥——到目前为止,我们体验最紧张的一部分正在消散。

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

原则题目

Pinterest的团体体验特别很是必要保持简洁和同一。假如我们打算开始重新设计,我们就要想清楚我们本身的一些关键设计原则。

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

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

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

1、清晰易懂的

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

它可以让用户变得更壮大;没有让你觉得不恬逸的东西或者让你不能信赖这个体系的东西。体系为您提供了精确的组件,会问你下一步做什么。

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

2、活泼的

它是富有色彩的;它的个性凸起而夺目。

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

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

3、不易破损的

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

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

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

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

基本要素

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

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

uisdc201608293

颜色——我特别很是喜好近似的配色方案。感觉很天然,让人觉得镇静。当你把一点点不同类的颜色组合使用,最初是基于一些给定的互补色,效果是特别很是风趣和意想不到的。

uisdc201608294

uisdc201608295

条理——每个元素都是相称有层级的。最紧张的信息总是很清晰。由于我们设计的时候问过本身,让用户理解最紧张的是什么?我们能怎么转变去让信息更加显明?

uisdc201608296

留白——在旧版的Pinterest设计里,我们总关注在包含用户必要内容的边框上,它的比重甚至超过了内容自己。如你看到的,有许多的线条、渐变 和灰色的阴影。没有让人呼吸的地方。留白会在元素之间有个天然的分割,而不会添加视觉的干扰。效果是平衡和稳定,空格的数量增长了个性和影响。

uisdc201608297

早期的探索和想法

我们想要知道假如我们把所有的边框从UI中移走会发生什么?能将焦点返回到对象自己吗?或者这个体验会完全让人崩溃?

效果证实削减边框后编排的感觉是很好的。Pinterest的设计师们终于重新找回了重点。我们并不是完全去掉边框,由于它们确实使得某条信息对应 某个图片变得清晰。我们等着展示边框,知道你对点击拥有充足的好奇。通过这种体例,界面会教你怎么把信息和我们的体系连接重组。一旦理解了Pin是怎么被 建立的,你就只必要去体验这个交互。

uisdc201608292

设计一套新的标准

经过了几个月对设计和交互的探索,团队和我最终把内容放到了我们觉得吻合我们说的3个产品原则(清晰易懂、活跃的、不易破损的)的地方。我们预备对我们新建立的原则和设计体系进行测试。

我们想以一个边框体系开始,所以我们决定先使用在我们的iOS的APP上。对于我们的第一次测试,我们把焦点放在视觉设计上——之后将会重构信息架构。你可以在WIRED阅读所有关于iOS的改版设计和和谐后端重修。

伴随着APP的改版,我们也重修了我们Pinterest的产品设计标准,包括:

体系——图形,笔墨,颜色,网格

框架——组件的组织

环境——所有我们正在设计的小东西

uisdc201608298

uisdc201608299

接下来9个月的时间,我们和开发人员紧密协作去建立每个组件,并且做了许多次的修改和调整。这必要难以想象的通力合作以确保我们建议的东西不仅仅知足我们的设计目标,同时也能被所有其他Pinterest产品的开发团队重复使用。

uisdc2016082910

cm20160829

史诗级的团队实现了改版

Pinterest的整个产品设计团队都为卷入审查和实行新的设计体系。

我们也有一个小型的良好设计师团队 (Annie Teng, Jay Marsh,Kimberly Fellman, Linus Wahlstedt, LongCheng, Patrik Goethe, Rick Chatas,Susan Kare, TomWatson, Woosung Kang),他们和我以及一路紧密配合,我们很棒的工程师也一路进行设计迭代,来找到最适合的转场和曲线,做不同的手势图原型等等。这真的是这个过程最好 的部分。跨团队合作,从多个角度整合了反馈意见(一个在Pinterest大家都知道叫做“编织”的方法),使得效果成倍加强。而在这个过程里,我们也感 受到了许多乐趣。

最后,我和Pinterest的品牌团队密切配合去做新的品牌指南,这个指南能反映出这些雷同的设计原则,我们最新的营销已经开始让人觉得它与我们的产品有着同样的气质了。

接下来,我们将动手解决下一波的iOS APP改进,重新设计Pinterest网站和Android APP,而且我们正在探求更多主力设计师来帮助我们实现这个计划。当这个最终实现后,我盼望你和我们一样愉快。

迎接关注译者的微信公众号:

hh20160829

上一篇:解析互联网平台SEO优化布局的基本思路
下一篇:营销分析 | 运营优化的隐秘武重视新熟悉热图的力量!
点击数: 相关搜索:改版 实战 聊聊 设计 过程 经验 思考
百度关键词 技术咨询:4000-340-360   24小时服务热线:4000-340-360
企业QQ: 4000340360   邮 箱:4000340360@b.qq.com
Copyright 2005-2015  by 易达网络 all rights reserved
分部地 址:潍坊市奎文区虞河路与玉清街交叉口锦绣苑  邮 编:261000