计算机 类型
可以朗读 语音朗读
128千字 字数
2021-08-01 发行日期
展开全部

主编推荐语

学习移动UI与网页UI的配色、布局设计和应用技巧。

内容简介

如今，各种通讯与网络连接设备与大众生活的联系日益密切。UI是用户与设备进行交互的平台，这就导致人们对各种类型的UI的要求越来越高，同时使得UI设计行业飞速发展，本书应广大UI设计者的需求，介绍如何利用不同的配色和布局设计出既美观又符合要求的iOS系统UI、Android系统UI和网页UI.本书主要依据初学者学习UI设计的普遍规律安排内容，由浅入深地讲解初学者需要掌握和感兴趣的配色和布局知识，以及设计移动App UI和PC端网页UI时的操作技巧，全面解析各个知识点。全书结合实例详细地讲解了案例的制作步骤和软件的应用技巧，使读者能轻松地学习并掌握移动UI与网页UI的相关知识与设计规范。

目录

  • 封面
  • 版权信息
  • 内容简介
  • 前言
  • 第1章 网页UI设计初体验
  • 1.1 初识网页UI
  • 1.2 网页UI的分类
  • 1.3 网页UI设计的工作流程
  • 1.3.1 网页产品调研
  • 1.3.2 网页原型设计
  • 1.3.3 设计网页UI
  • 1.3.4 网页UI标注
  • 1.3.5 网页UI切图输出
  • 1.4 深刻理解网页UI设计原则
  • 1.4.1 视觉美观
  • 1.4.2 主题明确
  • 1.4.3 内容与形式相统一
  • 1.4.4 整体性
  • 1.4.5 快速加载
  • 1.4.6 为用户考虑
  • 1.5 网页UI的设计风格
  • 1.5.1 拟物化风格
  • 1.5.2 扁平化风格
  • 1.5.3 极简化风格
  • 1.5.4 3D风格
  • 1.5.5 插画风格
  • 1.5.6 低多边形风格
  • 1.5.7 无边框风格
  • 1.5.8 纵向分割风格
  • 1.5.9 超级头版风格
  • 1.6 设计网页UI的常用工具
  • 1.6.1 Axure RP 9
  • 1.6.2 Photoshop和Illustrator
  • 1.6.3 Sketch和Adobe XD
  • 1.6.4 PxCook和Cutterman
  • 1.7 本章小结
  • 第2章 合理的网页版式与布局
  • 2.1 了解网页布局
  • 2.1.1 网页布局的目的
  • 2.1.2 网页布局的操作流程
  • 2.2 网页布局的基本方法
  • 2.2.1 网页的布局设计
  • 2.2.2 网页布局的原则
  • 2.3 网页布局的常见类型
  • 2.3.1 国字型
  • 2.3.2 拐角型
  • 2.3.3 标题正文型
  • 2.3.4 左右框架型
  • 2.3.5 上下框架型
  • 2.3.6 封面型
  • 2.3.7 变化型
  • 2.4 根据内容位置决定网页布局方式
  • 2.4.1 满屏式网页布局
  • 2.4.2 一栏式网页布局
  • 实战练习01——设计并制作白酒网页
  • 2.4.3 两栏式网页布局
  • 实战练习02——布局啤酒网站
  • 2.4.4 三栏式网页布局
  • 2.4.5 水平和垂直居中的网页布局
  • 2.5 页面分割方向的布局方式
  • 2.5.1 纵向分割
  • 2.5.2 横向分割
  • 实战练习03——布局家居网站
  • 2.5.3 纵向与横向复合型
  • 2.5.4 运用固定区域的设计
  • 2.6 网页布局的特性
  • 2.7 PC端与移动端网页布局的区别
  • 2.8 本章小结
  • 第3章 奠定基础的网页构成元素
  • 3.1 网页中的线条
  • 3.1.1 点、线、面的关系
  • 3.1.2 网页中应用的线条风格
  • 3.1.3 线条在网页UI中的作用
  • 3.2 网页中的标志
  • 3.2.1 网页标志的尺寸
  • 3.2.2 网页标志的特点
  • 3.2.3 网页标志的设计规范
  • 实战练习01——设计并制作网页标志
  • 3.2.4 网页标志的表现形式
  • 3.3 网页中的图标和按钮
  • 3.3.1 网页图标的概念
  • 3.3.2 网页图标的设计原则
  • 3.3.3 网页图标的应用
  • 实战练习02——设计并制作简易图标
  • 3.3.4 网页按钮的概念
  • 3.3.5 网页按钮的功能
  • 3.3.6 设计出色的网页按钮
  • 实战练习03——设计并制作简单的网页元素
  • 3.4 网页中的导航
  • 3.4.1 布局网页导航
  • 3.4.2 网页导航的设计技巧
  • 实战练习04——设计并制作家居网页的主体广告和导航
  • 3.5 网页中的文字
  • 3.5.1 网页中的文字设置
  • 3.5.2 网页文字的设计原则
  • 3.5.3 网页文字的排版规则
  • 3.6 网页中的图片
  • 3.6.1 网页中的图片设置
  • 3.6.2 网页图片的应用
  • 3.7 网页中的富媒体
  • 3.8 本章小结
  • 第4章 美观的网页配色
  • 4.1 配色的基础
  • 4.1.1 色彩的概念
  • 4.1.2 色彩的三要素
  • 4.1.3 颜色模式
  • 4.1.4 十六进制颜色码
  • 4.2 网页配色的基本要素
  • 4.2.1 网页的主题色
  • 实战练习01——设计并制作家具网站的登录页面
  • 4.2.2 网页的背景色
  • 4.2.3 网页的辅助色
  • 4.2.4 网页的文本色
  • 4.2.5 网页的强调色
  • 4.3 网页元素的色彩搭配
  • 4.3.1 网页标志与广告
  • 4.3.2 网页导航
  • 实战练习02——设计并制作图片资源网页
  • 4.3.3 背景色与文字
  • 4.3.4 链接文字
  • 4.4 根据色调进行网页配色
  • 4.5 利用色彩对比进行网页配色
  • 4.5.1 色彩的冷暖对比
  • 4.5.2 色彩的大小对比
  • 4.5.3 色彩的色相对比
  • 4.6 网页中的配色技巧
  • 4.6.1 突出网页主题
  • 实战练习03——设计并制作咖啡网页
  • 4.6.2 融合整体配色
  • 4.7 本章小结
  • 第5章 iOS系统UI设计
  • 5.1 iOS系统简介
  • 5.2 iOS系统的元素设计
  • 5.2.1 尺寸单位
  • 5.2.2 尺寸大小
  • 5.2.3 组件尺寸
  • 5.2.4 图标
  • 5.3 iOS系统的边距和间距设计
  • 5.3.1 全局边距
  • 实战练习01——设计并制作运动App的主页
  • 5.3.2 卡片间距
  • 5.3.3 内容间距
  • 5.4 iOS系统的文字设计
  • 5.4.1 字体
  • 5.4.2 字号与字重
  • 实战练习02——设计并制作旅游App的“我的”界面
  • 5.5 iOS系统的图片设计
  • 5.5.1 图片的比例
  • 5.5.2 图片的格式
  • 5.6 iOS系统的网页布局
  • 5.6.1 列表式布局
  • 5.6.2 陈列馆式布局
  • 5.6.3 宫格式布局
  • 5.6.4 卡片式布局
  • 5.7 iOS系统UI的设计原则
  • 5.7.1 亲密性
  • 5.7.2 对齐、对比和重复
  • 5.7.3 直截了当
  • 5.7.4 提供邀请
  • 5.8 本章小结
  • 第6章 Android系统UI设计
  • 6.1 Android系统简介
  • 6.2 Android系统的元素设计
  • 6.2.1 设计单位
  • 6.2.2 界面尺寸
  • 6.2.3 组件尺寸
  • 实战练习01——设计并制作App的登录界面
  • 6.3 Android系统的文字设计
  • 6.3.1 字体和字重
  • 6.3.2 字号
  • 6.4 Android系统的图标设计
  • 6.4.1 启动图标
  • 6.4.2 标签栏/系统通知图标
  • 6.4.3 上下文图标
  • 6.4.4 图标尺寸
  • 实战练习02——设计并制作App界面中的上下文图标
  • 6.5 Android系统UI的设计原则
  • 6.5.1 一步到位
  • 6.5.2 即时反应
  • 6.5.3 简化交互
  • 实战练习03——设计并制作Android系统App“我的”界面
  • 6.6 本章小结
  • 第7章 适配输出网页UI设计
  • 7.1 PC端网页的适配输出
  • 7.1.1 PC端的适配方法
  • 7.1.2 适配时需要注意的点
  • 7.2 iOS系统界面的适配输出
  • 7.2.1 界面标注
  • 7.2.2 标注工具——PxCook
  • 实战练习01——标注iOS系统App界面
  • 7.2.3 适配输出
  • 7.3 Android系统界面的适配输出
  • 7.3.1 界面标注
  • 7.3.2 适配输出
  • 7.3.3 .9切图法
  • 7.3.4 输出工具——Cutterman插件
  • 实战练习02——输出Android系统的App界面
  • 7.4 本章小结
  • 第8章 综合案例
  • 8.1 设计PC端的家居网页
  • 8.1.1 家居网页案例分析
  • 8.1.2 家居网页色彩分析
  • 8.1.3 家居网页制作步骤
  • 8.2 设计iOS系统的旅游App界面
  • 8.2.1 旅游App界面案例分析
  • 8.2.2 旅游App界面色彩分析
  • 8.2.3 旅游App界面制作步骤
  • 8.3 设计Android系统的家居App界面
  • 8.3.1 家居App界面案例分析
  • 8.3.2 家居App界面色彩分析
  • 8.3.3 家居App界面制作步骤
  • 8.4 本章小结
  • 封底
展开全部

评分及书评

尚无评分
目前还没人评分

出版方

电子工业出版社

电子工业出版社成立于1982年10月，是国务院独资、工信部直属的中央级科技与教育出版社，是专业的信息技术知识集成和服务提供商。经过三十多年的建设与发展，已成为一家以科技和教育出版、期刊、网络、行业支撑服务、数字出版、软件研发、软科学研究、职业培训和教育为核心业务的现代知识服务集团。出版物内容涵盖了电子信息技术的各个分支及工业技术、经济管理、科普与少儿、社科人文等领域，综合出版能力位居全国出版行业前列。