`

UI 设计原则

 
阅读更多

  Android的官方开发者博客发了一份幻灯片,介绍了一些Android UI设计的小贴士,Roger在这里以看图说话的形式发出来,有兴趣的读者就继续往下翻吧。整个PPT共分5个部分,Part I 翻译的是前两个部分。

        作为开发者,为啥我们要关心UI,前面的一堆通通可以忽略掉,直接跳到最后一条。因为好的UI设计可以帮助我们卖出更多拷贝,赚到更多钱。

        Don’t:
        1>不要照搬你在其它平台的UI设计,应该让用户感觉是在真正使用一个 Android 软件,在你的商标显示和平台整体观感之间做好平衡
        2>不要过度使用模态对话框
        3>不要使用固定的绝对定位的布局
        4>不要使用px单位,使用dp或者为文本使用sp
        5> 不要使用太小的字体

        Do:
        1> 为高分辨率的屏幕创建资源(缩小总比放大好)
        2> 需要点击的元素要够大
        3> 图标设计遵循 Android 的准则
        4> 使用适当的间距(margins, padding)
        5> 支持D-pad和trackball导航
        6> 正确管理活动(activity)堆栈
        7> 正确处理屏幕方向变化
        8> 使用主题/样式,尺寸和颜色资源来减少多余的值
        9>和视觉交互设计师合作!!!

        设计哲学:
        1> 干净而不过于简单
        2> 关注内容而非修饰
        3> 保存一致,让用户容易投入其中,可附加少许变化
        4> 使用云端服务(存储和同步用户资料)来加强用户体验

        优秀界面的设计准则:
        1> 关注用户
        2> 显示正确的内容
        3> 给予用户适当的回馈
        4> 有章可循的行为模式
        5> 容忍错误

        关注用户:
        1> 了解你的用户(年龄,技能,文化,对你的应用的需求,使用的设备,何时何地如何使用设备)
        2> ‘用户优先’的设计心态 (用户通常是任务导向的行为模式)
        3> 更早,更频繁的由真实用户来测试

        显示正确的内容:
        1> 最常用的操作需要最快被用户看到并且可用
        2> 不太常用的功能可以放到菜单里面

        给予用户适当的回馈:
        1> 交互式的UI元素最少需要反映出4种不同的状态 (default,disabled,focused,pressed)
        2> 保证操作的结果是清晰可见的
        3> 多给予用户进度提示,但是不要干扰他们当前的操作

        有章可循的行为模式:
        1> 行为模式遵循用户的期望(正确的操作活动堆栈,显示用户期望看到的信息和动作)
        2> 使用合适的方式来加强功能可见性(可点击的元素就应该看起来是可以点击的)
        3> 如果用户完成一项任务需要复杂的操作,重新思考你的设计!!!

        容忍错误:
        1> 只允许有意义的操作(适当禁用一些按钮)
        2> 尽量减少不可回退的操作
        3> 允许回退(undo)比使用确定对话框更好(实际上,应该尽量少用确定对话框,它对用户是一种干扰)

        如果错误是可能发生的,那它就一定会发生。

        设计考量:
        1>屏幕的物理尺寸
        2>屏幕密度
        3> 屏幕的方向(竖向和横向)
        4>主要的UI交互方式(触屏还是使用D-pad/trackball)
        5>软键盘还是物理键盘
        6>了解不同设备之间的相异之处是非常重要的!
        7>阅读CDD,学习设备可能差异的地方
        8>了解屏幕尺寸和密度分类

分享到:
评论

相关推荐

    android UI设计原则

    con Type Standard Asset Sizes in Pixels for Generalized Screen Densities Lowdensityscreen ldpi Mediumdensityscreen mdpi Highdensityscreen hdpi Launcher 36 x 36 px 48 x 48 px 72 x 72 px ...

    【毕业论文选题】ui设计生毕业论文题目.pdf

    10. **UI设计原则与评价**:基于设计原则和用户反馈,建立评价体系,以衡量和优化UI设计的效果。 UI设计生在选择毕业论文题目时,应结合个人兴趣和专业方向,深入探讨某一主题,提供新的洞见或解决方案,为UI设计...

    计步器圆形UI设计

    计步器圆形UI设计是一种流行且用户友好的界面呈现方式,尤其在健康和...它涉及到Android UI设计原则、颜色心理学、进度条动画效果以及源码的编译与兼容性处理等多个方面,对于提升开发者的设计和编程技能具有实际价值。

    苹果UI设计规范

    这份文档不仅涵盖了macOS系统的UI设计原则,还包括了iOS界面的设计准则,旨在帮助开发者和设计师创建出与苹果品牌形象一致且用户体验优秀的应用程序。 #### 二、设计理念 苹果的设计理念强调简洁、直观和一致性。...

    2020年国家开放大学电大专科《UI设计》网络课网考作业形考任务01-05试题及答案.pdf

    #### 三、UI设计原则的理解与应用 **1. 清晰度** 清晰度是UI设计中最基本也是最重要的原则之一。一个清晰的界面能够帮助用户快速理解并使用产品。例如,在Google Maps中,通过提供语音搜索功能,解决了用户在开车...

    Axure和ui设计

    "UI设计规范 木木珍藏"可能是包含UI设计原则、最佳实践或者模板资源的文档,这些资料可以帮助设计师理解并遵循行业标准,提升设计质量。通过学习和应用这些规范,设计师可以创建出既美观又实用的用户界面。 综上所...

    优秀设计师必须知道15条UI设计原则

    B哥将UI设计大师JoshuaPorter总结出来的优秀的UI设计原则,进行了重新整理,以图文解说的形式展示,便于boys和girls理解。 界面清晰是UI设计的第一步,要想让用户喜欢你设计的UI,首先必须让用户认可它、知道怎么样...

    仿网易云音乐的UI设计

    总的来说,仿制网易云音乐的UI设计不仅是对经典设计的致敬,更是对UI设计原则和技巧的深入学习。在这个过程中,我们需要理解并运用色彩理论、布局原则、图标设计、交互设计以及字体排版等知识,同时结合项目特点,...

    android ui源码:自己设计的一个精美布局

    本文将深入探讨如何自己设计一个精美的布局,基于Android UI设计原则和源码实现。我们将从以下几个方面来展开讨论: 1. **Android UI设计基础**: Android UI设计遵循Material Design规范,它提供了一套系统化的...

    ui设计生毕业论文题目.docx

    19. 儿童数字读物UI设计原则与作风探析 20. 从陌头篮球游戏剖析游戏UI设计 21. 浅谈交互设计流程中的视觉因素 22. 基于jQueryMobile技术的移动网站开发研讨 23. 纬编平面提花织物的盘算机仿真 24. 纪检监察信息治理...

    手机UI界面设计器 V1.0 绿色版

    【手机UI界面设计器 V1.0 绿色版】是一款专为手机用户界面设计打造的工具,旨在提供一个...在实际操作中,配合学习和理解UI设计原则,如色彩理论、人机交互、用户体验等,你将能创作出更具吸引力和用户友好的手机界面。

    3款简单大气的企业后台登录界面ui设计psd下载.zip

    总结来说,"3款简单大气的企业后台登录界面ui设计psd下载.zip"提供了一套多元化的登录界面设计方案,涵盖了基本的UI设计原则和常见的颜色主题,对于快速开发高效、吸引人的企业后台登录界面具有很高的参考价值。

    _UI设计在食品包装设计中的运用.pdf

    在具体的设计实践中,设计师还应该考虑到如何通过UI设计原则来提升食品包装的整体设计水平和品牌影响力。例如,主题性原则强调设计中必须有一个清晰的主题,这不仅有助于表现产品特性,而且能够突出品牌信息。UI设计...

    UI设计规范大全.zip

    本文整理汇总了最新的界面设计中常用的一些ui尺寸规范和方法大全以及ui设计语言和原则,如控件间距、适配、标注、切图等,设计师在设计时并不一定要严格遵守,但对这些规范应有所了解,并融会贯通。

    UI设计师试题(带答案)1

    【UI设计原则】 UI设计不仅关乎界面的美观,更重要的是理解用户,研究用户行为和期望,设计出符合用户习惯的交互逻辑。设计师需要深入理解用户群体,避免仅凭个人喜好进行设计。 【电子商务产品类型】 电子商务...

    UI界面设计规范分析.docx

    三、UI 设计原则与规范 UI 设计需要遵循一定的原则和规范,确保流程的准确有效执行。这些原则和规范包括: 1. 一致性:UI 设计需要遵循统一的标准,做到真正的一致。 2. 可用性:UI 设计需要提高产品的可用性和...

    webUI设计作业3

    这次作业可能旨在提升学生对WebUI设计原则、工具和技术的理解,并通过实践应用加深对这些概念的认识。 首先,我们需要理解WebUI设计的基础原则。这包括一致性(Consistency),确保用户在不同页面间有相似的体验;...

Global site tag (gtag.js) - Google Analytics