更赞的UI：Photoshop热门APP类型设计从入门到精通_计算机科学

1

前言

随着智能手机和各种移动终端设备的普及，APP作为第三方应用程序，现已把人们带入一个习惯使用APP客户端上网的时代。目前，各种APP应用层出不穷，APPUI设计师...

2

第1章

APPUI APP的界面是由多个不同的基本元素组成的，如图标、按钮、菜单、表单等。将各个基本元素进行搭配布局，同时保持色调、材质、风格的统一，才能形成一个界面。...

4

1.1 APPUI设计入门本节将介绍APPUI的基础入门知识

本节将介绍APPUI的基础入门知识，帮助读者了解什么是APPUI设计、APPUI设计的原则与表现形式。...

5

1.1.1 什么是APPUI

APP是APPlication的简称，又叫手机应用程序。人们的手机桌面上会显示各种各样的应用程序图标，每一个图标就代表了一个APP，比如有浏览网页的浏览器APP...

6

1.1.2 APPUI设计的原则

为了使用户获得更好的视觉体验和操作体验，设计APP界面的过程需要遵循以下一系列的原则。 1.视觉一致性视觉一致性是APP界面设计最重要的原则。在设计界面元素时...

7

1.1.3 APPUI表现形式

下面介绍常见的APPUI表现形式。 1.简洁与留白简洁界面更适合深度阅读，在信息爆炸的互联网时代，应用更强调以内容为主。这样的表现形式更能体现产品的文化气韵和...

8

1.1.4 APPUI设计流程

任何设计都需要按流程来进行，APPUI设计也不例外。 1.产品定位根据产品的功能，分析不同场景下的网络环境、光线和使用条件等，针对共性因素和特定因素，提供相应...

9

不同系统的APPUI

当前主流的三大操作系统为iOS、Android、Windows Phone系统。这三大系统不论是交互体验，还是界面风格设计，都有着很大的区别。...

10

1.2.1 iOS系统

苹果iOS系统自7.0版本开始，就使用了扁平化的设计风格，无论是APP图标，还是界面按钮，都是简约风格。iOS系统一贯追求简约、大方的设计和人性化的操作。如图1...

11

1.2.2 Android系统

Android系统一直都是比较开放式的设计，其图标、界面控件都较为真实、拟物化。相比iOS系统而言，Android系统的界面显得更炫，界面元素拥有了更多的特效，...

12

1.2.3 WP系统

WP系统全称Windows Phone。WP 8.1的桌面以动态磁贴的形式呈现，一个磁贴代表一个应用程序，并支持磁贴尺寸的改变。该系统有一个独有的设计，可以使用...

13

1.3 APPUI设计基础

APPUI设计的尺寸、图片格式、配色等内容是学习APPUI计必须掌握的基础知识。...

14

1.3.1 APPUI中的图片格式

图片格式是所有设计中最基础的知识，下面介绍APPUI中的图片格式。 1.JPEG JPEG是一种广泛适用的压缩图像标准方式，也是互联网上最常见的图像存储和传送格...

15

1.3.2 设计尺寸规范

不同的系统、手机型号，界面尺寸不同，设计师在设计前需要了解不同的界面尺寸，才能在设计中根据需要来选择相应的尺寸。 1.iPhone的界面尺寸 iPhone的AP...

16

1.3.3 配色原理

配色是设计中永恒的话题。在手机APP界面设计中，色彩是很重要的一个UI设计元素合理地搭配色彩能够制作出震撼的视觉效果，设计出吸引人的焦点。 1.APP中的三色构...

17

1.4 设计师心得

...

18

1.4.1 APPUI设计师必须掌握的技

随着智能手机和各种移动终端设备的普及，APP作为第三方智能手机应用程序，现已逐渐把人们带入一个习惯使用APP客户端上网的时期，APPUI设计师也成了最热门的职业...

19

1.4.2 APPUI发展趋势

随着智能设备的不断发展，APPUI也会跟着变化，总结一些可以预见的设计趋势对于APP的产品设计师是有非同寻常的意义的。 1.更大的屏幕大屏手机或平板手机的屏幕...

20

第2章

在APPUI Photoshop UI设计的基础是图形设计。任何APPUI都是由正方形、长方形、圆、椭圆等简单图形组合而成的。在学习复杂的APPUI设计之前，本...

21

2.1 APPUI设计中的基本图形绘制

在制作APPUI界面时，必须选择一款合适的绘图软件，本书选择的是Photoshop CC。在Photoshop中，“矩形工具”“椭圆工具”“圆角矩形工具”等是最...

22

2.1.1 简单形状

简单形状是指常见的圆形、矩形、圆角矩形等，在Photoshop中也是使用相应的工具进行绘制的。简单形状常见于图标、按钮等APP界面中的小控件。 1.椭圆在绘制...

23

2.1.2 组合图形

我们知道，在APP界面中，很多元素并不是单一的圆形、矩形等基本现状，有些图形看似很复杂，但都是使用各种不同的形状进行适当的组合得到的。设计思路本节结合使用多...

24

2.1.3 布尔运算

布尔是英国的数学家，他在1847年发明了处理二值之间关系的逻辑数学计算法，包括联合、相交、相减。在图形处理操作中引用了这种逻辑运算方法，以使简单的基本图形组合产...

25

2.2 APPUI设计中的光影处理

...

26

光影效果能体现出物体的立体感和质感，在Photoshop中光影的处理主要是通过图层样式来实现的。本节...

...

27

2.2.1 Photoshop的图层样式

1.混合选项混合选项就是我们打开图层样式后看到的第一个设置面板，包括：常规混合、高级混合、混合颜色带3个大的功能区。这些功能区会影响后面的图层样式总体效果。学...

28

2.2.2 立体效果

要表现出立体效果，就需要设置对象的高光与阴影，处理图像的明暗关系。设计思路本实例介绍的是立体效果图标的绘制，通过“投影”“内阴影”等图层样式来实现图标的阴影...

29

2.2.3 发光效果

发光效果也是十分常见的设计效果。为了表现发光效果，一般按钮的背景色为深色而发光的颜色为鲜艳的彩色，对比强烈。设计思路本实例制作的是发光效果的按钮，主要通过“...

30

2.3 设计师心得

...

《更赞的UI：Photoshop热门APP类型设计从入门到精通》简介

前言

目录

第1章

1.1 APPUI设计入门本节将介绍APPUI的基础入门知识

1.1.1 什么是APPUI

1.1.2 APPUI设计的原则

1.1.3 APPUI表现形式

1.1.4 APPUI设计流程

不同系统的APPUI

1.2.1 iOS系统

1.2.2 Android系统

1.2.3 WP系统

1.3 APPUI设计基础

1.3.1 APPUI中的图片格式

1.3.2 设计尺寸规范

1.3.3 配色原理

1.4 设计师心得

1.4.1 APPUI设计师必须掌握的技

1.4.2 APPUI发展趋势

第2章

2.1 APPUI设计中的基本图形绘制

2.1.1 简单形状

2.1.2 组合图形

2.1.3 布尔运算

2.2 APPUI设计中的光影处理

光影效果能体现出物体的立体感和质感，在Photoshop中光影的处理主要是通过图层样式来实现的。本节...

2.2.1 Photoshop的图层样式

2.2.2 立体效果

2.2.3 发光效果

2.3 设计师心得

《更赞的UI：Photoshop热门APP类型设计从入门到精通》简介

前言

目录

第1章

1.1 APPUI设计入门 本节将介绍APPUI的基础入门知识

1.1.1 什么是APPUI

1.1.2 APPUI设计的原则

1.1.3 APPUI表现形式

1.1.4 APPUI设计流程

不同系统的APPUI

1.2.1 iOS系统

1.2.2 Android系统

1.2.3 WP系统

1.3 APPUI设计基础

1.3.1 APPUI中的图片格式

1.3.2 设计尺寸规范

1.3.3 配色原理

1.4 设计师心得

1.4.1 APPUI设计师必须掌握的技

1.4.2 APPUI发展趋势

第2章

2.1 APPUI设计中的基本图形绘制

2.1.1 简单形状

2.1.2 组合图形

2.1.3 布尔运算

2.2 APPUI设计中的光影处理

光影效果能体现出物体的立体感和质感，在Photoshop中光影的处理主要是通过图层样式来实现的。本节...

2.2.1 Photoshop的图层样式

2.2.2 立体效果

2.2.3 发光效果

2.3 设计师心得

1.1 APPUI设计入门本节将介绍APPUI的基础入门知识