零基础学网页UI设计
| 作者 |
| 胡雪梅 |
| 丛书名 |
| 人人都是设计师 |
| 出版社 |
| 清华大学出版社 |
| ISBN |
| 9787302551331 |
| 简要 |
| 简介 |
| 内容简介书籍计算机书籍 现如今，各种通信与网络连接设备和大众生活的联系日益密切。UI是用户与机器设备进行交互的平台，人们对各种类型UI的要求越来越高，从而推动了UI设计的飞速发展。为适应广大UI设计者的需求，《零基础学网页UI设计》介绍如何设计既美观又符合要求的UI。 《零基础学网页UI设计》主要依据初学者学习UI设计的普遍规律安排内容，由浅入深地讲解初学者需要掌握和感兴趣的基础知识与操作技巧，全面解析各个知识点。全书结合实例进行讲解，详细介绍了制作的步骤和软件的应用技巧，使读者能轻松地学习并掌握。 《零基础学网页UI设计》从学习者的角度考虑，让不同程度的读者更有针对性地学习内容，有效帮助UI设计爱好者提高操作效率。 《零基础学网页UI设计》的知识点结构清晰、内容针对性强、实例精美实用，适合大部分UI设计爱好者与设计专业的大中专学生阅读。另外，随书附赠教学PPT课件、所有案例的教学微视频和素材，用于补充书中遗漏的细节内容，方便读者学习和参考。学者需要掌握和感兴趣的基础知识与操作技巧，全面解析各个知识点。全书结合实例进行讲解，详细介绍了制作的步骤和软件的应用技巧，使读者能轻松地学习并掌握。 零基础学网页UI设计从学习者的角度考虑，让不同程度的读者更有针对性地学习内容，有效帮助UI设计爱好者提高操作效率。 零基础学网页UI设计的知识点结构清晰、内容针对性强、实例精美实用，适合大部分UI设计爱好者与设计专业的大中专学生阅读。另外，随书附赠教学PPT课件、所有案例的教学微视频和素材，用于补充书中遗漏的细节内容，方便读者学习和参考。 |
| 目录 |
| 人人都是设计师零基础学网页UI设计 第1章 网页UI设计初体验 001 1.1了解网页UI 002 1.1.1什么是网站 002 1.1.2什么是网页UI设计 002 1.2网页UI设计分类 003 1.2.1按浏览终端不同进行划分 003 1.2.2按内容功能不同进行划分 004 1.3网页UI的构成元素 008 1.3.1网页中的配色设计 008 1.3.2网页中的文字 009 1.3.3网页中的图像 009 1.3.4网页中的富媒体 010 1.4网页UI制作流程 011 1.4.1前期策划 011 1.4.2交互设计 012 1.4.3视觉设计 013 1.4.4开发测试 014 1.4.5运营维护 015 1.5网页UI的设计风格 015 1.5.1拟物化风格 015 1.5.2扁平化风格 016 1.5.3极简化风格 017 1.5.43D风格 017 1.5.5插画风格 018 1.5.6无边框风格 019 1.5.7纵向分割风格 019 1.5.8超级版头风格 020 1.6设计网页常用软件 020 1.6.1Photoshop CC 021 1.6.2Axure RP 9 022 1.6.3Adobe XD 023 1.6.4Px Cook 024 1.7举一反三分析运动服饰类网页 025 1.8本章小结 025 第2章 网页UI中的元素设计初体验 026 2.1网页中的文字设计 027 2.1.1文字在网页中的应用 027 2.1.2网页中文字的设计规范 030 2.2网页中的图片设计 034 2.2.1常用图片格式 034 2.2.2图片模式 035 2.3网页中的图标设计 036 2.3.1认识网页图标 036 2.3.2移动端图标设计 038 2.3.3网页中的按钮 043 2.4网页中的Logo设计 044 2.4.1网页Logo的表现形式 044 2.4.2网页Logo的设计规范 045 2.4.3网页Logo的设计特点 049 2.5网页中的导航设计 050 2.5.1网页导航概述 050 2.5.2导航菜单在网页中的位置布局 051 2.6举一反三设计制作一款简约Logo 059 2.7本章小结 059 第3章 网页布局与版式设计 060 3.1 了解网页布局 061 3.1.1网页布局的目的 061 3.1.2网页布局的操作顺序 063 3.2常见的网页布局结构 063 3.2.1国”字型 063 3.2.2拐角型 064 3.2.3标题正文型 065 3.2.4左右分割型 065 3.2.5上下分割型 065 3.2.6综合型 067 3.2.7封面型 068 3.3网页布局形式的艺术表现 069 3.3.1分割构成 069 3.3.2对称构成 071 3.3.3平衡构成 072 3.4网页留白设计的8个关键点 076 3.5移动端网页元素设计 078 3.5.1界面尺寸 078 3.5.2组件尺寸规范 079 3.5.3移动端网页的边距设计 080 3.6移动端网页的布局设计 083 3.6.1列表式布局 083 3.6.2陈列馆式布局 086 3.6.3宫格式布局 090 3.6.4卡片式布局 091 3.7举一反三设计一款三栏式布局网页 091 3.8本章小结 092 第4章 配色设计在网页中的作用 093 4.1理解色彩 094 4.1.1色彩属性 094 4.1.2颜色模式 095 4.1.3Web安全颜色 098 4.1.4十六进制颜色码 098 4.2网页配色的基本要素 100 4.2.1网页主题色 100 4.2.2网页背景色 100 4.2.3网页辅助色 101 4.2.4网页强调色 101 4.3网页的基础配色方法 104 4.3.1单色 104 4.3.2类似色 104 4.3.3补色 104 4.3.4邻近补色 105 4.3.5无彩色 105 4.4网页中的文字配色设计 106 4.4.1背景与文字配色 106 4.4.2链接文字 109 4.5网页元素的色彩搭配 110 4.5.1网页Logo和广告配色 110 4.5.2网页导航配色 112 4.6网页配色技巧 113 4.6.1突出主题的配色技巧 113 4.6.2整体融和的配色技巧 117 4.6.3整理出色的配色方案 119 4.7举一反三一款居家生活网页的配色设计 122 4.8本章小结 122 第5章 网页中的广告设计 123 5.1网页广告概述 124 5.1.1网页广告概念 124 5.1.2网页广告的特征 124 5.1.3设计出色的网页广告样式 125 5.2移动端网页常见的广告样式 126 5.2.1Banner广告 126 5.2.2开屏广告 130 5.2.3信息流广告 130 5.2.4插屏广告 131 5.2.5视频贴片广告 135 5.3移动端网页广告的设计思路 135 5.3.1Banner广告的设计思路 136 5.3.2开屏广告的设计思路 136 5.3.3信息流广告的设计思路 137 5.3.4插屏广告的设计思路 138 5.3.5视频贴片广告的设计思路 139 5.4PC端网页广告的常用样式 139 5.4.1文字广告 139 5.4.2Banner广告 140 5.4.3对联式浮动广告 143 5.4.4网页漂浮广告 143 5.4.5弹出广告 143 5.5PC端网页广告的特点 144 5.5.1传播范围广泛 145 5.5.2富有创意、感官性强 145 5.5.3直达产品核心消费群 145 5.5.4节省成本 146 5.5.5具有强烈的互动性 146 5.5.6准确统计广告效果 147 5.6举一反三设计制作APP开屏广告 150 5.7本章小结 150 |
有问题微信扫码联系