开始设计
只是聊聊

以用户为中心的设计

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

× 关闭
我有建议/意见

主要内容

  • 浅谈终端视觉设计中的文字运用    2010-12-14 19:32

    文字是人类用来记录语言的符号系统。随着社会的发展,文字已经摆脱了在纸张上,版面上的简单呈现模式,当下的数码产品中有着更为丰富的应用。 大家都知道,界面效果虽然日趋拟物化和平面化,但现在往往很多细节还是脱离不了文字的显示,手机终端屏幕的限制和用户的学习成本也更深一步的决定了文字的不可缺少。 只是在界面设计中,这些文字更加具有逻辑性,和类别性,看似与界面融为一体,实则有更多的考量标准, ... ...

  • iphone GUI PSD源文件下载    2008-08-21 00:43

    下载点击这里 分享给那些需要开发iphone平台的网站设计师们。 国内互联网的UI设计师貌似都是一个师傅教出来的,你要是不会做个水晶图标、给底色拉个渐变,你都不好意思说自己是做UI的。可能很多设计师都有自己的苦衷,造成这个职业变成了一种恶性循环: 1 apple是靠设计取胜的,我们的网站要像apple的UI一样漂亮。 2 网站做得太简洁,老板或者客户会觉得没有创新,做 ... ...

  • [手机风格]视觉设计稿看交互与风格    2010-06-07 00:57

    视觉设计是产品面向用户的首要冲击点 首先是通过界面将产品构建的一种整体产品性格传递给用户。体现在界面上即你的界面图形风格上色营造的氛围是否具有性格,属于产品的一种性格,视觉设计的风格姿态决定了用户对产品的导入,兴趣,乃至后面的使用等等,反之则失去了产品视觉构建的意义,用户可能从视觉感受就否定或者抵触了一个产品,当然这不是绝对意义上的可能,但事实是产品市场经常出现这种用户行为,于是有了人类学社会学 ... ...

  • QQ影新皮肤,不只是大按钮这么简单    2008-12-25 22:57

    QQ影音至9月发布之后一直口碑很好,视觉界面和交互设计也颇受好评,这是设计师们努力的结果,也是众多用户反馈的功劳。我们希望可以提供更多价值回报给可爱的用户们,这里的用户不只是年轻的时尚一族,还将涉及更广的人群。QQ影音感念亲恩皮肤就是其中的一个尝试。 根据国家统计局的调查数据得知,中国长者现状为:60岁以上1.43亿,占总人口的11%。2020年,60岁将达到2.34亿人,比重从2000年 ... ...

  • 找茬:百度有啊的文字大小    2008-12-16 12:27

    中国式网站,网页里的常规字体都在css中绝对定义成12px或9pt,所以网页里的字体或版式不会随浏览器中的文字大小设置而改变。几乎所有的门户或专业网站都是这样设计的,也从没有人去改变它,在这中国互联网发展过程中,网民也养成了这种浏览习惯。 百度一向称自己更懂中文,更懂中国人,让外来的google哑口无言。可这次百度有啊的字体设置为何不是中国式的,而是随着浏览器中的文字大小改变而改变。百度一 ... ...

  • 改版,可以让设计先行    2009-09-29 16:28

    参与过很多次的改版。但这次的尝试是觉得比较成功的一次。 一个大新的网站,在新的内容、功能架构还没有正式出来之前, 界面设计可以提前模拟出未来。 在4个月前,我们做了一套网站可视化系统配色提案(节选): 前言 汽车生活是丰富多彩的,几乎包含了世界中的所有颜色, 红绿灯是汽车生活的典型元素,蓝色也在交通指示牌中被经常使用。 颜色与心理暗示 不同的颜色搭配会有不同的 ... ...

  • 情感的容器 被寄托了的QQ2010视觉设计    2010-02-02 23:14

    09年的电影缓缓的落下帷幕,以及新年伊始,轰轰烈烈催人癫狂的《阿凡达》。整年里,最让人我记忆深刻的还是《飞屋历险记》。 Carl与Ellie被南美的那个名叫“paradise fall”的瀑布魂牵梦萦,于是他们决定一天天的往容器里存钱,积攒旅费以完成童年的梦想。可是,生活毕竟不是天天祥和与顺心,总是充满着未知和意外,车子爆胎,骨折住院,被大树压垮房子,面对种种突如 ... ...

  • 视觉设计师应该略懂交互    2009-01-16 15:55

         视觉设计师就是把视觉传达给用户、给观众,我们是视觉信息的发送者,把准确的内容发送给我们针对的接受者,也就是把我们的情感,我们的认知,传达给我们的用户,这就是视觉设计师的工作。交互设计师的工作是让产品易用、有效的让人愉快的去使用产品,他们也致力于去了解用户的心里期望,从而设计出用户所需要的产品。其实交互设计师与视觉设计的目的都是一致的,都是让用户来喜 ... ...

  • 诺基亚换字简评    2011-04-13 16:53

    Image: Nokia 诺基亚(Nokia)近日发布的新字体 Nokia Pure 引发了很多兴趣。该套字体的设计由伦敦的字体设计公司 Dalton Maag 进行。新字体将全面替代诺基亚使用多年的、标志性的字体 Nokia Sans(由设计明星 Erik Spiekermann 设计,见我们前文访谈)。Nokia Pure 系列包括拉丁、西里尔、希腊、阿拉伯、希伯来字母,以及天城 ... ...

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

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

  • 巧妙性设计之UI按钮设计方法论(二)    2010-11-30 23:10

    上一节我写了在生活中找到按钮设计的元素,这一节中我也会延续生活中的设计这个观点,这一节写的是按钮在界面中运用设计,那么我们怎么从生活中来找到灵感呢,一直觉得做设计就是做原色的统一和对比,无论是平面、UI界面、数码、环境空间、服装等,一切设计概莫能外。有对比就会有统一,对比统一是设计师最容易也是最难拿捏的部分。这些往往都是设计师在自己的工作和学习中总结的属于自己的学习方法。 那么下 ... ...

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

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

  • 图片投射方法在会员官网视觉风格调研中的运用    2009-06-09 20:58

    图片投射是一种定性分析技术,源于心理测量中用于人格评估的投射技术(Projection Technology)。投射是指人们把自己的态度、愿望、情绪等不自觉地反映在外界事物上的一种心理现象。所谓投射技术是指通过分析人们对于外界事物的反应,而去研究产生这种反应的内在的态度、愿望和情绪等内在心理活动。 在图片投射中,所采用的投射工具是一系列图片,分析人们对这些图片的反应,帮助获得人们内心想法。 ... ...

  • 网站的视觉路径和版式设计    2009-01-13 09:06

    cooper谈到用户的视觉路径一般是:从上到下,从左到右。 好的视觉设计路径应该是顺应这样的用户习惯,糟糕的设计会让用户无所适从,焦点到处都是。 当然,上图的视觉路径图并非绝对的,浏览习惯因人而异。 网站中方块 因为人们从接触信息以来,信息的呈现就是以方块式存在:报纸、书,单个字成点,一行字成线,一段字成面,而这个面当然是以方形呈现的效率最高。网站的视觉设计大部分其实都是在拼方块。  ... ...

  • Web Accessibility之为色盲设...    2009-07-20 23:35

        看前一篇文章[Web Accessibility之为色盲设计(一):他们是谁?]的介绍,大家应该知道除了极少数的全色盲,其他色盲总是会看到一些颜色的。所以,最大的问题不是色盲用户看不到一些眼色,而是他们看到的颜色与一般人不同。那么,如果作为一个正常人,如何让自己的设计不会给色盲用户造成麻烦呢?我们需要检验工具——色盲模拟器,来 ... ...

  • 腾讯形象店品牌设计    2010-01-06 21:35

    腾讯形象店是公司对外形象的重要窗口,员工可在此购买公仔及来自各个系统的礼品,更有上等的illy咖啡供应。这一次我们要帮助它建设及管理品牌,从取名规划到包装执行。 一、成果 1、LOGO释义: 1) M字中间两个门为两只企鹅手牵手; 2) 中间两只企鹅大小一致,表示“印象”(通过折叠,一只企鹅印出另一只企鹅); 3) 多彩表现业务多元化,而企鹅(Q ... ...

  • 插图式主页    2010-06-24 18:27

    最近,网站设计有一个新的趋势。 很多网站的首页,完全以一张图片作为主题,文字信息很少,只有几个主要链接,就像一张插图。我把这种主页称为"插图式主页"(illustration web design)。 Tripwire Magazine对这种设计做了总结,下面就是一些实例。 你可以看到它们的视觉效果非常漂亮,对访问者产生很强的粘性。而且,非常突出重点,诉求很明确,有效地达到了设计 ... ...

  • 测试中的雅虎新首页    2009-06-08 21:35

    Yahoo的首页改版每一次都是花尽了心血,去年在全球测试过,这里有一个存图。2009年Yahoo将测试继续,这里有一个二月份的稿, 搜索一下Flickr有很多截图。 下面的这个版本是五月底发布的一个测试版本,很有幸再次能够看到新版UI(btw:好像淘宝每次外放测试我也能看到,神!),和2008年测试的新首页相比,Yahoo的首页变化不大,在UI上变得轻了,功能上增加了流10大流行搜索关键字 ... ...

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

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

  • 视觉设计中的空间感    2010-04-19 01:45

         曾经有一次是给客户做邮件版的新年贺卡,晚上做完图。满心欢心的让老婆大人过来欣赏一下。本以为她会夸我做的多么的好,老婆看过却说,这图缺点什么! “缺点什么呢?”老婆思考了一会,说缺少一种空间感,太“平”了。此时我恍然大悟。最终改完图以后,客户也非常的满意。总结一下: 层次感一般牵涉到3个问题:  ... ...