以用户为中心的设计

网址导航 - 书友会 - 邮件组

× 关闭
我有建议/意见

主要内容

  • 奥巴马的形象设计之路    2009-04-09 13:13

    Finally he wins!最终,他获胜了!视觉形象设计在一场总统选举中能发挥多大的作用?这似乎很难被评定。但反过来,获胜的奥巴马在个人竞选标志、口号甚至字体方面仿佛都有过人之处。起码,他在竞选的时候更细心,或者说他更会“利用”设计。 无论最终的胜者是谁,在美国总统候选人的视觉形象设计方面,巴拉克·奥巴马已经铁定是最大的赢家了。这里指的并不是奥巴马身体力行 ... ...

  • 《surface表面》很表面    2009-04-06 03:55

    Surface中国官网是这样介绍自己的: 《surface》诞生于美国旧金山,它在设计、时尚、建筑、摄影等方面不断发掘前卫大胆的元素,一直被认为是开创美学生活观念的先锋媒体。《surface》影响力遍及全球,在纽约、芝加哥、底特律、伦敦、巴黎、米兰、哥本哈根、柏林、东京等时尚商业与文化先锋地设有分支机构,其国际版触及 22个国家和地区,拥有近百万极具美学品位的生活家读者群。《surface表面》 ... ...

  • 中文Web设计中的着重号    2009-04-03 18:54

    标记em用来表示强调,其默认样式为斜体。由于一些原因,中文斜体显示效果并不理想,因此对中文直接应用em标记存在不妥之处。一些设计师使用加粗表示强调,中英文显示效果都不错。不妨插一句,小字号(如12px)的加粗文本在使用点阵字体的情况下与普通文本差异明显,在使用矢量字体时则可能与普通文本差异不明显。这些设计师甚至使用strong代替em。配合标记默认样式决定标记之选择的做法必不可取。我们有理由为标记 ... ...

  • 100个最搞笑最创意的404错误页 2009-03-29 06:19

    原文作者:Francesco Mugnai原文链接:The 100 most funny and unusual 404 error pages译者:令狐伯爵 我的一个最大的收集。 我喜欢任何形式的创意,一个良好的错误网页设计也不例外。 在这里,有我最喜欢的100个错误网页设计列表如果您喜欢这个文章,请 Stumble this,或者将其添加到 delicious。 最新资料:你有一个自定 ... ...

  • QQ影音正式版官网Banner设计    2009-03-27 02:01

      QQ影音新版发布官网Banner经过两周的酝酿、脑爆与设计调整,于20日顺利上线,连续7天,经历了昨天激动人心的最后发布,到此告一段落,这里凝聚了很多同学的无私帮助和付出,现将项目设计过程整理总结如下,和大家一起分享项目经验 : 创意爆发   1.接到产品方需求后,官网要为配合影音正式版发布做banner的创意设计,于是想到了创意脑爆,在美味小零食和火爆气氛的激发下,依靠群众的无线力量迸发 ... ...

  • 浅谈购物类网站如何保持视觉设计的一致性    2009-03-26 22:53

    在设计中保持一致性(uniformity)是网页设计中一个重要的组成部分,它能使你的设计有效地传达信息而不会导致用户迷惑或焦虑。保证一致性的一个有效方法是撰写正式的“设计风格标准”文档,也就是俗称的视觉规范。这一文档规定了一个产品或系列产品的图形用户界面设计中都必须遵守的设计准则。遵守这些准则将视觉元素保持大小一致的尺寸,有助于你的需要的时候更容易地将这些元素组合成一个新的 ... ...

  • 淘小宝蚂蚁聊天表情V1.0-V2.0的制作过程    2009-03-26 22:32

    专门用于针对淘宝网交易沟通而设计淘小宝蚂蚁聊天表情终于在3月20号通过消费者社区小规模地向用户推广。具体的下载方法可以通过以下消费者社区的贴子找到: http://forum.taobao.com/forum-474/show_thread—-21955823-.htm 制作该表情的意义在于:1.增加用户在使用淘宝网交易而进行沟通时的趣味性;2.在这种沟通过程中潜移黙化地在受众 ... ...

  • “模板化” — 限制还是激发    2009-03-25 07:57

    “模板化”——这也许是视觉设计师通常最不愿意听到的概念,先入为主的会产生“批量生产”、“体力活儿”、“限制思维”等概念,总之都比较负面。但为什么在这里要讲这个问题,不仅仅是站在视觉设计的角度,更多的是从产品整体包装营运进行考虑的。产品通过“模板化&rdquo ... ...

  • 30个在网页设计中使用插画的富有创意的例子 2009-03-22 19:43

    原文作者:Jacob Gube原文链接:30 Creative Examples of Illustrations in Web Design译者:zergback 30个在网页设计中使用插画的富有创意的例子 Jacob Gube 2009.3.21 在网页设计中增加插画元素能把网页设计提升到一个全新的高度上来。插画给设计增添了唯一性和特色,赋予设计鹤立鸡群的能力。设计者和艺术家在一个具体设 ... ...

  • 交互设计中的视觉结构    2009-03-22 16:22

    网站的交互设计分2种:流程交互和界面交互(即"单页面交互"或“小交互”),而界面交互又包含2类:“视觉结构”和“动态模块”。 何谓动态模块?简单的说就是“AJAX”,它有几种视觉呈现方式:弹出的浮动层、Tab切换、展开 (侧边展开或下拉展开) 何谓视觉结构?界面信息按逻辑关系、包含关系和 ... ...

  • 【译】在网页设计中,如何使用图标来支持内容?    2009-03-11 09:49

    在做视觉设计时,如何高效地使用图标是一门学问:该使用什么样的图标?图标该放在哪里?大小如何?图标的使用是否帮助用户更好更快的理解内容,亦或是增加了他们的理解负担甚至产生误导?今天恰好看到了一篇很好的文章,可以帮助我们了解该如何使用图标来支持内容,故翻译如下: 为什么使用图标?设计就是传达信息:如果你的网站不能吸引用户,这个问题不在于你分享的信息有多重要、有多刺激。在访问一个网站的最初,大多 ... ...

  • 不要放下你的画笔    2009-03-09 08:45

    一点点背景 油画、版画、雕塑、速写、国画,看到这些字眼还会激动吗?米开朗基罗、维米尔、塞尚、达利、马蒂斯、吴昌硕、任伯年,这些人物都还记得吗?《戴帽的自画像》、《格尔尼卡》、《红色中的和谐》,这些画面还有形象吗?除了《milk》,还看点别的吗?除了卡拉ok、电影院,还去别的地方吗?除了酷站、素材站、还靠点什么?嘲笑年轻人痴迷“快男”、“超女&r ... ...

  • 视觉设计不只是图形    2009-03-06 12:11

    一般情况下我鼓励视觉设计师在设计之前一定更加深刻的了解设计需求: 1、这个产品需要给什么样的一群人用,他们需要什么样的视觉感受。比如,你在给一帮老干部做一套软件,就别搞的像qq那样热闹。(曾经介绍过一次 “通过收集典型用户身上的视觉元素确定视觉风格”的方法) 2、这是一个什么样的产品,它需要展现给用户什么样的“气质”和情感感受。上次说 ... ...

  • 产品设计和视觉设计杂谈    2009-02-22 11:35

    有些时候,理论上的认识远远大于产品与设计本身,会直接关系到工作方法和有效程度。从产品设计上看视觉设计,从视觉设计上理解产品本身。两者如何在方法论上统一?一直认为在团队合作中一定不要忽视任何一个环节,没有谁是最重要的,谁是不重要的,只有产生的先后以及执行先后而已。当然,在环节的点上单独看,是有轻重之分的。 每次产品的出现对于产品经理来说都如同一个新生儿的诞生,但对于产生这个“新生儿&r ... ...

  • 惊诧于Google宣传创意    2009-02-17 10:09

                   ... ...

  • 视觉设计时不应产生新信息    2009-02-15 10:33

    纯粹的对视觉效果的追求是有价值的。 原始人带骨制的项链,为的是看上去很美。在身上弄纹身,显然也不是拿自己的皮肤当记事本用。(现代人中,michael scofield是个例外。) 现代人新修缮的前门大街。这条大街的北段,基本上是依照原有建筑翻新的,可以理解为新古典主义吧。南段则是新建的房子,由于没有明确的参照,设计师可以自由发挥,这给饱学了现代主义理念的设计师提供了机会,设计了很据 ... ...

  • 09年QQ登录Banner之转变    2009-02-13 08:34

    面对不断成长的用户,跟随用户的脚步齐步向前,做引起共鸣的改变,去除低龄化的设计,用成熟稳重的心态面对用户。 QQBanner自2006 年推出之后,丰富多彩的登录画面,给予用户许多欢乐。之所以对QQ Banner作出改变,源由公司“防低龄化”的策略,加之QQ2009新的视觉风格,因此围绕大气、稳重、含蓄、富有内涵、提升品质这几点对09年的 Banner进行改变,重在 ... ...

  • 不要忽略了颜色的可用性    2009-02-10 03:21

    今早打开腾讯ISD的博客,看到一篇新的文章,《迷你屋视觉规范简介》,赶紧看了来学习。不过给我抓到问题咯,臭鱼不介意我在这说下吧:   这套规范中的,按钮的第一级、第二级和文字中用于突出的第三种,红底白字和白底红字都不符合W3C的对比度规范。原本需要突出和强调的文字反而可能识别不易。 截图中使用对比度检查器,基于W3C的WCAG Guideline 1.4 ... ...

  • 迷你屋视觉规范简介    2009-02-09 07:46

    迷你屋商城项目在视觉设计的过程中建立了一套相对简单合理的视觉规范,这里介绍一下规范的内容以及制定规范的思路。建议您在阅读此文之前先对《迷你屋视觉规范》有个大概的了解。或者对应着规范阅读本文。 制定视觉规范的基本思路:在整体设计的基础上,规范出具体视觉元素的表现形式,在更多的页面设计中,应用规范,而不是每个新页面的设计都重新创作。通过对页面元素表现形式的定义,让整个网站视觉表现更具一致性,视 ... ...

  • 10大优秀图标隐喻 2009-01-24 09:08

    原文作者:Denis Kortunov原文链接:10 Outstanding Metaphors in Icon Design译者:JJ.Ying 1. Windows 3.111993面世的Windows 3.11的界面是Windows系列中最出色的,很显然设计师们在创作的时候赋予了很大的热情,在细节和配色上经过了详细的斟酌。 桌面 — 还有更好的方法表示实体的桌面 ... ...