云览天下,一触即达——QQ 浏览器(android) 设计之路

2011-11-2 蓝蓝 移动设备ui及体验

阅读全文>>

标签: |QQ交互设计 手机界面设计概念 qq浏览器界面设计

评论(60) 浏览(1931)

iPad手机QQ浏览器产品风格调研

2011-11-1 蓝蓝 移动设备ui及体验

阅读全文>>

标签: ipad qqui设计

评论(14) 浏览(1787)

黑色软件界面欣赏之一

2011-10-31 蓝蓝 ui界面欣赏

阅读全文>>

标签: 黑色软件界面设计欣赏

评论(0) 浏览(3095)

三星鹏泰OpenTide: 三星Galaxy Family盖世系列智能手机

2011-10-30 蓝蓝 移动设备ui及体验

网址: http://support-cn.samsung.com/campaign/mobilephone/GalaxyFamily/index.html 三星电子宣布以“盖世群英”之名推出在MWC上隆重亮相的GALAXY Family系列智能手机。 GALAXY Family系列智能手机首次内置的三星“网圈”功能,是三星为手机用户专属...

阅读全文>>

评论(70) 浏览(2600)

漫谈互联网应用表单设计

2011-10-29 蓝蓝 交互设计及用户体验

表单可用性缘何重要?
 

The ISO 9241 standard defines website usability as the “effectiveness, efficiency and satisfaction with which specified users achieve specified goals in particular environments.” When using a website, users have a particular goal. If designed well, the website will meet that goal and align it with the goals of the organization behind the website. Standing between the user’s goal and the organization’s goals is very often a form, because, despite the advances in human-computer interaction, forms remain the predominant form of interaction for users on the Web. In fact, forms are often considered to be the last and most important stage of the journey to the completion of goals.

ISO 9241标准中对网站可用性的定义是:特定用户在特定环境下,能够快速、有效且满意地完成特定的目标。用户使用网站都是有目标的。 如果设计得好,网站不但会达到用户的目标,还会将其与自身公司的目标联系起来。介乎用户目标和公司目标之间的往往就是表单 ,因为,尽管人机交互发展迅速,表单仍然是用户与网站交互的主要方式。实际上,表单经常被认作是完成目标的最后也是最重要的一站。
 

Let’s clarify this last point by discussing the three main uses of forms. As Luke Wroblewski states in his book Web Form Design: Filling in the Blanks, every form exists for one of three main reasons: commerce, community or productivity. The following table translates each of these reasons into the user and business objectives that lie behind them:

让我们通过讨论表单的三个主要作用来阐述下最后这一点。就像Luke Wroblewski在他的《web表单设计:点石成金的艺术 》一书中说的一样,每个表单的存在必有如下三个原因之一:商务、社区或效率。下面的表单把这三个原因转化成了其背后的用户目标和公司目标:

点击查看原图

阅读全文>>

标签: 表格的设计 表格可用性 互联网应用表单设计

评论(267) 浏览(6861)

滚动条的各种设计方式和PSD图

2011-10-28 蓝蓝 设计资源

微型滚动 微型滚动使用jQuery库和设计,重量轻,动态网页设计师提供最大的灵活性,以提高设计的滚动。  我已经考察了滚动条的结构和它的真实,你将能够风格很容易。  它不来的顶部和底部的箭头。


    阅读全文>>

    标签: 滚动条的设计,滚动条psd

    评论(82) 浏览(4682)

    黑色软件界面欣赏之二

    2011-10-27 蓝蓝

    蓝蓝设计(   www.lanlanwork.com  )是一家专注而深入的设计机构 ,为期望卓越的国内外企业提供有效的   BS界面设计  、 cs界面设计  、 ipad界面设计  、   包装设计  、 &nb...

    阅读全文>>

    标签: 黑色软件界面设计欣赏

    评论(44) 浏览(2099)

    iPhone OS设备不同于台式机或笔记本电脑,平台间的差异

    2011-10-26 蓝蓝 移动设备ui及体验

     

    牢记平台间的差异

    iPhone OS设备不同于台式机或笔记本电脑,iPhone应用程序也与桌面应用程序不同。虽然这些似乎只是常识性陈述,但是您在为这些设备开发软件时意识到这些差异还是非常重要的。

    为iPhone OS设备开发软件需要的思维方式可能是也可能不是您所习惯的。尤其是在您的经验主要是开发桌面应用程序的情况下,您应该了解为移动平台设计软件和为台式机设计软件的差异。

    本小节总结了这些具体的差异。这些差异对于您的设计选择具有潜在的影响。有关如何处理这些差异以及iPhone应用程序开发过程中的其他问题的具体信息,请参考iPhone应用程序编程指南。

    紧凑的屏幕尺寸

    iPhone OS设备具有高分辨率的小型屏幕,适合用户放入口袋且具有强大的显示功能。然而这个对用户来说巨大的优势可能成为您的挑战。因为这意味着您必须设计一个可能与您的设计习惯差异较大的用户界面。

    iPhone OS设备屏幕的尺寸是480 x 320。考虑到这一点,用户界面应该主要关注必不可少的部分。您没有空间来放置那些非必要的设计元素。另外,拥挤的用户界面将降低程序的吸引力并会提高使用的难度。

    阅读全文>>

    标签: 手机设计图

    评论(32) 浏览(1906)

    iPad 人机介面规约:iPad 的核心特性

    2011-10-25 蓝蓝 移动设备ui及体验

     


    iPad 的操作系统是 iOS 3.2,iPad 软件用到的很多 UIKit 视觉元素和控件都和 iPhone 软件一样。因此,如果你有为 iPhone 开发软件的经验(并且熟悉iPhone 用户介面规约 ),对于开发 iPad 软件会很有帮助。

    iPad 在近似的底层架构上引入了一套新的用户体验系统,这套系统和 iPhone 的用户体验有很大区别。iPad 的屏幕更大,介面引人入胜且高度互动,这些特点令你能够写出另一级别的软件。

    在开发过程中,你应该认真花时间去吸收和感知 iPad 的用户体验,利用在这一过程中习得的知识设计出完全属于 iPad 的应用程序。

    iPad 的硬件特点

    iPad 的以下特点对您的软件的 UI 有很大影响:

    一、屏幕大。(分辨率:1024 x 768。)

    二、你无法预期用户手持 iPad 时的朝向(横版还是竖版,正着还是倒着)。

    三、可接外置键盘,并用其替代 iPad 自身的软键盘。

    四、可放在底座上用。

    为了更好地理解开发环境,也请注意 iPad 和 iPhone 的如下共同特点:

    一、内存有限。

    二、一次只能运行一个软件。

    三、各个软件的参数设置都可以统一放在 Settings 这个预装的应用程序里。

    四、用户可以改变设备的朝向。

    五、屏幕上的「帮助」内容不会很多,用语也比较简单。

    六、没有「鼠标点击」这个动作,只有手势动作。

    七、既能跑原生软件,也能跑线上软件,或是混合型软件。

    八、图像的比特深度有统一标准:24 比特(R、G、B 各 8 比特),外加一条 8 比特的 alpha 通道。基本上,我们推荐您用 PNG 格式。

    阅读全文>>

    标签: iPad用户体验,ipad人机界面指南

    评论(31) 浏览(2665)

    iphone ui 设计,几点基本的设计准则,创建优秀的用户界面

    2011-10-24 蓝蓝 移动设备ui及体验

    蓝注:这几点iphone的设计准则,应用在软件界面上也同样适合。

    优秀的用户界面应该遵循一些人机界面设计准则,这些准则来源于人—也即用户—思考和工作的方式,而不是设备的能力。没有吸引力的,令人难以理解的或是不合逻辑的用户界面会让一个原本优秀的程序成为垃圾,而漂亮,直观而又吸引人的用户界面不仅可以改善程序的功能,还能激发用户的正面依赖感。

     

     

    即使您已经对基本的设计准则有所了解,这一章也值得您读一下,因为本章着重讲述了这些准则是如何应用在iPhone应用程序中的。

    隐喻

    尽可能按照现实世界中的对象和操作来对您程序中的对象和操作建模。这能够帮助用户,尤其是新手,迅速地理解您的应用程序的是如何工作的。文件夹就是一个典型的软件隐喻。因为在现实世界中,人们将文件放在文件夹里,所以人们就能够迅速地理解在计算机上将数据放入文件夹的概念。

    iPhone OS中的隐喻包括iPod播放控件,点击控件来触发事件,滑动开关,以及调色板上的数据。

    虽然隐喻暗示了iPhone OS用户界面中对象和操作的含义,但是并没有限制其软件实现。回到文件夹的例子,软件实现的文件夹对象所具有的容量与现实世界中所对应的文件夹的物理容量毫无关系。

    在您设计程序时,需要注意iPhone OS中已存在的隐喻,避免重复定义。同时,检查您的程序功能是否有对应的可用的自然隐喻。记住,即使如此,相较于为了适应您的应用程序用户界面而勉强使用现实世界的对象或操作的隐喻而言,使用标准控件和操作更为妥善。除非您选择的隐喻能得到大部分用户的认可,包括那些会增加而不是减少用户困惑的隐喻。

    直观操作

    直观操作意为人们感到他们在物理上,而非抽象地控制某物。其优点在于,用户更容易理解他们的行为对于操作对象所产生的结果。

    得益于多点触摸的用户界面,iPhone OS用户享有高度直观的操控感。手势的使用让人们感到屏幕上显示的对象具有更大的亲和力和更强的操控感,因为他们并不需要用任何中间设备(如鼠标)就操控它们。

    为了提高您的iPhone应用程序的操控感,您应确保:

    • 当用户操作屏幕上的对象时,这些对象保持可见

    • 用户操作的结果是一目了然的

    阅读全文>>

    标签: iphone ui 设计

    评论(320) 浏览(5154)

    Powered by emlog 京ICP备12006971号-1 sitemap