书名：Photoshop UI交互设计pdf/doc/txt格式电子书下载

推荐语：图标设计、网页设计、软件界面设计、手机界面设计、播放器界面设计五大UI设计案例，全彩印刷，提供多媒体课件、素材、书中案例教学视频。

作者：张晨起编

出版社：人民邮电出版社

出版时间：2016-06-01

书籍编号：30613448

ISBN：9787115414946

正文语种：中文

字数：103609

版次：1

所属分类：计算机-图形图像/多媒体

版权信息

书名：Photoshop UI交互设计 

编者：张晨起

出版社：人民邮电出版社

出版时间：2016-06-01

ISBN：9787115414946

免责声明：本站所有资源收集整理于网络，版权归原作者所有。
本站所有内容不得用于商业用途。本站发布的内容若侵犯到您的权益，请联系站长删除，我们将及时处理！

内容提要

本书囊括了各行业中UI设计的经验与准则，并结合大量实际设计案例，提出了很多有利于设计师从事UI设计的要素，例如网页UI设计、软件UI设计和手机UI设计，从基本的按钮设计制作到全面的播放器界面设计制作。全书以图文并茂且简单易懂的形式，为广大读者详细解读了用户界面设计的理念与方法。通过学习这些宝贵的设计经验与法则，读者同样可以设计出触动人心的作品。

本书共6章，以循序渐进的方式，全面介绍了Photoshop在界面设计方面的处理方法和技巧。第1章，UI设计基础；第2章，图标设计；第3章，网页设计；第4章，软件界面设计；第5章，手机界面设计；第6章，播放器界面设计。全书划分得很详细，并将基础知识与案例相结合。

本书适合平面设计制作的初、中级读者、有一定Photoshop操作基础的读者阅读，也可以作为商业设计制作人员及相关专业师生的参考用书。

前言

21世纪是一个信息化时代，网络技术的运用和发展改变了大众对信息的接受方式，更改变了人们的生活、学习和工作方式。21世纪的平面设计不再仅仅是处理平面的问题，而是还要处理多媒体界面设计、网络视觉设计的内容。

本书主要采用基础知识与大量操作案例相结合的方法，系统详尽地向读者介绍了网页与界面设计领域各自的特点和要求，包括有哪些设计要点，以及怎样处理细节和质感等内容。

内容安排

本书共分为6章，每章所包含的主要内容如下。

第1章UI设计基础：主要介绍一些UI设计相关的理论知识、数字化图像的基础知识和Photoshop CC的基本操作。

第2章图标设计：主要介绍有关图标设计的理论知识和Photoshop CC中“图层”面板操作技法。图标是网页和各种软件界面中使用极为普遍的元素。

第3章网页设计：主要介绍一些网页设计相关的理论知识，包括网页界面设计的分类、网页界面构成元素和网页设计的原则等。

第4章软件界面设计：主要介绍软件界面设计方面的基础知识，包括软件界面设计的目的、基本分类和软件界面设计应该遵循的原则。

第5章手机界面设计：主要介绍手机界面设计相关基础知识，包括手机显示屏分辨率、色彩级别和手机界面的图标尺寸等内容。

第6章播放器界面设计：主要介绍播放器界面设计的理论知识和实际操作技巧。播放器界面的设计原则有统一性、创意性和视觉冲击力。

本书主要根据用户学习的难易程度，以及在实际工作中的应用需求来安排章节，真正做到为学习者考虑，也让不同程度的用户更有针对性地学习内容，强化自己的弱项，并有效帮助设计爱好者提高操作速度与效率。

本书特点

本书采用理论知识与操作案例相结合的教学方式，全面向读者介绍了不同类型质感处理和表现的相关知识和所需的操作技巧。

• 通俗易懂的语言

本书采用通俗易懂的语言全面地向读者介绍了网页与界面设计领域所需的基础知识和操作技巧，确保读者能够理解并掌握相应的功能与操作。

• 基础知识与操作案例结合

本书摈弃了传统教科书式的纯理论式教学，采用少量基础知识和大量操作案例相结合的讲解模式。

• 技巧和知识点的归纳总结

本书在基础知识和操作案例的讲解过程中列出了大量的提示和技巧，这些信息都是结合作者长期的设计经验与教学经验归纳出来的，它们可以帮助读者更准确地理解和掌握相关的知识点和操作技巧。

• 配套资源辅助学习

为了增加读者的学习渠道，增强读者的学习兴趣，本书提供了丰富的配套资源。在配套资源中提供了本书中所有实例的相关素材和源文件，以及书中所有实例的视频教学，使读者可以跟着本书做出相应的效果，并能够快速应用于实际工作中。读者可到人民邮电出版社教学服务与资源网（www.ptpedu.com.cn）上免费下载。或联系本书责编：liubo@ptpress.com.cn。

用户对象

本书适合平面设计制作的初中级读者、有一定Photoshop操作基础的读者阅读，也可以作为商业设计制作人员及相关专业师生的参考用书。

编者
2016年2月

第1章 UI设计基础

UI即User Interface（用户界面）的简称，主要包括软件界面和人际交互界面等。本章将会概括地介绍一些UI设计的基础理论知识、数字化图像的相关知识，以及一些常用的Photoshop CC基础操作，以便用户展开深入学习。

1.1 了解UI设计

用户界面在我们的生活中随处可见，什么是用户界面？什么又是用户界面设计？用户界面主要包括哪些类型？用户界面的设计又有哪些具体的规则和要求？本节就向用户介绍一些用户界面设计相关的基础理论知识。

1.1.1 什么是UI设计

UI设计即为用户界面设计，全称User Interface。UI设计是为了满足专业化、标准化需求而对软件界面进行美化、优化和规范化的设计分支。具体包括软件启动界面设计、软件框架设计、按钮设计、面板设计、菜单设计、图标设计、滚动条和状态栏设计等，如图1-1所示。

图1-1

1.1.2 常见的UI设计分类

随着信息技术的高速发展，人们对信息的需求量不断增加，图形界面的设计也越来越多样化。UI设计主要可以分为手机界面设计、网站设计、软件用户界面设计和游戏界面设计等，不同类型的界面设计风格和特点各不相同。

手机界面设计

现如今，手机俨然已经成为普通大众的生活必需品，而手机的功能也越来越完善，很多高端手机的性能甚至与电脑不分高下。手机界面设计最大的要求就是人性化，它不仅要便于用户操作，还要美观大方。如图1-2所示为一些成功的手机界面设计作品。

图1-2

网站设计

近年来，随着电子商务的高速发展，国内网站设计行业也正在快速崛起。从最初的纯文本网页到版式古板、配色拙劣的网页，再到现如今的配色新奇、版式多元化的网页，网站设计得到了长足发展。网站界面设计必须具有独立性和创意性，能够最大限度地方便用户检索信息，从而提升用户的操作体验。如图1-3所示为一些成功的网站设计作品。

图1-3

软件用户界面

用户主要通过软件与各种机器设备进行交流，更确切地说，是通过软件界面达到这一目的。为了方便用户使用，软件界面的设计应该简洁美观、易于操作。如图1-4所示为一些成功的软件用户界面设计作品。

图1-4

播放器界面

如今，市场上的各种音乐播放器软件层出不穷，体验者们不再局限于追求软件的强大功能，更对软件界面风格提出了新的要求。如图1-5所示为两款成功的播放器界面设计作品，这两款界面无论在款式还是在质感上都极为出色。

图1-5

图1-5（续）

游戏界面

相较于其他软件界面来说，游戏界面通常都更加华丽、主题鲜明，三维效果应用非常普遍，具有较强的视觉震撼力。如图1-6所示为两款成功的游戏界面设计作品。

图1-6

1.1.3 导航栏和按钮的设计要点

导航栏和按钮都是网页中的重要元素。浏览网页时，我们主要通过导航栏和按钮跳转到不同的页面，检索需要的信息。制作网页时，导航栏和各种按钮应该给予最高级别的重视，下面分别是二者的设计要点。

导航栏

导航栏一般位于网页的上方，在与浏览者视线持平的位置，所以导航栏设计得是否到位也会在很大程度上决定整个网页的成败，导航栏的设计主要有以下几个要点。

• 导航栏目不多的情况下，通常设计成一排，横竖都可以。当栏目超过6个以上时，可以考虑设计成两排。

• 导航栏目在很多的情况下也可以设计成多排，甚至是不规则的多排（一排个数不同，或长度不同）。商业设计或门户网站通常都会有多个频道，在设计时就需要考虑横向双排，因为使用竖排会占用太大的空间。

• 在网页内容不多的情况下，可能无所谓栏目，站点本身就包括了导航的具体内容。

• 多排导航未必一定要在一起，可以自由发挥想象，设计出更加灵活新颖的版式。

• 图片式导航比较美观，也更容易吸引浏览者，但占用空间比较大。

• 目前网站中使用较多的是Flash制作的导航栏，其体积小，且具有视觉冲击力。

• 包含信息较多的网站可以考虑使用快捷导航，即框架快捷导航，这样无论浏览者进入哪个页面都可以快速跳转到另外的栏目，这样更利于操作。如图1-7所示为一款漂亮的图片式导航栏。

图1-7

按钮

按钮被频繁地应用于网页和各种软件界面中，主要用来指示和引导用户完成相应的操作。按钮的体积虽然小，但却是浏览者使用较为频繁的元素，所以也应该得到充分的重视。一款漂亮的按钮可以增加整个UI界面的趣味性，从而提升用户体验。网页中按钮的设计主要有以下几个要点。

• 按钮要与页面的整体效果相协调，不能喧宾夺主。

• 如果页面中的内容单一，比如包含大片的文字，那么应该使用漂亮醒目的按钮来点缀。

• 图片与字体的搭配，要考虑文字是否易读，色彩搭配是否协调统一等问题，整个页面的颜色最好不要超过4种。

• 很长的按钮可能是框架的分解，因此要尽量设计得纤细一些，否则版面会有奇怪的失重感。如图1-8所示为一套设计精美的网页按钮。

图1-8

1.1.4 UI设计的重要性

软件界面设计是产品设计的重要组成部分，是用户对界面的体验和信息交互意愿。一个美观友好的界面能够给用户带来舒适的操作体验，从而为商家创造卖点。用户界面是人机之间沟通交流的平台，所以用户界面设计应该和用户研究紧密联系，它是一个不断为最终用户设计满意视觉效果的过程。

界面设计的原则

• 简易性：用户界面设计应该简洁、易于操作使用、易于了解，并能减小用户发生错误操作的可能性。

• 可控性：可控性是用户界面设计的重要条件，即用户想要进行什么操作，就一定让它做到，并且要有相应的操作提示。

• 一致性：一致性是指界面的设计风格必须和页面内容协调一致，颜色的搭配要符合人们的视觉习惯，同一界面的不同板块和同一板块的不同位置都要保持一致性，如图1-9所示。

图1-9

• 安全性：用户可以自由地做出选择，且所有选择都是可逆的。在用户做出危险的选择时有信息介入提示。

• 人性化：要尽可能考虑到特殊用户的操作体验，如残疾人、色盲色弱等，以提高用户操作效果和操作满意度。

• 灵活性：简单来说就是要让用户方便地使用。界面设计是浏览者接触网页的第一印象，所以它的设计风格要与整体页面相一致，颜色的搭配要符合人们的视觉习惯，并与页面的整体色调相协调。其中字体的选用不要过于花哨，平常的字体即可。

1.1.5 了解交互的概念

交互是指人与机之间的交互工程。人机交互是一门研究系统与用户之间交互关系的学问，这里的系统可以是计算机化的系统或软件。

图形界面通常是指用户可见的部分，是人与软件之间传递和交换信息的媒介。交互与图形界面之间有着紧密的联系，但二者又是两个完全不同的概念。

1.2 数字化图像的基础

日常生活中，人们总会和各种各样的图片打交道，这些图片来自不同的渠道，它们的颜色、格式、体积和用途都不尽相同。本小节简单介绍一些常用的数字化图像的基础知识，帮助用户理解更深层次的概念和操作。

1.2.1 常见图像格式

图像的格式多种多样，而各种图像存储格式各有优势和缺点，实际工作中，用户应该根据图像的具体用途选择图像的存储格式。如图1-10所示为不同图像格式的图标，下面将对常用的图像格式做简单介绍。

图1-10

• JPEG格式。

JPEG格式是目前市面上最常使用的存储格式，它可以提供优质照片质量的压缩格式，是目前所有图像格式中压缩率最高的，所以这种格式的文件体积极小。JPEG格式会丢掉一些数据，保存后的照片品质会降低，但是人眼难以分辨，所以并不会影响普通的浏览。

• PNG格式。

PNG格式主要应用于网络图像，可以保存24位真彩图像，并且支持透明背景和消除锯齿功能，它还可以在不失真的情况下压缩保存图像。

• GIF格式。

GIF格式使用的压缩方式会将图片压缩得很小，非常有利于在互联网上传输，此外它还支持以动画方式存储图像。GIF格式只支持256种颜色，而且压缩率较高，在存储颜色线条非常简单的图片时非常有优势。

• BMP格式。

BMP格式最早应用于微软公司的Windows操作系统，是一种Windows标准的位图图形文件格式。它几乎不压缩图像数据，图片质量较高，但文件体积也相对较大。

• TIFF格式。

TIFF格式便于在应用程序和计算机平台之间进行数据交换，是一种灵活的图像格式。这种图像格式是非破坏性的存储

....