设计手机桌面 教学课件

设计手机桌面GRAPHICDESIGN01内容概括

02情景导入03学习任务CONTENTES目录情景导入Scenariointroductio01同学们，大家好，这节课，我们来学习一下手机桌面的设计。习惯了自带的系统主题，你不会觉得生活中少了什么，但若换上了更符合心境和个性又兼具实用功能的主题，你一定会觉得手机使用起来更舒心。这就是手机主题设计师们一直的追求。下面就让我们来看看一套手机主题桌面是如何设计出来的吧！情景导入01.内容概括Scenariointroductio02z主题风格01.视觉效果良好的界面可以与用户进行更好的交互，在手机产品不断更新换代的过程中，手机界面设计需要更多的创意和创新。而手机主题设计也就有了多样的设计风格，那我们首先就要确定主题风格进行设计，目前呈现较多的有三种风格：扁平化：是一种极简主义的美术设计风格。该设计手法通过简单的图形、字体和颜色组合，达到直接、简洁的设计目的。如今从网页到手机应用都大量使用扁平化设计风格z主题风格01.拟物化：是对真实事物的模仿，其视觉美感无与伦比，给人一种带入感。它将实物的一些特性加入设计中，即使这些特性并不具有任何功能性需求，但是由于其特殊的3D质感，用户有时仍会产生想“按”的冲动。然而，拟物化设计方式有时也会降低用户体验。z主题风格01.卡通化：是混合卡通风格、漫画曲线、突发奇想并宣扬情趣生活的一种特殊设计手法。如融入简洁、可爱的卡通植物、动物、人物造型等，整体感觉可爱、圆润、柔和、易亲近z设计步骤02.第一步是手机壁纸的的设计。手机壁纸是手机屏幕使用的背景图片，你需要选用一种底色作为整个风格的主题色。并根据屏幕大小和分辨率作相应调整。根据手机尺寸主要分为单屏壁纸与划屏壁纸（滚屏壁纸）

这里我们是单屏壁纸，选择的一个绿色作为主题色。那么接下来就是根据这个主题色进行单色搭配，重复使用同样的颜色搭配或多种颜色搭配，采用相同范围内的饱和度与明度，因为壁纸作为背景，所以可以设置的简约一些，不用太复杂，主要用来衬托其他部件。

确认风格之后就是对手机主题桌面构成的逐一设计了，同学们是不是开始期待了呢！那么下面我们就通过一个扁平风格主题桌面来一下桌面是如何设计的吧！z设计步骤02.第二步就是手机锁屏的设计。在手机待机状态下，通常使用锁屏壁纸对手机进行保护，一方面防止手机被非正常操作，另一方面可节约电池电量。我们进入手机界面首先就是解锁手机锁屏。同学们是习惯水纹滑动解锁、图案解锁、指纹识别还是直接输入密码等方式解锁自己的手机呢？那么选择好就要根据主题风格和颜色进行设计了

这里还是选用主题色绿色偏暗的颜色设计一张叫简约的底图，将时间主要显示于屏幕，这里就要根据你的整个风格确认字体。然后就是解锁方式，这里设计的是一个水纹滑动解锁，将滑动路径设计到底图图案中，起到提示和美化的作用z设计步骤02.那么接下来就是应用图标的设计了。每个图标代表一个手机应用程序，用户可以通过点击应用图标进入应用程序。而设计主题图标的主要要点就是统一（风格、元素、色彩、形状、光源、质材的统一）和创意这里都是以扁平风格的设计为主，还是以主题色为主进行单色搭配运用于设计，统一圆角矩形背板形状和质感，增加图标的相似性。每个应用图标的功能都不同，所以为了增加图标之间的辨识率，还需要根据应用的特性和功能增加一些创意的表现z设计步骤02.接下来就是一些手机小部件的设计。小部件是与手机本身软硬件相结合的移动互联网小应用，主要有天气、时钟、音乐等常用小部件。这些小部件交互设计的模式通常来源于生活，如时钟的指针运动方式、天气中风雨雷电的视觉效果等这里根据屏幕大小将各个部件区分为多个大小不一的小方块将部件展现信息清晰的表现在屏幕中，各个方块采用饱和和亮度不一的绿色作为底板，根据部件信息添加对应的元素进行设计z设计步骤02.最后就是整个样式的排版过程了，以手机壁纸为背景，将应用图标和手机部件按照屏幕尺寸进行排列，一个系列的主题手机桌面大致就完成了！z桌面完善和测试02.同学们，不要觉得设计出一种大概的主题界面就完成哦！一般而言，手机主题构成要素主要包含上面几种，而手机功能也包含其他部件，如闹钟、日历、计算机等，而这些界面的设计都是根据主题风格和特性进行设计，具有一定的共同性。我们也可以多设计几套，经过对比后选择效果最好的。而

为了更好地观察设计效果，可以采用矢量设计软件来设计图标，以方便对图标进行放大与缩小。最后根据调整好的参数，执行主题并观察效果，然后对比例不协调、结构不统一的元素作适当调整和优化。所以设计一整套的手机壁纸还有很多需要学习、注意的地方！学习任务Scenariointroductio03通过本次课学习，我们了解了手机桌面的各个风格以