突破平面PhotoshopUI界面设计与制作剖析

突破平面PhotoshopUI界面设计与制作剖析

查阅电子书
手机扫码
  • 微信扫一扫

    关注微信公众号

因版权原因待上架

编辑推荐

本书以Photoshop 2022版本为基础,介绍UI设计的相关内容。

内容简介

本书共9章,第1章介绍UI设计的相关知识,包括UI设计的概念、设计流程以及配色等。第2章介绍APPUI元素设计,如按钮、导航、对话框以及列表等。第3章介绍图标的设计,讲解绘制折纸图标、浏览器图标以及音量图标的方法。第4章~第9章,介绍各种类型UI设计的方法,包括手机APP界面、网络直播界面、网页界面、游戏界面、平板电脑界面以及软件界面。

本书语言通俗易懂,讲解深入、透彻,案例精彩、实战性强,读者不但可以系统、全面地学习使用Photoshop完成UI设计的整个流程,还可以利用课后习题检验本章的学习成果。

章节目录

版权信息

内容简介

前言

第1章 UI界面设计概述

1.1 认识UI界面设计

1.1.1 什么是UI界面设计

1.1.2 UI界面的类型

1.1.3 UI界面设计的流程

1.1.4 UI设计的配色

1.1.5 UI界面设计的原则

1.2 UI界面设计的软件

1.2.1 Adobe Photoshop

1.2.2 Adobe Illustrator

1.3 本章小结

第2章 UI界面元素设计

2.1 按钮

2.1.1 按钮的设计规范

2.1.2 绘制开始游戏按钮

2.1.3 绘制撤销按钮

2.1.4 绘制立即购买按钮

2.2 导航

2.2.1 导航的设计规范

2.2.2 绘制图标式导航

2.2.3 绘制列表式导航

2.2.4 绘制滑动式导航

2.3 绘制其他类型的界面元素

2.3.1 绘制搜索列表

2.3.2 绘制调研对话框

2.3.3 绘制播放器控件

2.3.4 绘制宠物网站导航

2.4 课后习题

2.4.1 绘制登录按钮

2.4.2 绘制播放进度条

2.5 本章小结

第3章 绘制图标

3.1 图标设计基础

3.1.1 图标设计的原则

3.1.2 图标设计的流程

3.1.3 图标的风格

3.2 折纸图标

3.3 浏览器图标

3.3.1 绘制轮廓

3.3.2 绘制指针

3.4 音量图标

3.5 社交软件图标

3.6 网站图标

3.6.1 绘制矩形

3.6.2 添加素材

3.6.3 绘制光影

3.7 云空间图标

3.7.1 绘制图形

3.7.2 添加样式

3.8 课后习题

3.8.1 音乐图标

3.8.2 日历图标

3.8.3 水晶图标

3.9 本章小结

第4章 绘制手机APP界面

4.1 APP界面的设计基础

4.1.1 APP界面的设计规范

4.1.2 APP界面的设计流程

4.1.3 APP界面的分类

4.2 认识APP界面的组成元素

4.2.1 状态栏

4.2.2 搜索框

4.2.3 内容区域

4.2.4 导航

4.2.5 其他组件

4.3 制作首页

4.4 制作精选界面

4.4.1 整理图形

4.4.2 添加素材

4.5 制作个人界面

4.6 制作详情界面

4.6.1 整理图形

4.6.2 添加商品信息

4.7 课后习题

4.7.1 绘制美食APP登录界面

4.7.2 绘制天气APP主界面

4.7.3 绘制聊天APP界面

4.8 本章小结

第5章 绘制网络直播界面

5.1 网络直播界面设计基础

5.1.1 网络直播界面概述

5.1.2 网络直播界面的设计流程

5.1.3 网络直播界面的设计原则

5.2 制作中国风直播预热页

5.2.1 绘制背景

5.2.2 绘制窗口

5.2.3 绘制边框

5.2.4 绘制文字

5.2.5 绘制弹窗

5.2.6 最终结果

5.3 制作休闲食品直播界面

5.3.1 绘制背景

5.3.2 添加素材

5.3.3 绘制大标题

5.3.4 绘制装饰元素

5.4 制作美妆直播预告界面

5.4.1 绘制背景

5.4.2 添加图形与文字素材

5.4.3 最终结果

5.5 课后习题

5.5.1 绘制双11直播界面

5.5.2 绘制6·18直播界面

5.6 本章小结

第6章 绘制网页界面

6.1 网页界面设计基础

6.1.1 网页界面的设计原则

6.1.2 网页界面的设计流程

6.1.3 网页界面的类型

6.2 APP界面与网页界面的异同

6.2.1 尺寸差异

6.2.2 习惯差异

6.2.3 精准度差异

6.2.4 按钮位置

6.2.5 按钮类型

6.3 制作音乐网站主页

6.3.1 绘制背景

6.3.2 添加素材

6.3.3 输入文字

6.4 制作网上商城首页

6.4.1 绘制背景

6.4.2 添加图形与文字素材

6.4.3 最终结果

6.5 制作餐厅网站首页

6.5.1 绘制背景

6.5.2 绘制栏目内容

6.5.3 最终结果

6.6 制作设计机构网站首页

6.6.1 绘制背景

6.6.2 添加素材

6.7 课后习题

6.7.1 绘制北欧家居网站首页

6.7.2 绘制旅游网站首页

6.8 本章总结

第7章 绘制游戏界面

7.1 游戏界面设计基础

7.1.1 游戏界面的概念

7.1.2 游戏界面的设计流程

7.1.3 游戏界面的设计原则

7.2 制作欢迎页

7.2.1 绘制背景

7.2.2 绘制标题文字

7.2.3 绘制按钮

7.3 制作关卡页

7.3.1 绘制背景

7.3.2 绘制“上一关”按钮

7.3.3 添加其他按钮

7.3.4 绘制游戏区域

7.3.5 绘制解锁按钮

7.4 制作闯关成功页

7.4.1 绘制背景

7.4.2 绘制内部框架

7.4.3 绘制标题

7.4.4 绘制星星

7.4.5 添加道具

7.4.6 绘制询问按钮

7.5 课后习题

7.5.1 绘制商城页

7.5.2 绘制通关页

7.6 本章小结

第8章 绘制平板电脑界面

8.1 平板电脑界面概述

8.2 绘制平板电脑音乐APP首页

8.2.1 划分区域

8.2.2 绘制轮播区域

8.2.3 绘制主打歌曲内容

8.2.4 绘制侧栏

8.2.5 绘制播放进度区域

8.3 绘制平板电脑音乐APP搜索页

8.3.1 整理图形

8.3.2 绘制键盘

8.4 绘制平板电脑音乐APP登录界面

8.5 课后习题

8.5.1 绘制平板电脑视频APP首页

8.5.2 绘制平板电脑健身APP首页

8.6 本章小结

第9章 绘制软件界面

9.1 软件界面概述

9.2 绘制杀毒软件界面

9.2.1 绘制背景

9.2.2 绘制控件

9.2.3 添加元素

9.3 绘制截图软件主界面

9.3.1 绘制背景

9.3.2 添加按钮

9.3.3 绘制控件

9.4 绘制聊天软件界面

9.4.1 绘制背景

9.4.2 添加元素

9.5 绘制网盘软件登录界面

9.5.1 绘制背景

9.5.2 添加元素

9.5.3 载入图标

9.5.4 最终结果

9.6 绘制压缩软件界面

9.6.1 规划界面

9.6.2 添加图标

9.6.3 绘制其他内容

9.7 课后习题

9.7.1 绘制翻译软件界面

9.7.2 绘制输入法软件界面

9.8 本章小结

突破平面PhotoshopUI界面设计与制作剖析是2023年由清华大学出版社出版,作者黄甦 编著。

得书感谢您对《突破平面PhotoshopUI界面设计与制作剖析》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。

购买这本书

你可能喜欢
Flink核心技术:源码剖析与特性开发 电子书
本书从设计思想和特性开发两个视角,对Flink框架进行介绍。
Photoshop手机App界面设计实战入门 电子书
设计在我们的生活中无处不在,随着智能设备的快速发展,掀起了一股UI设计风,越来越多的人加入UI设计的大军,使这个行业变得越来越多彩。本书以3大智能手机系统(Android、iOS、WindowsPhone)为主线,详细讲解App用户界面的设计思想和制作过程。本书分为5章,从App界面基础知识讲起,然后详细讲解了UI界面设计色彩学、App行业规则及设计分析等内容,让读者了解App设计的精髓与行业规则
简单配色:平面设计色彩搭配与应用 电子书
一本讲解色彩搭配与应用的专业教程。
多媒体课件设计与制作 电子书
本书系统地讲解了幼儿园教师在进行多媒体课件设计与制作中需要了解和掌握的相关知识点。全书共分为6章,全面介绍了幼儿园多媒体课件基础知识、收集与处理多媒体与课件素材、PPT演示型课件制作、Flash动画型课件制作以及微课型课件制作等内容。本书以案例为向导讲解多媒体课件的制作方法,并辅以课后练习和拓展知识,让读者在学习的过程中不仅可快速上手,并且还可降低学习难度。本书可作为普通高等院校、职业院校学前教育
多媒体设计与制作入门 电子书
本书讲述多媒体设计与制作过程中所需要的基础知识和基本方法。全书共5章,主要内容包括多媒体技术概述、音频基础与制作、图像基础与图像处理、视频基础与制作、动画基础与制作。本书作为多媒体技术的入门教程,旨在从应用的角度介绍音频、图像、视频、动画等多媒体相关基本概念、制作方法与技巧,通过以知识点为基本单元的组织方式支持个性化学习。本书是计算机应用普及类教材,可供多媒体制作职业培训、广大的多媒体制作爱好者学