QQ在线客服
免费咨询热线
400-615-1233
工作时间-工作日
8:30-17:30
获得更多惊喜
2305

UI界面设计与制作案例教程

意见反馈 分享 阅读 0 
结合Photoshop讲解；配套教学视频、原始素材和最终效果文件
  • 类　　别：计算机系列
  • 书　　名：UI界面设计与制作案例教程
  • 主　　编：傅伟
  • 定　　价：48
  • 开　　本：16开
  • 印刷方式：双色
  • 页　　数：248
  • 时　　间：2022年8月
  • 出  版  社：北京希望电子出版社
  • 书　　号：978-7-83002-840-4

内容摘要

        本书以“案例精讲→知识讲解→经验之谈→上手实操”为主线，对UI设计的基础知识及其设计应用进行了全面介绍。全书共分6章，第1章主要讲述UI设计的基础知识；第2~6章按照UI设计的各应用场景进行介绍，分别讲述网页UI设计、移动UI设计、图标设计、软件界面设计、游戏界面设计等内容。
        本书结构合理，图文并茂，易教易学，适合作为UI设计与制作相关课程的教材，也可作为广大UI设计制作人员的参考用书。

目录

第1章 UI设计基础
　1.1 了解UI设计 
　　1.1.1 UI设计的概念 
　　1.1.2 UI设计的原理 
　　1.1.3 UI设计的流程 
　　1.1.4 UI设计的常用软件 
　1.2 UI色彩设计 
　　1.2.1 色彩是什么 
　　1.2.2 色彩三属性 
　　1.2.3 配色技巧 
　　1.2.4 色彩在UI设计中的运用
　1.3 UI设计的字体规范 
　　1.3.1 文字设计的要素 
　　1.3.2 常用的字体类型
　　1.3.3 界面的字体规范
　1.4 界面的常见构图类型 
　　1.4.1 井字形构图
　　1.4.2 放射形构图 
　　1.4.3 三角形构图 
　　1.4.4 折线形构图
　　1.4.5 直角形构图 
　1.5 界面布局的要素 
　　1.5.1 页面的留白 
　　1.5.2 页面的对齐方式 
　　1.5.3 界面的间距 
　　1.5.4 界面的层次
　1.6 设计思维与创新能力 
第2章 网页UI设计
　2.1 案例精讲：欧美音乐网站首页设计 
　　2.1.1 制作注册栏及导航栏 
　　2.1.2 制作Banner区域 
　　2.1.3 制作内容区域1 
　　2.1.4 制作内容区域2 
　　2.1.5 制作内容区域3 
　　2.1.6 制作内容区域4 
　　2.1.7 制作内容区域5 
　　2.1.8 制作页脚区域 
　2.2 网页UI设计的基本概念 
　2.3 网页UI设计的原则 
　　2.3.1 以用户为中心
　　2.3.2 视觉美观 
　　2.3.3 主题明确 
　　2.3.4 内容与形式统一 
　　2.3.5 有机的整体 
　2.4 网页UI版式设计的形式美 
　　2.4.1 主次关系
　　2.4.2 虚实对比
　　2.4.3 比例尺度 
　　2.4.4 对称与均衡 
　　2.4.5 对比与调和 
　　2.4.6 节奏与韵律
　　2.4.7 量感与空间尺度感 
　经验之谈 网页UI设计的特性 
　上手实操 化妆品网站首页界面的设计制作 
第3章 移动UI设计
　3.1 案例精讲：健康生活APP界面设计
　　3.1.1 制作闪屏页 
　　3.1.2 制作登录页面
　　3.1.3 制作首页 
　　3.1.4 制作个人中心页 
　　3.1.5 制作详情页
　3.2 iOS系统的设计原则 
　3.3 iOS界面尺寸与控件的设计规范 
　　3.3.1 界面尺寸 
　　3.3.2 控件规范 
　3.4 Android系统的设计原则 
　3.5 Android界面尺寸与控件的设计规范 
　　3.5.1 界面尺寸 
　　3.5.2 控件规范 
　3.6 常见的移动UI界面 
　　3.6.1 闪屏页 
　　3.6.2 引导页与浮层引导页 
　　3.6.3 空白页 
　　3.6.4 首页 
　　3.6.5 个人中心页
　　3.6.6 列表页 
　　3.6.7 播放页 
　　3.6.8 详情页 
　经验之谈 iOS系统与Android系统的对比 
　上手实操 领读APP界面的设计制作 
第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.4 图标的风格类型 
　　4.4.1 拟物化 
　　4.4.2 扁平化
　　4.4.3 MBE 
　　4.4.4 线条 
　　4.4.5 毛玻璃 
　经验之谈 图标设计的几大要素 
　上手实操 旋转形图标的设计制作
第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 软件界面设计的字体 
　　5.3.5 软件界面设计的图标 
　5.4 软件界面的常用类型 
　经验之谈 软件界面设计需要重点关注的三个要素 
　上手实操 影音播放器界面的设计制作 
第6章 游戏界面设计
　6.1 案例精讲：七巧板拼图游戏界面设计
　　6.1.1 启动界面 
　　6.1.2 主界面
　　6.1.3 游戏界面 
　6.2 游戏界面设计的基础知识
　　6.2.1 游戏界面设计的概念
　　6.2.2 游戏界面设计的流程 
　　6.2.3 游戏界面设计的原则 
　6.3 游戏界面设计的规范
　　6.3.1 游戏界面设计的尺寸及单位 
　　6.3.2 游戏界面设计的界面结构 
　　6.3.3 游戏界面设计的布局
　　6.3.4 游戏界面设计的字体 
　　6.3.5 游戏界面设计的图标 
　6.4 游戏界面的常用类型 
　经验之谈 使用网格系统科学规划游戏界面 
　上手实操 兔子家族养成游戏界面的设计制作

主编信息

傅伟，江苏财经职业技术学院副教授。

相关图书