首页 > 大众 > 艺术 > 设计

App+软件+游戏+网站界面设计教程

作译者：李晓斌

出版时间：2020-08 千字数：467 版次：01-01 页数：292

开本：16开装帧： I S B N ：9787121392382

换版：

纸质书定价：￥89.8

库存:无

分享到：

共有图书评论0条【查看评论摘要】

看了又看

{{data.bookName}}

￥{{data.price}}

内容简介

前言

上架建议

作者简介

编辑推荐

音视频专区

1.1 了解UI界面设计 ·····························1 
1.1.1 什么是UI 界面设计 ····························.1 
1.1.2 UI 界面设计的发展历史 ·······················.1 
1.1.3 UI 界面设计的分类 ·····························.4 
1.2 UI界面设计中的图像 ·······················6 
1.2.1 常见的图像格式 ·································.6 
1.2.2 常见的图像类型 ·································.7 
1.3 UI界面设计中的文字 ·······················8 
1.3.1 简化文字内容 ····································.8 
1.3.2 字体设计合理 ····································.8 
1.3.3 安排文字层次 ····································.9 
1.3.4 信息表达准确 ····································.9 
1.3.5 文字画面美感设计 ······························.9 
1.4 UI界面设计中的黄金法则 ··············10 
1.4.1 保持界面的一致性 ·····························.10 
1.4.2 在界面中设置快捷方式 ·······················.10 
1.4.3 为用户提供信息反馈 ··························.11 
1.4.4 提供简单的错误处理 ··························.11 
1.5 UI界面设计的色彩搭配 ················.11 
1.5.1 色彩基础 ·········································.11 
1.5.2 色彩搭配原则 ···································.15 
1.5.3 色彩搭配方案 ···································.18 
1.6 UI界面设计中的布局 ····················20 
1.6.1 构图的基本概念 ································.20 
1.6.2 构图的法则 ······································.20 
1.7 UI界面设计的工作流程 ·················21 
1.7.1 市场调研/ 需求分析 ···························.21 
1.7.2 设计分析/ 线框图绘制 ························.22 
1.7.3 界面制作/ 调研验证 ···························.22 
1.7.4 测试产品/ 改进方案 ·························.23 
1.7.5 投入市场/ 用户反馈 ···························.23 
1.8 常见的UI界面设计软件 ·················23 
1.8.1 Axure RP ·········································.23 
1.8.2 Sketch ·············································.24 
1.8.3 Photoshop ········································.26 
1.8.4 Illustrator ·········································.27 
1.9 本章小结 ···································28 
2.1 UI界面设计元素的分类 ··················29 
2.2 UI界面中的启动界面 ·····················33 
2.2.1 启动界面的概念 ································.33 
2.2.2 启动界面的作用 ································.33 
2.2.3 启动界面的设计技巧 ··························.34 
2.3 UI界面中的装饰线条 ·····················34 
2.3.1 点与线的关系 ···································.35 
2.3.2 线条风格的变化 ································.35 
2.3.3 装饰线条的作用 ································.38 
2.4 UI界面中的按钮和图标 ··················38 
2.4.1 按钮设计的概况 ································.38 
实战练习01——制作扁平化按钮 ··················.39 
2.4.2 UI 界面中的图标 ·······························.44 
2.4.3 图标的设计原则 ································.45 
2.4.4 图标的常用格式 ································.47 
2.4.5 拟物化风格图标 ································.48 
实战练习02——设计制作逼真的话筒图标 ······.49 
2.4.6 扁平化风格图标 ································.56 
实战练习03——设计制作扁平化图标 ············.58 
2.5 UI界面中的开关和进度条 ···············64 
2.5.1 软件开关 ·········································.65 
2.5.2 进度条设计 ······································.65 
实战练习04——设计制作进度条 ··················.65 
2.6 UI界面中的菜单和工具栏设计 ·········71 
2.6.1 菜单的重要性 ···································.71 
2.6.2 菜单的设计重点 ································.71 
实战练习05——制作UI 界面导航和索引菜单 ··.72 
2.6.3 工具栏的作用 ···································.76 
2.7 本章小结 ····································76 
第3章　软件UI界面设计
3.1 软件界面设计基础 ························77 
3.1.1 软件界面的概念 ································.77 
3.1.2 软件界面的分类 ································.77 
3.1.3 与移动端的差异性 ·····························.79 
3.1.4 软件包装及市场化 ·····························.81 
3.2 PC端应用软件设计规范 ·················81 
3.2.1 颜色规范 ·········································.81 
3.2.2 文字规范 ·········································.82 
3.2.3 控件规范 ·········································.83 
3.2.4 尺寸规范 ·········································.86 
3.3 软件安装与启动界面设计 ················87 
3.3.1 软件启动界面设计 ·····························.87 
3.3.2 软件安装界面流程 ·····························.88 
3.3.3 安装界面的细节设计 ··························.89 
3.4 软件面板设计 ·······························91 
3.4.1 软件面板布局 ···································.91
 
实战练习01——制作在线聊天软件 
的界面框架 ························.92 
3.4.2 软件面板布局的合理性 ························.96 
实战练习02——制作软件界面的标题栏、头像 
与图标 ······························.97 
3.4.3 软件面板的设计原则 ·························.104 
实战练习03——制作聊天软件界面 
的联系人列表 ···················.106 
3.5 软件皮肤设计 ····························.110 
3.6 播放器软件界面设计 ···················.112 
3.6.1 播放器界面设计原则 ···························113 
实战练习04——制作图片播放器的背景和名称 ···115 
3.6.2 界面的人性化设计 ······························119 
实战练习05——制作图片播放器的主体 ·······.120 
3.7 本章小结 ··································.126 
4.1 游戏UI界面设计基础 ··················.127 
4.1.1 关于游戏UI 界面设计 ······················.127 
4.1.2 游戏UI 界面中的设计理念 ················.128 
4.1.3 与其他UI 界面设计的区别 ················.129 
4.1.4 认知心理学的作用 ···························.130 
4.2 游戏UI界面设计中的视听元素 ······.130 
4.2.1 图形元素设计 ·································.131 
实战练习01——制作游戏界面的背景 
和图形元素 ·······················.133 
4.2.2 动态元素设计 ·································.137 
实战练习02——制作游戏界面的标签栏 ·······.140 
4.2.3 视听元素设计 ·································.146 
实战练习03——制作游戏界面的导航栏和装饰 
元素 ································.147 
4.3 游戏UI界面设计的要求 ···············.154 
4.3.1 游戏UI 界面设计的准备工作 ··············.154 
实战练习04——制作游戏的帮助界面 ··········.156 
4.3.2 游戏UI 界面的设计原则 ····················.164 
4.3.3 游戏UI 界面的设计要点 ····················.165 
4.4 游戏UI界面的类型 ·····················.168 
4.4.1 PC 端游戏UI 界面设计 ·····················.168 
4.4.2 移动端游戏UI 界面设计 ····················.169 
4.5 本章小结 ·································.176 
第5章　网页UI界面设计
5.1 网页的类型 ······························.177 
5.1.1 环境型界面 ····································.177 
5.1.2 情感型界面 ····································.177 
5.1.3 功能型界面 ····································.178 
5.2 网页设计原则 ···························.180 
5.2.1 界面美观 ·······································.180 
实战练习01——制作时尚简洁的网站背景 ····.181 
5.2.2 优秀的用户体验 ······························.185 
5.2.3 中心明确 ·······································.186 
5.2.4 整体性与一致性 ······························.186 
实战练习02——制作时尚简洁的网站主体与 
版底 ·······························.186 
5.2.5 及时更新与定期维护 ·······················.192 
5.3 网页界面构成元素 ·····················.192 
5.3.1 文本 ·············································.193 
5.3.2 图像 ·············································.193 
实战练习03——制作宽屏网页的顶部与底部 ·.193 
5.3.3 多媒体 ···········································.197 
5.3.4 配色 ··············································.198 
5.4 网页版式与布局 ························.198 
5.4.1 布局方式 ········································.198 
5.4.2 网页选图 ········································.201 
实战练习04——制作宽屏网页的主体 ··········.203 
5.4.3 网页构图 ········································.204 
5.5 网页切图规范 ···························.205 
实战练习05——制作时尚简洁地电子商务 
网站切图 ·························.206 
5.6 网页UI界面适配 ························.209 
5.6.1 适配的方式方法 ·······························.209 
5.6.2 适配需要注意的点 ····························.210 
5.7 本章小结 ··································.210 
第6章　Android系统UI界面设计
6.1 认识 Android 系统 ·····················.211 
6.1.1 Android 系统概述 ······························211 
6.1.2 Android 系统的优势 ···························211 
6.1.3 Android 系统的局限性 ······················.212 
6.1.4 定制 Android 系统 ····························.212 
6.2 Android 系统UI界面设计规范 ······.214 
6.2.1 Android 系统的基本单位 ···················.214 
6.2.2 Android 系统界面的设计尺寸 ·············.215 
实战练习01——制作购物App 的顶部 
和Banner ·························.217 
6.2.3 Android 系统的图标与按钮 ················.221 
6.2.4 Android 系统的元素间距 ···················.223

 
6.2.5 App 中的文字规范 ···························.223 
实战练习02——制作App 的分类图标 
和Banner ·························.225 
6.3 Android 系统UI界面设计原则 ······.229 
6.3.1 界面美观整洁 ·································.229 
6.3.2 操作简便 ·······································.230 
6.3.3 优化用户体验 ·································.233 
6.3.4 App 界面的整体性 ···························.234 
实战练习03——制作App 的版本更新弹出框 ··.235 
6.4 Android 系统界面输出 ···············.239 
6.4.1 设计稿标注 ·····································.239 
6.4.2 设计稿切图 ·····································.240 
实战练习04——制作App 的优惠专区 
和底部导航 ······················.242 
6.4.3 适配输出 ········································.245 
6.5 本章小结 ································.246 
第7章　iOS系统UI界面设计
7.1 iOS系统概况 ····························.247 
7.1.1 了解iOS 系统 ·································.247 
7.1.2 了解Watch OS 系统 ·························.248 
7.2 iOS系统界面设计规范 ················.248 
7.2.1 界面尺寸规范 ·································.248 
7.2.2 栏高尺寸规范 ·································.250 
7.2.3 边距和间距尺寸规范 ························.250 
实战练习01——制作iOS 系统天气界面 ·······.254 
7.2.4 图标尺寸规范 ·································.259 
7.2.5 字体规范 ·······································.260 
7.2.6 图片设计规范 ·································.262 
实战练习02——制作iOS 系统监测界面 
上半部分 ··························.262 
7.3 iOS系统界面设计原则 ················.265 
7.3.1 审美完整性 ····································.265 
7.3.2 一致性 ···········································.267 
7.3.3 直接操作 ········································.268 
7.3.4 反馈 ··············································.269 
7.3.5 隐喻 ··············································.269 
7.3.6 用户控制 ········································.269 
实战练习03——制作iOS 系统监测界面 
下半部分 ··························.270 
7.4 iOS系统界面输出 ······················.273 
7.4.1 项目立项 ········································.273 
7.4.2 项目制作 ········································.274 
7.4.3 切图标注 ········································.275 
7.4.4 切图输出 ········································.277 
实战练习04——制作完美的iOS 系统 
天气界面切图 ···················.279 
7.4.5 适配输出 ·······································.283 
7.5 本章小结 ·································.284

随着信息社会的不断发展，人们的生活越来越离不开软件，提到软件就不得不说用户图形界面。用户图形界面是用户与各种机器和设备进行交互的平台，好的用户界面设计应该同时具备美观性与可操作性。
本书主要通过理论知识与案例操作相结合的方法，向读者介绍了使用Photoshop CC 2019进行各类UI 设计所需的功能和操作技巧。
内容安排
本书共分为7章，下面介绍各章的主要内容。 
第1章 UI界面设计基础。本章主要介绍了UI设计相关的理论知识，包括UI界面设计的发展历史及分类、UI界面设计中的图像、UI界面设计中的文字、UI界面设计的黄金法则、UI界面设计的色彩搭配、UI 界面设计中的布局、UI界面设计的工作流程以及常见的UI界面设计软件等内容。这些知识可以帮助读者初步了解UI设计。
第2章 UI界面设计元素。本章主要介绍了UI界面设计元素的基础知识和相应的制作技巧，包括UI界面设计元素的分类、UI界面中的启动界面、UI界面中的装饰线条、UI界面中的按钮和图标、UI界面中的开关和进度条及UI界面中的菜单和工具栏设计等内容。通过本章的学习，读者能够掌握UI界面元素的设计技巧。
第3章 软件UI界面设计。本章主要向读者介绍了软件UI界面设计的基础知识，包括软件界面设计基础、PC端应用软件设计规范、软件安装与启动界面设计、软件面板设计、软件皮肤设计和播放器软件界面设计。通过本章的学习，读者应该熟悉软件界面的设计规范。
第4章 游戏UI界面设计。本章主要向读者介绍了游戏UI界面设计相关的基础知识和操作技巧，包括游戏UI界面设计基础、游戏UI界面设计中的视听元素、游戏UI界面设计的要求和游戏UI界面的类型等内容。
第5章 网页UI界面设计。本章主要向读者介绍了网页UI界面设计的特点和需要注意的问题，以及一些常用的操作技巧，包括网页的类型、网页设计原则、网页界面构成元素、网页版式与布局、网页切图规范和网页UI界面适配等内容。本章要重点掌握网页界面构成元素及网页切图规范。
第6章 Android系统UI界面设计。本章主要介绍了Android系统界面设计需要注意的问题和所需的知识，包括认识Android系统、Android系统UI界面设计规范、Android系统UI界面设计原则，以及Android系统界面输出等内容。本章要重点掌握Android系统的UI界面设计规范，以及切图标注的方法。
第7章 iOS系统UI界面设计。本章主要介绍了如何设计iOS系统UI界面，包括iOS系统概况、iOS系统界面设计规范、iOS系统界面设计原则和iOS系统界面输出等内容。通过本章的学习，读者能够掌握iOS系统的界面设计规范，并能够应用到工作中。

查看更多 > 图书评论

暂无评论

发表图书评论

评论标题：
评论内容：
验证码：: 看不清楚
点击刷新
: 您还没有登录，请登录后再评论。
点击“登录”

购买过本书的顾客还买过

{{data.bookName}}

￥{{data.price}}