|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| [ work ] | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Company Designs |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Mar.01, 2011 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| app design 「 应用设计 」 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Times , 11.03.01 - 11.07.28 |
client , uqude |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||
这个季度公司主要的项目是和百度合作的APP。每个APP都是一个小的产品,他有自己的产品目标、策略、结构框架、交互方式、设计风格、内容方向。可以说是麻雀虽小五脏俱全。经理提出需求、编辑整合内容、技术负责开发。我在其中负责产品的框架、交互、视觉这三个方面的设计(小公司你们懂的)。我下面要分为几块来讲一下什么是我的设计,这是我的做事习惯与方法,肯定有些比较浅显,但我写出来的目的就是为了画一条红线,这样以后的思考和方式才能在这条线以上。 设计的方法、态度: 总结一下,从产品个性、用户体验、使用习惯、个性化定制、关系链、渠道资源、开放与拓展、第三方合作、平台价值等各方面考虑,结合自身情况充分发挥优势和定位的特色,找准最佳发力点。 设计的理念: 1.目前我的设计要从”渐变”和”空”两个词出发。“渐变”不是PS里面的渐变。而是一种观察方法,思维方式。科普西耶建筑,处处张扬自己的个性,不考虑与人们和自然之间的关系,现在世界上都以冰冷的钢筋混凝土所包围,再加上敷衍的材质表皮,使得每个部分互相没有任何关系,人们走到哪里也没有印象。目前的互联网上的设计就像是这样,没有任何的情感,没有营造任何的氛围只是一些材质和颜色堆在一起,让人们无论在哪里都面对的是哪几种样式的按钮。和人们的生活毫无关系。无论人们用过多少互联网的产品总是处于一种信息扫面的状态,走马观花没有进入产品中,更谈不上有兴趣促使他们产生属于自己的浏览和使用的方式。如果说目前互联网的设计是对比,那我这个“渐变”就是反其道而行之。把人们生活中被切割的东西在重新用感情融合起来,逐渐的与人们的生活相互融合入,从日常生活中发现细节自然的让用户使用产品。 我做设计有一个习惯常常因为某个感触,某幅画,某个场景,或者随进触动我的东西(比如地铁上的一个着装很和谐并不简单的女孩)而忽然想出的整个设计的思路和做法。我会一开始考虑创造一个什么氛围,用哪些颜色,哪些质感,哪些色调,哪些强度,考虑到每一个细节。界面上的元素需要什么自然的显现出来,这就像是隈研吾做的水上建筑一样,他为了营造一种和海平面融为一体的豁达氛围,所有的建筑本身以水平线为基准进行营造与构建,从而极大限度的削弱垂直面上的建筑体系,自然的材料也就明确了,必然是玻璃。所以整个建筑看起来会给人以惊喜不可思议。 及格的设计就是要与人们和产品产生一种“关联性”就像是日本的桂离宫,和人们产生一种邂逅,设计承担起这个媒介作用。这样人们会对你的界面有感触,有话想对你们说,因为界面是真实的有生命的,是和人们沟通介绍自己的。 “空”在我的设计当中会一直伴随,这种空被我理解为生命,呼吸之感。就像是人们的鼻孔、耳洞一样,这是透气的部分给人以生命力。界面上也是一样,通过空来表现信息的层级关系,功能方位,交互的形式,使用的流程。
2.设计不是一种技能,而是捕捉事物本质的感觉能力和洞察能力。信息的力量,是要让对方的大脑转动起来,引起他们更大的兴趣,而不是只要被人接受或在脑中被消化就行了。要让人们一直对未知的、新鲜的东西保持兴趣这是很重要的。我觉得这才是信息的传达。语言可以使头脑和感觉变得活跃起来。设计的创造性是和 “问题”联系在一起的。好的问题对应好的答案,这是理所当然的,所以,我绞尽脑汁寻找的,是能够用设计解决的独特的“问题”。总之,重要的是如何提出好的问题,并以最合适的方式来解决问题。 4.不平凡的设计。我每次都会做一些改进,在这种避免陈旧,不断出新的变化中,包含着我重新审视自己的想法,以及用这些想法来改造事物的意识。 5.创意并不是要让人惊异它崭新的形式和素材,而应该让人惊异于它居然来自于看似平凡的日常生活。不断的开发出这些创意才是真正的设计。 设计的责任:对于细节的态度。 在对细节的处理中,我们慢慢积累一些经验,提高自己的感受能力,最终达到了一个更好的境界。关于和前端开发的合作,我会经常去关心一下前端的进展,因为有些时候他们偶尔会自作主张,或者理解错误。他们对细节、对齐、色彩是没有概念的,对于整个设计的思路也不会想太多,可能会把文字都同意输入进去,这样你的信息层级就不存在了。如果在他做的期间及时提出并各个细节每个效果,甚至为了不让他们烦自己去改他们切好的图片,那么开发后期也会尽量和你的设计取齐。我是一个追求完美的人,我会尽最大的努力来完善我的设计,这同时也是我坚定不移的信念,因为他可以使我走的更远。 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Times , 11.05.10 - 11.05.18 |
Name , 测试系列 |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||
做这个app的目的是为了通过百度解决一下更多需要测试的用户的需求,产品的功能就是单纯的做题,在结构上基于题目内容和选项内容的字数,出现的频率来确定了整个app的框架结构。 左右构架很好的解决了总题目和分题目的关系,总题目和封面配合加上质感上的区分很好显示了他在整个app当中的信息层级位置,也为右边的分题目和选项留下了充足的空间。 app是从网站上引申出的产品所以设计上带有网站形象的元素在里面,这样做也是有风险的,因为icon的形状和传统的按钮形态相差很大,用户的习惯性思维没有得到共鸣,所以不太容易找到按钮。和产品商量之后决定第一次出现旁边加入一句“下一题”的提示语。 前段时间又用了用了线上的app,对一些朋友进行了体验调研,他们很容易把提示语误解为点击提示文字进入下一题。所以在放提示语之前一定要选好方位和信息层级,tooltips是一个不错的选择。还有感觉界面上的设计有些过于紧密,让人做一定数量的题目之后会感觉疲惫。第一次打开时缺少一些亲和力,灰绿色的使用有些让人透不过气的感觉。 于是从新改了一版,中黄色的界面和布纹配合,给人一种安静,温馨的感觉。人们在做测试的时候注意力高,所以如果文字太密就会显得疲劳乏味难以理解,需要看的内容不用找就清晰的摆在最显眼的位置,选项之间的留白加大,选中状态明显突出,加入了ABCD前面的选项便于用户选择和辨别。通过视觉设计的情景来影响用户的阅读心情和速度,就算达到了设计的基本要求。 这时我自身的一个小习惯,经常改自已以前做过的东西,有时能发现很多细节上和交互上的问题。好像我的设计永远做不完一样。因为设计师这个行业经常会被自己一时的概念所吸引入迷,对自己的作品越看越好,当隔一段时间之后再去看时就会从另外的角度去观察问题。这道理实际是转换了自身的心智模型,常常可用性的提升和概念上的升华也是在这时产生的。 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ︿ v1.0没有清晰的显示出可操作区域。 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ︿ v2.0对题目,小标题、可操作区域都进行了整理。整体色调偏暖,给人一种温馨之感。 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Times , 11.03.01 - 11.03.17 |
Name , 祝福语短信 |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||
设计的概念是我从人们传统的祝福行为中得到的灵感,记得小时候当时没有手机,节日的时候大家都买贺卡互相赠送,我每次都要攒很多钱买一张最贵的国外贺卡送给一位喜欢的女生,在上面画上画,送贺卡这简单的行为换来了我们美好的回忆。现在信息发达,节日时都发一套套的祝福语,但缺少了一些真情实感和那种写贺卡,送贺卡的氛围和回忆。这个应用的设计就做了一个展示各种贺卡的情景,贺卡上都是我手绘的图案,来表示每个节日的不同。再加上包装贺卡精美亮金藤条包装纸,更加入了节日的喜庆气氛。人们像拿贺卡一样进入每个分内容的页面里,然后轻松的在这里面挑选合适的贺词再发出去。 关于产品的功能上,我觉得稍微简单了一些,如果可以绑定手机在同步手机上的联系账户,然后在提供比如编辑短信的功能,一键发送,那该多美好。省的我没到节假日躺在床上看两个多小时的手机还被父母责备不专心听他们说话。 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ︿ 布纹、贺卡、礼带的配合使得整个具有喜庆和谐的感觉。 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||