UI设计必修课：游戏+软件+网站+APP界面设计教程（全彩） - (EPUB全文下载)

文件大小：0.2 mb。
文件格式：epub 格式。
书籍内容：

UI设计必修课：游戏+软件+网站+APP界面设计教程（全彩）
Chapter 01　了解UI设计
Chapter 02　常见组件设计
Chapter 03　应用软件界面设计
Chapter 04　移动APP界面设计
Chapter 05　播放器界面设计
Chapter 06　网页界面设计
Chapter 07　游戏界面设计
Chapter 01　了解UI设计
手机和计算机是当代社会人们接触和使用最为频繁的媒体类型之一。与平面设计一样，UI不仅要时尚美观，还需注重各个功能的整合，力求使用户毫无障碍、快捷有效地使用各个功能，从而提高用户体验。
本章知识点：
★ 了解UI设计基础
★ 了解UI设计风格
★ 了解UI设计的构成法则
★ 了解UI设计的原则和一般流程
★ 基本掌握UI设计中的色彩搭配技巧
1.1　UI设计基础
用户界面在我们的生活中随处可见，什么是用户界面？那么什么是用户界面设计？用户界面主要包括哪些类型？用户界面设计有哪些具体的规则和要求？本节就向用户介绍一些与用户界面设计相关的基础理论知识。
1.1.1　什么是UI设计
UI包含UI交互、UI界面和UI图标3个部分。UI设计是指对软件的人机交互、操作逻辑和界面美观的整体设计。UI的本意是用户界面，是英文User和 Interface的缩写。从字面上看由用户与界面两个部分组成，但实际上还包括用户与界面之间的交互关系。
UI设计是为了满足专业化、标准化需求而对软件界面进行美化、优化和规范化的设计分支，具体包括软件启动界面设计、软件框架设计、按钮设计、面板设计、菜单设计、标签设计、图标设计、滚动条即状态栏设计、安装过程设计、包装及商品化等，如图1-1所示。
图1-1
1.1.2　UI设计的常见类别
由于网站类型不同，用户需求也会不同，UI设计人员设计出的图稿可能会有很大差别。
随着信息技术的高速发展，人们对信息的需求量不断增加，图形界面的设计也越来越多样化。UI设计主要可以分为手机UI设计、网页UI设计、软件UI设计和游戏界面设计等，不同类型的界面设计风格和特点各不相同。
1.手机UI设计
如今，手机已经成为普通大众的生活必需品，而手机的功能也越来越完善，很多高端手机的性能甚至与计算机不分高下。手机UI设计最大的要求就是人性化，不仅要便于用户操作，还要美观大方，如图1-2所示为一套成功的手机UI设计作品。
图1-2
2.网页UI设计
近年来，随着电子商务的飞速发展，国内网页设计行业也正在快速崛起。从最初的纯文本网页到版式古板、配色拙劣的网页，再到如今配色新奇、版式多元化的网页，网页设计得到了长足发展。
网页UI设计必须具有独立性和创意性，能够最大限度地方便用户检索信息，从而提升用户的操作体验，如图1-3所示为一些成功的网页UI设计作品。
图1-3
3.软件UI设计
用户主要通过软件与各种机器设备进行交流，更确切地说，是通过软件界面达到这一目的的。为了方便用户使用，软件UI设计应该简洁美观、易于操作。如图1-4所示为一些成功的软件UI设计作品。
图1-4
4.播放器界面设计
如今，市场上的各种音乐播放器软件层出不穷，体验者们不再局限于追求软件的强大功能，更对软件界面风格提出了新的要求。如图1-5所示为两款成功的播放器界面设计作品，这两款界面无论在款式还是在质感上都极为出色。
图1-5
5.游戏界面设计
相较于其他软件界面来说，游戏界面通常都更加华丽、主题鲜明，三维效果应用非常普遍，具有较强的视觉震撼力。如图1-6所示为两款成功的游戏界面设计作品。
图1-6
1.1.3　UI设计的规范
由于用户浏览网页的习惯或者是由于Web前端技术的限制或界面限制，网页设计和移动端界面设计不能任意进行天马行空的设计，需要遵守一些设计规范，下面为用户详细地进行介绍。
1.界面不同
PC端UI设计指的是计算机端网页的设计，移动端UI设计指的是手机端用户页面设计，因为屏幕尺寸不同，因此设计稿也会有很大不同。
（1）操作方式。
PC端的操作方式与移动端已经有了明显的差别，PC端使用鼠标操作，包括滑动、左击、右击、双击操作，操作相对来说单一，交互效果相对较少；而对于手机端来说，包括点击、滑动、双击、双指放大、双指缩小、五指收缩和苹果最新的3DTouch按压力度，除了手指操作外还可以配合传感器完成摇一摇、陀悬仪感应灯等，操作方式更加丰富，通过这些丰富的操作可以设计新颖、吸引人的交互设计，如图1-7所示。
图1-7
（2）屏幕尺寸。
随着时间的推移，移动端的设备屏幕逐渐增大，但是再大也是大不过PC屏幕的。PC端屏幕大，所以视觉范围更广，可设计的空间更大，设计性更强，相对来说容错度更高，有一些小的纰漏不容易被发现。移动端设备相对来说屏幕较小，操作局限性大，在设计上可用空间显得尤为珍贵，在小小的屏幕上使用粗大的手指操作也需要在设计中避免元件过小、过近， 如图1-8所示。
图1-8
（3）网络环境。
当下不管是移动端还是PC端都离不开网络，PC端设备连接网络更加稳定，而移动端可能会遇到信号问题导致网络环境不佳，出现网速差甚至断网的问题，这就需要产品经理在设计中充分考虑网络问题，更好地设计相应的解决方案。
（4）使用场景与使用时间。
PC端设备的使用场景多为家里或者学校、公司等一些固定的场景，所以其使用时间偏向于持续化，在一个特定的时间段内持续使用，而移动端设备不受局限，所以它的使用时间更加灵活，时间更加碎片化，所以在操作上更偏向于短时间内可完成的。
（5）文字的输入。
对于文字输入，PC端一般使用文本框解决。在移动端中，因为手机屏幕尺寸及UI风格的原因，我们基本没有在手机上看到过PC端这样的展现形式，而是采用另起一页输入或者在文字后直接输入的方式，这些都是各个平台根据自身的特性选择的展现形式，如图1-9所示。
图1-9
（6）内容选择。
在PC端，由于鼠标的灵活性，可以使用下拉菜单或者是单选按钮完成内容的选择。而在移动端，由于手指操作的便捷性，一般不采用PC端的选择方式，而是通过列表选择或者其 ............

以上为书籍内容预览，如需阅读全文内容请下载EPUB源文件，祝您阅读愉快。