[Android--UI]界面设计原则

     问题描述: Android程序功能的实现非常重要,而且要保证有好的性能。同时Android界面设计也很重要,如果没有美观的界面,吸引用户可能更难一些。Android官网也给出了关于界面设计的一些参考原则。
    . Launcher( 启动图标)
    1. 在背景下易见;
    2. 尺寸     Phone: 48*48 dp
              Google Play: 512*512 pixels
    3. 风格:任意轮廓。三维,正视图,稍微透视看起来像从顶部往下看(使用户有深度感)。
     . Action Bar(工具栏):工具栏图标为图片按钮
    1. 尺寸:  phone 下为 32*32dp
    2. 焦点区比例:  光学直角区可为 24*24dp
    3. 风格:  象形,平淡,不要太详细,光滑曲线或尖锐的形状。若图片偏窄,可转动 45 度角以填充焦点区,笔画宽度与空白宽度至少为 2dp
    4. 颜色:  #333333     激活: 60% 不透明          禁用: 30% 不透明
             #FFFFFF     激活: 80% 不透明          禁用: 30% 不透明
     . Small/Contextual Icons(小的上下文图标):用于为动作和状态提供特殊项目
    1. 尺寸:  16*16dp
    2. 焦点区域与比例:  全部为 16*16dp   光学直角区域为 12*12dp
    3. 风格:  中性,平淡,简单。填充的形状比简单的笔画易见。使用简单的视觉暗示以便用户能轻易读懂。
    4. 颜色:  使用少量的非中性颜色。激活时与背景形成对比。
     . Notification Icons(通知图标)
    1. 尺寸:  必须为 24*24dp
    2. 焦点区域与比例:  全部区域 24*24dp     光学直角区域 22*22dp
    3. 风格:  平实简单,与启动图标一样使用视觉暗示。
    4. 颜色:  全白,也可以使其根据系统变暗。
    
     专题二、设计原则:
    .  使用户着迷:
    1. 用惊艳吸引人:漂亮界面、动画、声音……
    2. 实际对象比按钮和菜单更有趣:使用户能直接触摸和控制 App 中的对象
    3. 使成为自己的:既有默认的,又可以进行自定义设置
    4. 了解学习用户所需:学习用户爱好与习惯,而不是要求用户单调的做
    .  让生活简单化:
    1. 保持简洁:用短语
    2. 图片比文字更快:用图片解释想法
    3. 替用户做决定,但最终决定权在于用户:不是一开始就问,先猜测,允许撤销
    4. 只显示用户正需要的:将任务和信息分块,隐藏不是必须的选项
    5. 用户一直要知道自己在哪:在屏幕间用切换显示关系,提供任务反馈
    6. 从不丢失:保存用户花时间创建的,并让他们可以从任何地方接入,记住设置、个人触摸和创建
    7. 看起来一样,功能也一样:外观、模式差不多的操作都要相近
    8. 重要的时候才打扰用户:一个好的个人助手,会避免掉不重要的事情,使用户能集中精力
     . 让用户兴奋起来:
    1. 给用户所有地方都能使用的技巧:使应用程序简单易学
    2. 不是我的错:绅士的让用户做修正,如果出错,给出恢复指导但省略科技细节
    3. 给出鼓励(回馈):将复杂任务切成易于完成的小步骤,在用户动作后给出回馈,例如一个光晕
    4. 为用户完成繁重的事务:使新手做他们认为自己不会做的事情,而且做得像专家一样。例如多种照相功能的快捷键使业余爱好者通过简单几步就能完成
    5. 让重要的事情更快:将 App 中最重要的部分更容易找到,更快使用,像照相机的快捷键、音乐播放器的暂停键等。
     专题三、书写风格:
     . 使用户着迷:
    1. 保持简洁:简明、简单、精确
    2. 保持简单:使用简短单词、动词和名词
    3. 友好:用第二人称你称呼用户,使用户感觉安全、快乐和激情
    4. 重要的事放在前
    5. 避免重复
    框图流程表示:

    专题五、Settings是否需要设置及如何设置:

    框图流程表示:

 



  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
作为一名AI助手,我无法为您提供完整的UI设计项目,但是我可以为您提供一些有用的信息和建议。 在Android Studio中进行UI设计时,您可以使用以下工具和功能来创建漂亮和富有吸引力的界面: 1. 布局编辑器:Android Studio的布局编辑器是一个强大的工具,可以帮助您创建复杂的布局和界面。您可以使用拖放功能来添加和调整视图,也可以手动编辑XML代码。 2. 调色板:Android Studio的调色板包含了大量的颜色和样式,您可以直接应用到您的UI设计中。 3. 设计预览:Android Studio提供了实时预览功能,您可以轻松地查看您的设计在不同设备尺寸上的外观。 4. 动画编辑器:Android Studio的动画编辑器可以帮助您创建各种各样的动画效果,包括过渡动画、属性动画等。 5. 设计模板:Android Studio提供了多种模板,可以帮助您快速创建常见的UI元素和布局。 在设计UI界面时,还有一些常见的设计原则和最佳实践可以帮助您创建出更好的界面: 1. 简洁明了:尽量避免使用过多的颜色和视觉元素,让用户能够快速理解界面的功能和操作方式。 2. 一致性:保持界面元素的一致性,包括颜色、字体、布局等方面。 3. 易用性:考虑用户的使用场景和操作习惯,尽量设计出易于使用的界面。 4. 可访问性:确保您的UI设计可以被所有用户轻松访问,包括残障人士。 5. 响应式设计:设计出可以适应不同设备尺寸和屏幕方向的界面。 希望以上信息对您有所帮助,祝您的UI设计项目取得圆满成功!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

技塑未来-苏导

你的鼓励是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值