移动终端UI设计

文章正文
发布时间:2024-09-13 09:20

        全书共分9个模块,内容包括移动终端UI设计概述、UI图标设计、滑块设计、按钮设计、表单控件设计、APP导航设计、移动端界面设计、APP综合设计实例、切图与标注。

        本书可作为移动终端UI设计课程的教材,也可供相关人员参考,还可作为相关培训机构的参考书。

目录

模块1  移动终端UI设计概述

  1.1 什么是UI设计

    1.1.1  UI设计的概念

    1.1.2  UI设计的分类

    1.1.3  UI设计师技能要求

  1.2 什么是移动终端

    1.2.1  移动终端的概念

    1.2.2  智能手机

    1.2.3  PDA智能终端

    1.2.4  平板电脑

    1.2.5  车载智能终端

    1.2.6  可穿戴设备

  1.3 什么是APP设计

    1.3.1  APP设计的概念

    1.3.2  APP的分类

    1.3.3  APP界面的构成元素

    1.3.4  APP的设计流程

  1.4 移动设备屏幕

    1.4.1  英寸

    1.4.2  像素

    1.4.3  分辨率

    1.4.4  网点密度与像素密度

    1.4.5  视网膜屏幕

  1.5 智能手机操作系统规范

    1.5.1  iOS系统

    1.5.2  Android系统

  课后提升

模块2  UI图标设计

  2.1 图标设计知识准备

    2.1.1  APP图标的特点

    2.1.2  APP图标设计流程

    2.1.3  APP图标设计方法

    2.1.4  iOS图标规范

    2.1.5  Android图标规范

  2.2 线性图标

    2.2.1  认识线性图标

    2.2.2  线性图标的制作方法

    2.2.3  制作线性图标

  2.3 剪影类图标

    2.3.1  认识剪影类图标

    2.3.2  剪影类图标绘制标准

    2.3.3  制作剪影类图标

  2.4 扁平化与长阴影类图标

    2.4.1  认知扁平化与长阴影

    2.4.2  扁平化风格设计分析

    2.4.3  制作扁平化与长阴影类图标

  2.5 拟物化图标

    2.5.1  认知拟物化图标

    2.5.2  拟物化图标的构建流程

    2.5.3  制作拟物化图标

  课后提升

模块3  滑块设计

  3.1 滑块设计基础知识

    3.1.1  滑块的构成要素

    3.1.2  滑块的类型

    3.1.3  滑块的设计策略

  3.2 音量调节滑块设计

    3.2.1  音量调节滑块设计要求

    3.2.2  音量调节滑块设计思路剖析

    3.2.3  音量调节滑块设计实现步骤

  3.3 极简风格滑块设计

    3.3.1  极简风格滑块设计要求

    3.3.2  极简风格滑块设计思路剖析

    3.3.3  极简风格滑块设计实现步骤

  课后提升

模块4  按钮设计

  4.1 按钮设计基础知识

    4.1.1  按钮的不同状态

    4.1.2  按钮设计技巧

  4.2 色块按钮设计

    4.2.1  色块按钮设计要求

    4.2.2  色块按钮设计思路剖析

    4.2.3  色块按钮设计实现步骤

  4.3 渐变质感按钮设计

    4.3.1  渐变质感按钮设计要求

    4.3.2  渐变质感按钮设计思路剖析

    4.3.3  渐变质感按钮设计实现步骤

  4.4 水晶按钮设计

    4.4.1  水晶按钮设计要求

    4.4.2  水晶按钮设计思路剖析

    4.4.3  水晶按钮设计实现步骤

  课后提升

模块5  表单控件设计

  5.1 表单控件设计的基础知识

    5.1.1  认识表单控件

    5.1.2  表单控件设计原则

    5.1.3  表单控件设计方法

  5.2 下拉列表框设计

    5.2.1  下拉列表框设计要求

    5.2.2  下拉列表框设计思路剖析

    5.2.3  下拉列表框设计实现步骤

  5.3 搜索框设计

    5.3.1  搜索框设计要求

    5.3.2  搜索框设计思路剖析

    5.3.3  渐变样式搜索框实现步骤

    5.3.4  图标式搜索框实现步骤

  课后提升

模块6  APP导航设计

  6.1 APP导航模式

  6.2 标签式导航设计

    6.2.1  标签式导航设计要求

    6.2.2  标签式导航设计思路剖析

    6.2.3  彩色标签式导航设计实现步骤

  6.3 宫格式导航设计

    6.3.1  宫格式导航设计要求

    6.3.2  宫格式导航设计思路剖析

    6.3.3  宫格式导航设计实现步骤

  6.4 陈列式导航设计

    6.4.1  陈列式导航设计要求

    6.4.2  陈列式导航设计思路剖析

    6.4.3  微信界面列表式导航设计实现步骤

  课后提升

模块7  移动端界面设计

  7.1 常见的移动端界面

    7.1.1  常见移动端界面类型

    7.1.2  UI界面设计风格

  7.2 打造一款炫酷风格的界面

    7.2.1  绘制基础图形

    7.2.2  制作炫色

    7.2.3  添加文字和图标

    7.2.4  处理细节

  7.3 制作一款渐变风格的界面

    7.3.1  规范布局

    7.3.2  制作渐变插画

    7.3.3  制作天气信息

    7.3.4  制作状态栏

  课后提升

模块8  APP综合设计实例

  8.1 美食APP设计

    8.1.1  整体设计规划

    8.1.2  确定配色方案

    8.1.3  定义元素风格

    8.1.4  制作流程

  8.2 流量银行APP设计

    8.2.1  整体设计规划

    8.2.2  确定配色方案

    8.2.3  定义元素风格

    8.2.4  制作流程

  课后提升

模块9  切图与标注

  9.1 切图工具和标注工具

    9.1.1  Cutterman切图工具

    9.1.2  Assistor PS切图标记软件

    9.1.3  PxCook工具

  9.2 切图

    9.2.1  APP切图命名规范

    9.2.2  切图注意事项

    9.2.3  通用切图法

    9.2.4  Android点九切图法

  9.3 标注

    9.3.1  了解标注

    9.3.2  编辑制作标注

  9.4 为一款APP首页页面切图

    9.4.1  切图分析

    9.4.2  切图实战

  课后提升

主编信息

迟晓曼,吉林交通职业技术学院副教授。