【APP UI 设计模式】(一)APP UI 设计原则和流程

简介: 一、基本原则         1、用户体验原则UCD,以用户为中心去设计         2、设计模式是可重用的设计规范实现         3、反模式是糟糕设计的典型,极力避免使用         4、试验模式——超越既有理念和移动现状的设计,有望成为下一个主流UI设计模式。


一、基本原则

        1、用户体验原则UCD,以用户为中心去设计

        2、设计模式是可重用的设计规范实现

        3、反模式是糟糕设计的典型,极力避免使用

        4、试验模式——超越既有理念和移动现状的设计,有望成为下一个主流UI设计模式。


二、主要内容

        1、APP UI 设计模式描述的对象是智能手机、平板、智能设备等设备上运行的应用程序。

        2、设备多样性——>设计多样性

        3、设备类型定义:

               a,紧凑型手机

               b,全尺寸移动手机

               c,平板手机

               d,小型平板

               e,大型平板

        4、原型设计方法必须考虑尺寸、交互、运动、声音、多点触控、跨界等因素


三、设计流程

        1、划定范围、确定概念、做好规划

        2、举行小范围的设计研讨会

        3、使用便利贴进行“快速迭代测试和评估”RITE

        4、进行视觉设计PS


四、参考资料

        1、http://www.androiddesignpatterns.com/ 点击打开链接

        2、下载PDF书籍Android应用UI设计模式


相关文章
|
3月前
|
编解码 iOS开发 开发者
App上架Apple App Store和Google Play流程
App上架Apple App Store和Google Play流程
105 2
|
6月前
|
API 数据安全/隐私保护 iOS开发
利用uni-app 开发的iOS app 发布到App Store全流程
利用uni-app 开发的iOS app 发布到App Store全流程
227 3
|
6月前
|
iOS开发 开发者
苹果iOS App Store上架操作流程详解:从开发者账号到应用发布
很多开发者在开发完iOS APP、进行内测后,下一步就面临上架App Store,不过也有很多同学对APP上架App Store的流程不太了解,下面我们来说一下iOS APP上架App Store的具体流程,如有未涉及到的部分,大家可以及时咨询,共同探讨。
|
6月前
APP启动流程
APP启动流程
70 0
|
6月前
|
安全 数据安全/隐私保护 iOS开发
iOS App 上架流程图文教学
在上架App 之前必须先准备好开发者帐号,但申请开发者帐号因法兰克早在之前已经申请好了,故就跳过此步骤,直接从产生凭证到上传App开始讲起。首先,要将自己辛苦写好的App 送审的话,则要依序做完下列几件事情即可。
|
12天前
|
Java 测试技术 持续交付
【入门思路】基于Python+Unittest+Appium+Excel+BeautifulReport的App/移动端UI自动化测试框架搭建思路
本文重点讲解如何搭建App自动化测试框架的思路,而非完整源码。主要内容包括实现目的、框架设计、环境依赖和框架的主要组成部分。适用于初学者,旨在帮助其快速掌握App自动化测试的基本技能。文中详细介绍了从需求分析到技术栈选择,再到具体模块的封装与实现,包括登录、截图、日志、测试报告和邮件服务等。同时提供了运行效果的展示,便于理解和实践。
48 4
【入门思路】基于Python+Unittest+Appium+Excel+BeautifulReport的App/移动端UI自动化测试框架搭建思路
|
18天前
|
监控 安全 开发者
山东布谷科技:关于直播源码|语音源码|一对一直播源码提交App Store的流程及重构经验
分享提交直播源码,一对一直播源码,语音源码到Appstore的重构经验!
|
1月前
|
安全 开发者 UED
APP上架到应用商店需要哪些流程?
APP上架是一个涉及多个步骤和准备工作的过程,主要包括准备上架资料和遵循上架流程两个方面。
87 1
|
1月前
|
Ubuntu API Python
Chat-TTS chat-tts-ui 实机部署上手测试!Ubuntu服务器实机 2070Super*2 8GB部署全流程
Chat-TTS chat-tts-ui 实机部署上手测试!Ubuntu服务器实机 2070Super*2 8GB部署全流程
65 1
|
1月前
|
存储 前端开发 UED
uni-app:icon&修改tabber&unu-ui (四)
本文介绍了如何从阿里巴巴下载矢量图标并使用 `iconfont`,包括创建项目、下载文件、引入 `font.css` 到项目中以及在 `app.vue` 中引用的方法。同时,还详细说明了如何修改 `tabbar` 的样式和配置,以及如何在项目中导入和使用 `uni-ui` 组件库,包括简单的弹出框 `popup` 和带有头部或尾部图标的输入框 `input`。