百度风格设计上的应用与理解交互设计

以下是小编帮大家整理的百度风格设计上的应用与理解交互设计，本文共4篇，仅供参考，希望能够帮助到大家。本文原稿由网友“GOOD旗舰”提供。

篇1：百度风格设计上的应用与理解交互设计

春节前接到了制作春节专题的，这次制作，希望能新年展现在百度首页的春节专题具有百度风格，也就是说我们理解的新年热闹气氛的专题风格需要做改变，因为专题是为春节回家购物等提供帮助和信息，怎样将信息表现得易用和友好是最重要的。所以对此类专题设计思路进行了具体分析。感谢钱夫人、blueui、rainbowowo、红豆派给予的建议和帮助，专题最终通过并获得了大家的认可。

引言：“让人们最便捷地获取信息，找到所求。”

现在我将设计思路总结了如下几点：

1.头图设计是为内容服务的

（头图设计修饰和内容使用上需要把握一个度，需要了解此专题的侧重，是需要华丽的气氛吸引用户兴趣，还是提供内容要用户参与使用，很明显春运专题是后者，所以尽量将头图可发挥的视觉元素做简）

2.头图的设计效果目的是要为内容加分

（头图的目的其实是一个视觉气氛或者说是情感引导，视觉元素过多会影响使用内容，过少会显得引导无力，此类专题的定位应是要用户很清晰的来操作内容区，头图设计作为辅助调节气氛的功能，做到无头图可用，有头图更有趣。）

3.直接从用户的角度思考，考虑体验细节

（设计师本身也是用户，需要将完成的作品做自我审核体验，流程内容在使用上是否易用清晰先过自己这一关，其中要加入自己积累的经验来优化，还可以找不同用户做体验调查，

）

4.设计的情感化，新意的融入，生活中的点滴积累。

（以春运回家路和百度全球拜年为例- 春运回家 应该具有一种淡淡游子思乡的情感，夹杂这一点点迫切，一点点思乡情，从自身的亲身体验出发，才能设计的贴切主题有人情味。）（百度全球拜年-除了世界各地代表建筑外，需要一个点睛元素将画面做贯穿，这个元素不是简单的无意义的曲线或直线，使所选元素加上去能否贴切主题并生动，并不简单。记得百度搬迁庆典视频中的红色纸飞机吧…）

5.内容区目的协调于整个页面，力求简洁大方

（标题简单块状形式，栏目以简单的直线做分割，简洁明了不求修饰，体现百度性格）

部分效果展示：

图1：

图2：

图3：

图4：

图5：

图6：

来自：www.baiduux.com/blog//02/25/%e7%99%be%e5%ba%a6%e9%a3%8e%e6%a0%bc-%e8%ae%be%e8%ae%a1%e4%b8%8a%e7%9a%84%e5%ba%94%e7%94%a8%e4%b8%8e%e7%90%86%e8%a7%a3/

篇2：百度爱好者：与天龙聊百度UE&UI交互设计

贴吧前线、百度吧主吧、贴吧风云天字组……他的身影遍布贴吧各个角落，习惯高调做事低调做人，受到众多吧友的爱戴与敬佩。12月16日，他与一群热心的吧友组织创建“风云天字组·风组十三番队”，在百度吧主吧等贴吧与大家共同沟通交流，分析贴吧问题，配合百度贴吧活动等。风组一番队队长天龙魔神座，简洁如百度，和Baiduer一起聊百度带给我们的简单。

做客嘉宾：天龙魔神座（百度吧主吧管理员，以下简称“天龙”）主持人：刘潇磊

主持人：你好，欢迎参与百度爱好者终访谈，天龙魔神座可以简单的介绍下自己吗？

天龙：好的。我真名叫阮正建，不过目前无论网上还是网下，大家一般叫我天龙！开始上网，上网后不久便留在百度贴吧了。

主持人：很关注你的百度吧主吧，还有hitianlong.com网站。我们谈论的话题是百度 UE&UI篇。UE，User Experience，即用户体验。UI，User Interface，即用户界面。这两点对于网站设计非常重要，那么你喜欢百度的Logo吗？百度经典的红蓝页面风格给你留下怎样的印象？

天龙：简单明朗，符合用户习惯。百度在曾发布过新Logo评选投票 ，当时我还是很支持原版的。

主持人：去年发布的百度有啊、百付宝、百度Hi的Logo脱离百度传统风格，对比起来，你更喜欢哪种风格？

天龙：我还是喜欢百度传统风格，但是每个产品有不同的风格，却也有另一种风味。

主持人：百度很注重用户的体验。百度Hi发布初期，曾邀请一些百度爱好者们优先体验，那么你有没有得到Hi的内测名额？

天龙：得到了，也可以说是第一批体验用户了。除了激动外还是激动，不过 Hi上的人比较少，不太适应。后来，Hi和贴吧相结合，我才经常登录，

主持人：无论是搜索、贴吧、知道，还有Hi，百度都力求简洁，比起其他网站的设计，你喜欢这种风格吗？

天龙：百度的风格！就拿贴吧来说，清爽简洁，而其它网络社区有时候进入页面就不知道东南西北了！

主持人：我看到你的 经常更新，比起同类产品（QQ空间、新浪博客等），在UI和UE上， 哪一个独特设计让你觉得非常方便？

天龙：我有事没事就发一下～最方便的是速度！ 的速度最快，同时和贴吧相结合。反过来对比新浪博客或QQ空间，速度就慢很多了，而且百度习惯于简单风格，QQ空间比较花哨。

主持人：其实 也可以使用自定义CSS设计模板，并经常举办一些模板设计活动。

天龙：嗯，不过我没有参加过。

主持人：我发觉你说话的风格像百度一样简洁。

天龙：呵呵，平常就是这样子的，我很少长篇大论。

主持人：作为百度吧主吧的管理员，一定很了解百度贴吧了。在208月，百度贴吧首页大规模改版，最醒目的是“今日活动”栏目。后来在右侧逐渐添加了“投票Ing”“吧主招募”模块。请你谈谈对这种界面的看法，以及贴吧在web2.0方面作出的努力。

天龙：最早贴吧的首页只有分类目录，慢慢的出现如上这些内容，使很多吧友有了看首页的习惯，同时又把最新、最热的内容展示出来，让更多的吧友关注贴吧的动向，这种做法很好。我自己做的只是本职罢了，20担任吧主，也会经常参加百度的各种活动，有两件百度T恤，还是早年优秀吧主得到的。

主持人：希望天龙的吧主吧在新的一年有更好的发展。过年了，祝你新年快乐，Hi陪牛Year！感谢你接受我们主持人的采访。

天龙：呵呵，谢谢。同喜同喜～

本文出自：www.baiduer.com.cn/?p=12176

篇3：从百度应用到设计师的位置交互设计

这个季度公司主要的项目是和百度合作的APP，每个APP都是一个小的产品，他有自己的产品目标、策略、结构框架、交互方式、设计风格、内容方向。可以说是麻雀虽小五脏俱全。经理提出需求、编辑整合内容、技术负责开发。我在其中负责产品的框架、交互、视觉这三个方面的设计（小公司你们懂的）。我下面要分为几块来讲一下什么是我的设计，这是我的做事习惯与方法，肯定有些比较浅显，但我写出来的目的就是为了画一条红线，这样以后的思考和方式才能在这条线以上。

设计的方法、态度：

因为是在小团队中工作，和经理的关系就像是兄弟，做什么是之前都要问个究竟，做每个应用前都经过商量和决策，所以很清晰的明白做这个产品是为了什么。为了达到哪些目的，产品的策略是什么。

这种工作方式我很赞同，因为一个产品到最终的呈现如果设计师不知道为什么要这么做，做成什么样子那这个产品就不会达到最佳效果。每个项目从一开始就让我参与进来在情绪上会上升到一种给自己做作品的工作热情上去。这样以后对产品的规划、设计就很准确了。下一步就是思考具体的交互、设计方面的工作，比如产品的体验目标是什么、要满足哪些的需求、有没有隐性的需求去开发、这些交互体验是不是适合满足这个需求、再设计整个产品中设计重点在哪里、一个产品的开发和其他产品的关联性有哪些、怎样营造一个小型的产品品牌效应、该产品中做好哪些数据控制点、怎样对后期的产品进行增加和优化、这样的设计在今后的改动之中是否灵活。

在这样的环境下我一直坚持的习惯和原则是一个产品的思路应该是一套整体的规划，每个环节都很重要，并且他们之间的关联性很紧密，这样做可以让你跳出某些细节的局限性，就和作画一样只扣局部必然会让整个画面凌乱，必须经常的退后去从整体的角度来审视观察画面这样才能把每一个部分做到最适合从而提升整个的品质。

总结一下，从产品个性、用户体验、使用习惯、个性化定制、关系链、渠道资源、开放与拓展、第三方合作、平台价值等各方面考虑，结合自身情况充分发挥优势和定位的特色，找准最佳发力点。

设计的理念：

这是我的专业，设计和我已经一起度过了5年。从视觉传达到现在的UI我一直在探索和学习，在学校接触到的设计理念和思考方式是我今生最大的财富。那些都是世界级顶尖的设计理念，美院没有给我们任何的技术课，但却给我了一个好的眼力，很高的视觉品味，让我知道了什么是高级的设计，什么是有价值的思考。这不同于国内的任何一个院校，给我们上课的都是国际一线的设计师他们在引领世界的潮流，我很感激我有这样一个学校。他让我的路走的更加自信与坚定。

1.目前我的设计要从”渐变”和”空”两个词出发。“渐变”不是PS里面的渐变。而是一种观察方法，思维方式。科普西耶建筑，处处张扬自己的个性，不考虑与人们和自然之间的关系，现在世界上都以冰冷的钢筋混凝土所包围，再加上敷衍的材质表皮，使得每个部分互相没有任何关系，人们走到哪里也没有印象。目前的互联网上的设计就像是这样，没有任何的情感，没有营造任何的氛围只是一些材质和颜色堆在一起，让人们无论在哪里都面对的是哪几种样式的按钮。和人们的生活毫无关系。无论人们用过多少互联网的产品总是处于一种信息扫面的状态，走马观花没有进入产品中，更谈不上有兴趣促使他们产生属于自己的浏览和使用的方式。如果说目前互联网的设计是对比，那我这个“渐变”就是反其道而行之。把人们生活中被切割的东西在重新用感情融合起来，逐渐的与人们的生活相互融合入，从日常生活中发现细节自然的让用户使用产品。

我做设计有一个习惯常常因为某个感触,某幅画,某个场景,或者随进触动我的东西(比如地铁上的一个着装很和谐并不简单的女孩)而忽然想出的整个设计的思路和做法，

我会一开始考虑创造一个什么氛围，用哪些颜色，哪些质感，哪些色调，哪些强度，考虑到每一个细节。界面上的元素需要什么自然的显现出来，这就像是隈研吾做的水上建筑一样，他为了营造一种和海平面融为一体的豁达氛围，所有的建筑本身以水平线为基准进行营造与构建，从而极大限度的削弱垂直面上的建筑体系，自然的材料也就明确了，必然是玻璃。所以整个建筑看起来会给人以惊喜不可思议。

及格的设计就是要与人们和产品产生一种“关联性”就像是日本的桂离宫，和人们产生一种邂逅，设计承担起这个媒介作用。这样人们会对你的界面有感触，有话想对你们说，因为界面是真实的有生命的，是和人们沟通介绍自己的。

“空”在我的设计当中会一直伴随，这种空被我理解为生命，呼吸之感。就像是人们的鼻孔、耳洞一样，这是透气的部分给人以生命力。界面上也是一样，通过空来表现信息的层级关系，功能方位，交互的形式，使用的流程。

波光淋漓的海面之所以美丽就是因为海面的波澜把阳光打碎了，创造出光的微粒，一定意义上也就是留出了空白。设计就是要把握好每一个细节，每一个留白和整体的关系。越简单的设计人们想知道原因的欲望也就越强，涉及到得感情也就越多，设计这个媒介的作用也就越有价值。这种空经常会体现在我对留白的运用上，留白可以会激发出人们关于 “背景性 ”、“包容力”、“现代感 ”、“品位”、“高级感”、“更新性”等各种各样的联想。背景性和包容力，现代感和品位，和谐统一于白色这一色彩之中。

2.设计不是一种技能，而是捕捉事物本质的感觉能力和洞察能力。信息的力量，是要让对方的大脑转动起来，引起他们更大的兴趣，而不是只要被人接受或在脑中被消化就行了。要让人们一直对未知的、新鲜的东西保持兴趣这是很重要的。我觉得这才是信息的传达。语言可以使头脑和感觉变得活跃起来。设计的创造性是和 “问题”联系在一起的。好的问题对应好的答案，这是理所当然的，所以，我绞尽脑汁寻找的，是能够用设计解决的独特的“问题”。总之，重要的是如何提出好的问题，并以最合适的方式来解决问题。

3.对设计师来说，信息就应该是一种产品。既然是产品，质量就应该有保障。信息质量的提高，能使其更便捷、迅速的传播。设计师的任务就是提高信息的品质，增强 传播的力量。技术的进步并不能直接带来信息品质的提高。“如何更容易了解？如何令人更加舒适？如何更为简单地传达？如何才能让人感动？ ”这些才是衡量设计师的信息处理能力的尺度。

“清晰”是信息的基本品质。如果信息很重要，但形式很难被人理解，其品质也不能算好。设计师的工作要领之一就是要对信息进行整理，通过冷静的构建让信息明了易懂。

“独创 ”就是用没人用过的崭新方法表现信息。清晰固然是必要的，但仅仅是清晰并无法保证信息被人接受。只有具有独创的表现形式，才能引发人们的兴趣，为之感动，进而接受信息本身。这并不是很难理解的问题。通常人们就认为设计师的工作意义就在于独创。

4.不平凡的设计。我每次都会做一些改进，在这种避免陈旧，不断出新的变化中，包含着我重新审视自己的想法，以及用这些想法来改造事物的意识。

5.创意并不是要让人惊异它崭新的形式和素材，而应该让人惊异于它居然来自于看似平凡的日常生活。不断的开发出这些创意才是真正的设计。

设计的责任：对于细节的态度。 在对细节的处理中，我们慢慢积累一些经验，提高自己的感受能力，最终达到了一个更好的境界。关于和前端开发的合作，我会经常去关心一下前端的进展，因为有些时候他们偶尔会自作主张，或者理解错误。他们对细节、对齐、色彩是没有概念的，对于整个设计的思路也不会想太多，可能会把文字都同意输入进去，这样你的信息层级就不存在了。如果在他做的期间及时提出并各个细节每个效果，甚至为了不让他们烦自己去改他们切好的图片，那么开发后期也会尽量和你的设计取齐。我是一个追求完美的人，我会尽最大的努力来完善我的设计，这同时也是我坚定不移的信念，因为他可以使我走的更远。

篇4：音乐与设计关系:理解色彩应用方法

一直以来都想写篇关于音乐与设计关系的文章，免去每次和别人大篇幅讲述应用音乐原理去把控设计的时间，

常有朋友问我，怎么样搭配色彩才好看，怎样培养色彩感？我没有系统学习过色彩学，但对色彩的把握有自己的一套，这要从我的第一份工作说起。

我的第一份工作是做策划，平时工作比较闲，便下些Photoshop教程自己学学，刚开始也是摸不着思绪，也不知道图层是作什么用的，突然灵感一现，这图层不就是乐队中的鼓、BASS、吉他、键盘吗？每样乐器都是单独的个体，协调好每样乐器，就能奏出悦耳的音乐，反之则为噪音。Photoshop中的图层不也一样么？每个图层都可以单独的调节透明度、色相、色彩等属性，整个画面就是一个乐队排练房，仔细调节每样乐器属性，以奏出完美的音乐。就这样，入门 photoshop。

先说说音乐中的色彩吧。《布拉格广场》中间奏部分，有好几段音乐都能让你联想到不同国家的画面和色彩。《上海滩》前奏音乐一起，你马上会想到就上海的画面，这音乐和色彩之间有什么关系呢？

同一个色彩，有不同的冷暖关系。

懂得音乐的人都知道在乐器上找不到一个固定的音，音符“Do” 随调式改变着位置，不同的调式传达出不同的感情，适合着不同的乐器与人声。这与我们运用色彩的道理是一样的，整幅画面的基调与情绪是通过画面色彩的冷暖传达出的。但从小我们头脑中的色彩冷暖关系就是固定的。红色偏暖，蓝色偏冷。其实这是一个错误的概念。如同音符一样，颜色随周围环境的变化转换着调性（冷暖关系）。明白这一道理，蓝色也可以被我们渲染成暖洋洋的样子。

和弦与旋律概念在平面设计中的应用。

玩音乐的朋友都懂得另一个道理，无所谓哪一个音好听与难听，音符一定要放到一起去，才能叫音乐，否则“Do” “Do” “Do”一直按下去一定是噪音，“Do” “MI” “So” 放在一起就变成了和弦“C”。这好比颜色中红蓝白的搭配一样，永远和谐。和弦可以继续往里添加新的音符，比如加个“Si”这个和弦马上变了情绪，变成了一个7和弦。如果把“Mi”换成降“Mi”就更是大相径庭地跑到蓝调里去了，就好像在红蓝白的组合中，配上紫色或桔色给人的视觉感受是截然不同的，

和弦一直可以添加音符进去，成为9和弦，13和弦……在色彩上就好比我们常说的高级灰。

颜色分组使用。

明白这个道理后，我们就会更直接地理解颜色是应该分组使用的。这些组合的基础应该向和弦C、D、E、F…一样，有一个最原始的搭配，设计师想不断变化，就在这些组合里求变吧。你一定要把没关系的颜色放在一起，就象”发“和”希’谁也不挨着谁，两者之间没关系，你的画面一定平淡；如果你一定要把敌对的颜色放在一起，准会难看。运用和弦的道理去理解色彩，你会立刻跳出色彩贫乏的误区，发现眼前可用的颜色太多也太美了。合理搭配的色彩组合把画面的视觉空间不断拉伸，让画面不仅绚丽而且厚实，这就是色彩和弦的作用。大家如果需要有关方面的色彩搭配资料，可以上我的 www.cabbageman.cn 上下载调研手册，每份调研手册都有一份色彩组合表。

设计中的画面主旋律。

但仅仅有了和弦就能成为音乐吗？不对，音乐还需要旋律，没有旋律的音乐不好听。那么，平面作品的旋律是什么呢，它是我们眼睛观看一幅作品的过程。一幅招贴也罢，一本宣传册也罢，都存在着一个先看到什么，再看到什么，最需要人们看到什么，记住什么，回味什么的问题。这些逻辑就构成了平面作品的旋律，让观众的眼睛什么时候紧张，什么时候休息，最后停留在哪个地方，这是我们最需要动脑子考虑的问题。设计中的画面主旋律也就是设计策划稿，这是设计中我们最初也最需要斟酌的地方，这决定着整个设计的价值。

设计中的画面节奏 。

光有色彩还不行，色彩的使用与音乐中的节奏一样，需要比例，平面作品一定需要一种节奏的控制，控制节奏的元素有很多，它们中常用的就是颜色、图片与文字排列，也就是主基调。

设计中的基调。

歌曲有大调小调之分，大调明朗开阔，小调忧伤黯然，我们乐队排练一首歌曲的时常常会说这是E大调的歌曲，那么调性就明确下来了，无论怎么走都是在这个调内。设计中也需要定一个基调，也就是我们总设计师所设计的框架和规范，设计师们围绕这这套框架和规范进行创作，掌握了基调，那么这作品一定会非常统一，非常和谐，偶尔的几个出彩的音会让整个设计亮起来。

希望各位设计师们多学学音乐，用音乐的理论解析色彩真是简单直白。

如果有什么不对的地方，敬请提出。

个人主页设计交互设计

人际沟通与信息设计交互设计

交互设计面试自我介绍

拟人化在小学多媒体课件交互设计中的应用

网站的信息架构交互设计

百度风格设计上的应用与理解交互设计.doc

将本文的Word文档下载到电脑，方便收藏和打印

推荐度：

点击下载文档