高二机工社UI设计项目教程课件学习单元4项目1：Android系统手机界面设计

学习单元4——移动应用界面设计. UI设计项目教程 单元概述 基于Android系统可扩展性的特点，当今各大Android系统手机品牌都有自己的手机主题设计，同时也会在社会上征集具有创意的主题，给自己的品牌注入新鲜的血液，如魅族手机的以“为梦想设计”为主题的手机主题设计。本学习单元中的项目1设定了一个场景，带着读者从需求入手，基于用户的定位，确定手机主题风格，最终确定设计方案。项目2则主要介绍在iOS系统规范的基础上，进行该系统的APP移动界面设计与制作。通过Android系统手机界面和iOS系统手机APP界面的设计制作流程的学习，使读者熟悉移动应用界面设计的流程和设计规范，并对移动应用界面设计形成整体的概念。 学习目标 1．能够说出移动应用界面设计制作的流程 2．通过项目制作，掌握移动应用界面设计的规范 3．灵活使用Photoshop软件表现界面各元素的质感、纹理及细节 Android系统手机界面设计 项目1. ONE 项目描述 E-Design设计公司近期承接某品牌Android系统手机主题桌面设计项目。设计风格采用扁平化设计风格，注重于简约实用，界面的背景多以清新的渐变色为主。经过例会讨论，项目总监将任务分配给α小组由Hugo负责，助理设计师Lisa辅助Hugo完成该项目。经过讨论，将所需要设计的手机桌面确定为锁屏界面、时钟界面和日历界面3项功能界面。 一款手机主题首先是通过界面将整体风格和营造的氛围传递给用户。界面的视觉设计决定了用户对产品的感受、兴趣，甚至后面的使用情况。Lisa查看了用户需求文档，重点从界面风格需求、客户使用需求、产品定位需求3个方面进行分析，确定了界面的总体风格为扁平化简约风格，按照Android系统手机开发标准，尺寸定位Android系统手机的适配尺寸。 在色彩搭配上，手机产品本身在色彩的还原程度上有一定限制，在选用色彩时根据Android系统手机屏幕进行调节。同时，根据客户使用需求，确定主题颜色，整体搭配清新的色调。 UI设计项目教程 任务1：手机锁屏界面设计 UI设计项目教程 任务1：手机锁屏界面设计 最终效果 UI设计项目教程 必备知识 锁屏界面图标和字体规范 启动图标规范 HOME页或APP列表页图标可以是没有空白的区域的完整图标，也可以是包含空白区域的图标，它的整体大小为48×48dp，48dp代表了触摸的范围，通常把48dp作为可触摸的UI元件的标准。 字体大小规范 Android系统开发中的字号单位是sp，而换算关系是sp×ppi/160=px。所以在本任务720×1280像素尺寸的设计稿上，字体大小可选择24px、28px、32px、36px。主要根据文字的重要程度来选择字体大小，特殊情况下也可能选择更大或更小的字体。 UI设计项目教程 任务拓展 公司近期为参加华为下一届的全球手机主题设计大赛做准备。华为全球主题设计大赛，是由华为主办的一场面向全球设计师的设计美学盛会，截至2021年已成功举办5届，吸引了全球数万名优秀设计师参赛。2021华为全球主题设计大赛以“艺术·突破想象”为题，邀请全球设计师一起探索有关手机美学的未来。这不仅是一场国际设计赛事，更是围绕手机等全新智慧设计领域展开的一场全球美学对话。意在挖掘具有商业价值、美学价值、人文价值的杰出作品，为全球170多个国家和地区，6亿多华为终端用户提供极致视觉美感与交互体验，让消费者每时每刻都能感受到艺术与设计之美。 大赛具体设计内容 锁屏1个、图标30个、Widget 3个（天气Widget 1个，图库Widget 1个，音乐Widget 1个）、桌面墙纸1张。 UI设计项目教程 任务拓展 设计要求 锁屏 设计符合主题创意的锁屏样式和锁屏墙纸。华为“百变解锁”可以实现多种样式，锁屏界面上可以支持音乐播放、显示天气预报；并支持直接解锁到达相机、短信等应用，因此请自由发挥想象力和创造力。需考虑锁屏操作时会发生的变化，比如解锁的手势、解锁时引发的界面动画、充电时的提示等；建议配以文字说明。解锁界面墙纸尺寸规格为1080×1920像素。 图标 30个华为EMUI常用图标，包括：应用市场、设置、主题、相机、拨号、联系人、短信、浏览器、图库、音乐、视频、游戏中心、日历、时钟、电子邮件、文件管理、手机管家、手机服务、语音助手、华为商城、天气、计算器、备忘录、录音机、收音机、备份、系统软件更新、下载内容、应用安装、驾驶模式。2个通用图标，包括：文件夹、第三方图标底板，文件夹是放在桌面上的应用合集，需要设计一个文件夹底板。图标实际设计大 小请控制在172×172像素范围之内。 Widget　桌面widget包括默认的3个Widget组合，天气、图库、音乐。Wid