`
wenqxin
  • 浏览: 14256 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

移动应用UI设计规范

    博客分类:
  • ios
阅读更多

今天回头看看设计文档,回头复习一下,然后对比自己的App,发现有好些条在开发阶段都贯彻得不彻底。

iphone 三种设计方案:

  • 效率型:社交、银行、企业应用
  • 应用型:天气预报,地图、打车
  • 侵入型:音频、视频等


设计观念

  • 关注:移动应用的本质就是帮助用户以最高的效率完成特定的应用,少即是多。不要用多多益善的观念来打造移动应用。
  • 独特:与同类产品需要有独特之处。

使用环境:

  • 无聊
  • 忙碌
  • 异地


通用的设计规范:

  •  响应性: 如果用户执行了操作,应用必须立刻作出相应的反馈
  •  细节
  •  拇指
  • 点击目标
  • 内容:直接操控是触屏设备交互模式的根基
  • 控制元素的布局:具有控制功能的元素一般放到页面下方。

导航:

  • 没有导航
  • TabBar 导航
  • 列表导航

输入:

  • 确保针对不同的内容类型使用对应的键盘,提升用户输入的效率
  • 可以为你的应用预先好自动纠错这方面的设置

手势:

  • 无形,需要做合理的引导。
  • 多点触控
  • 锦上添花,即使用户不摘掉

交流:

  • 提供反馈:为用户的每一个交互行为提供即刻的反馈,否则用户会疑虑程序是否发生了什么问题,或是错误的认为自己并没有完成自己想要进行的操作行为
  • 模态对话:主要是alert,非常不友好,尽量少用
  • 确认:当你希望用户对是否要执行某种操作进行确认时,动作表单(Action Sheet)会更加合理一些。相比于警告框,动作表单更像是在上下文当中对用户行为的响应,而不是唐突出现不明状况的东西。

第一印象:

  1. 应用图标
  2. 首次启动


屏幕定向

  • 目前来看默认的也是最主流的屏幕定向方式仍是竖屏。
  • 正如前面提到的,如果你的应用需要用户输入很多文字,那么最好考虑支持横屏视图模式,让人们能使用更宽一些的键盘。
  • 对于内容阅读类的应用,也可以考虑在应用内增加独立的锁屏设置。

 

分享到:
评论

相关推荐

    2024年河北省职业院校移动应用与开发(中职组)样题及赛项规程

    参赛选手依据给定的功能描述,使用Photoshop图像工具软件处理和设计图片,使用Adobe XD进行高保真原型设计,需符合移动应用UI设计规范,同时实现原型界面之间交互的功能。 2.模块B:移动应用前端开发 参赛选手按照...

    GZ100 移动应用设计与开发赛项赛题.rar

    1. 移动应用设计:理解用户需求,进行原型设计,符合移动应用 UI 设计规范. 2. 移动应用开发:掌握Android、iOS或其他移动平台的开发技术,能进行原生App开发. 3. 跨平台开发:理解并能使用React Native、Flutter等...

    苹果UI设计规范

    ### 苹果UI设计规范详解 #### 一、概述 苹果UI设计规范是苹果公司针对其产品和服务制定的一套详细的设计指南。这份文档不仅涵盖了macOS系统的UI设计原则,还包括了iOS界面的设计准则,旨在帮助开发者和设计师创建...

    移动端UI设计规范

    移动端UI设计规范是移动应用开发中的重要组成部分,它关乎到用户体验和产品的易用性。这份详尽的规范涵盖了多个关键领域,旨在为设计师提供一套完整的指导原则,以创建出高效、美观且一致的用户界面。 首先,我们来...

    术与道 移动应用UI设计必修课

    关于移动端设计,全面分析了移动端的设计规范,为移动端设计提供了书面形式的指南

    APP UI设计规范

    本篇文章将详细介绍iOS和Android平台上的APP UI设计规范,帮助设计师们更好地遵循平台规则,制作出美观且实用的应用界面。 #### 二、iOS UI设计规范 ##### 2.1 界面尺寸 iOS设备种类繁多,包括不同尺寸的iPhone和...

    移动UI界面设计(微课版)源文件

    移动UI界面设计是现代数字产品开发中的核心环节,特别是在...通过这个源文件的学习,你可以逐步提升自己的UI设计技能,创造出符合用户需求的、美观易用的移动应用界面。记得不断练习和迭代,设计出更出色的作品。

    UI基本设计规范

    一套完善的UI设计规范会涵盖色彩、字体、图标、按钮等基础组件的设计标准,还包括间距、尺寸、状态变化等规则。例如,"《UI培训》.pptx"可能会系统地讲解如何建立设计系统,提供设计规范的构建步骤和案例分析。通过...

    传统网页UI设计在移动应用开发中的应用研究.pdf

    ### 传统网页UI设计在移动应用开发中的应用研究 #### 摘要 随着移动应用技术的迅猛发展,用户对移动应用的界面设计和用户体验有了更高的期待。这促使开发者们开始探索如何有效地将传统网页UI设计的优势移植到移动...

    手机APP-UI设计规范

    ### 手机APP-UI设计规范 #### 一、引言 随着移动互联网的发展,手机APP已成为人们日常生活中不可或缺的一部分。优秀的UI设计不仅能提升用户体验,还能增强应用的吸引力。因此,掌握一套完整的UI设计规范至关重要。...

    UI设计规范说明书

    UI 设计规范说明书 UI 设计规范说明书旨在统一图形界面规范,为开发人员提供统一的标准,为用户提供统一显示效果、统一操作方式的界面,便于用户识别与使用。本文档对整个系统界面设计风格进行描述,和用户交互的...

    谷歌眼镜UI设计规范

    综上所述,谷歌眼镜UI设计规范强调了用户体验的核心地位,并为开发者提供了一系列具体的指导和建议,帮助他们创造出既符合谷歌眼镜独特的交互方式,又能提供高品质体验的应用。通过对设计原则、用户界面、设计模式、...

    网易UEDC设计规范

    8. **云阅读设计规范**:对于阅读类应用,设计规范会强调文字的可读性、背景色对视力的影响、页面布局和导航结构,以优化用户的阅读体验。 这些规范不仅限于设计团队内部使用,也可以供开发人员理解和遵循,以实现...

    UI设计学习课程规范

    - **知识点**: 网页元素设计、不同风格的商业类网站设计、banner设计、按钮设计、loading动画设计、Web端网页UI设计规范 - **详细说明**: 学员将学习网页设计中重要的元素设计,包括不同风格的商业网站设计、banner...

    ui设计毕业设计论文题目.pdf

    15. 回合制手游UI设计规范:针对游戏类型制定合适的UI设计规则,保证游戏的流畅性和乐趣。 以上只是一部分UI设计的研究方向,实际中,UI设计师需要综合运用色彩心理学、形态语义学、人因工程学等多学科知识,结合...

    UI设计尺寸规范方案最新最全UI设计规范方案标准.doc

    此文档提供的是最新的、最全面的UI设计规范,特别关注iOS和Android两大主流操作系统。以下是对这些规范的详细解读: 1. **iOS UI设计规范**: - **设备尺寸和分辨率**:例如,iPhone 6P/6SP/7P具有1242×2208 px的...

    cams最新UI设计规范

    ### 一、cams最新UI设计规范概览 #### 标题解读: - **cams最新UI设计规范**:这是一套专门针对cams系统的用户界面(UI)设计标准。cams系统可能是特定于某个业务场景或行业的软件系统。 #### 描述解析: - **最全...

    Android应用源码云信理财项目UI设计

    2. **Material Design**:云信理财项目的UI设计可能遵循了Google的Material Design设计规范。Material Design提供了统一的视觉语言,包括色彩、图标、动画和交互,为用户提供一致的用户体验。它强调层次感、动态反馈...

Global site tag (gtag.js) - Google Analytics