Skip to main content

Jason Bao's Library tagged UI →  View Popular

24 Nov 08

关于Mood Boards情绪板的运用 - K-Rule

  • Mood Boards在色调的决定上给大家提供了一个统一观点的简单途径。
  • 设计师很多时候设计会出现时常出现一下不能确定产品的定位或者不知道该用什么样子或者颜色来设计这个产品。那么情绪板就可以来帮助你来收集这些信息，从而来确定产品的定位。比如你要确定你的产品要表达“激情”，那么去找一些书刊杂志来把你觉得有“激情”的图片剪切下来，当你收集一定数量并且把这些图片都粘贴在一张白纸后会发现，其实这些图片的色调是有一种关系，或者“激情”可以用几种色调来表示，那么在设计的时候你就可以将这样的颜色用在你的产品设计中。当然，最好在作情绪板的时候叫上你的同事，可以是PD或者BOSS来，因为这样达成的东西，估计大家都不会反对，省得到时候一个产品出来，PD说不好看，BOSS说不好看的。
    当然如果没有这么多资源的时候，你可以到网络上找一些你需要的主题的图片，把你下载的图片都拉到PS里面放到一起，在用虑境里面的飓风吹一下，你可以看见你选择的图片的基本色调会出现，这样也可以取到适合产品感觉的颜色。
02 Aug 08

Readabilty - making pages easy to read by design

  • Do not be tempted to reduce letterspacing or leading below the default value, as this will reduce readability.
  • Use white background with black body text where possible.
  • 4 more annotations...

木的=moond{lab} » Blog Archive » Readability － 可读性

  • 英文尽量使用无修饰线的sans-serif字体 － 常用的 sans serif 字体包括： Helvetica, Avant Garde, Arial, and Geneva. Serif 字体包括： Times Roman, Courier, New Century Schoolbook, and Palatino.
  • 不要使用超过2个以上的字体类型
08 Mar 08

科学设计你的网站网页:来自Eye-Tracking研究的23节必修课 - 译言翻译

  • 5.花哨的字体和格式被忽视

  • 6.用数词来代替数字


    如果使用数词取代数字的罗列，读者会发现在你的网站可以很容易地发现真实的资料。要知道，你是写给那些将第一次浏览你的网站的读者，所以，让他们容易发现他们所需的信息，让他们感兴趣。

  • 6 more annotations...
29 Jan 08

什么样的图标更具有可用性 - UI设计讨论

  • 图标的可用性原则一：图标指向的映射关系应该尽可能的直接、简单。
  • 图标的可用性原则二：每个图标指向的映射关系应该是唯一的。
  • 3 more annotations...
26 Jan 08

Advancing Advanced Search - Boxes and Arrows: The design behind the design

  • use an intimidating name like ‘advanced search’ to scare off novice users from getting into the page and hurting themselves.
    • July 15, 1997.
      maybe too early       - on 2008-01-26
    Add Sticky Note
  • The people who do use Advanced Search are your most fanatical users, the professional librarians, spooks, and private investigators.”
  • 7 more annotations...
31 Oct 07

从“...”看中国的UI设计界的粗糙_子条『设计中的战斗机』

  • 这个省略号提醒人们：软件会显示一个对话框提示用户输入更多信息（暗示当前命令发生之前还有别的情况）。会立即执行的命令末尾没有“...”。
24 Oct 07

段正淳的css笔记(5) at Taobao.com UED Team

20 Oct 07

90 Percent of Everything » Blog Archive » Mouse-over menus done right

  • (i) the delay, and (ii) the hit area and (iii) the context of use.
  • The delay needs to be long enough to distinguish an intentional “hover”
  • 2 more annotations...

Fly-out Menu - Interaction Design Pattern Library - Welie.com

    • Issues with Fly-out Menus
      • difficult to select if you leave the area. Make it wider that it appears so that it doesn't disappear if you are moving the mouse just a couple of pixels outside of the menu'
      • Fly-out with submenus are not a good idea. Really hard to select (Fitts law)
      • You must make it clear that it is a menu, for example by adding a down-pointing triangle next to the label
      • Make sure they work without Javascript for accessibility reasons. Otherwise search engines cannot index your site and accessibility also suffers.
      • Use a delay before hiding the fly-out menu again, e.g. 250ms
      • Only use horizontal menus with vertical fly-out menus. The vertical area in which the mouse-pointer needs to be move is too small, i.e. typically 12-14px, and causes the menu to be hidden unwantedly
1 - 20 of 98 Next › Last »
Showing 20▼ items per page

Selected Tags

Related Tags

Sponsored Links

Ads by Google

Diigo is about better ways to research, share and collaborate on information. Learn more »

Join Diigo