《UI 设计》简介
《UI 设计》这本书是由梦工场科技集团创作的,《UI 设计》共有33章节
1
扉页
...
2
目录
...
3
前 言
现在无论是在公交车还是在地铁上,人们都可以看到这样的景象,大部分乘客沉浸在一块小小的手机屏幕上,而硕大的招贴海报、广告电子屏却无法吸引他们多看几秒,这就是智能手...
4
第1章 一起踏入APP的世界
本章将从初识APP、四大APP主流应用商店、APP的草图设计流程及方法、常见APP设备标准尺寸、设备中图标尺寸大小规格、APP的界面构成、APP色彩设计、APP...
5
1.1 初识APP
先来认识一下什么是APP、手机APP与平面UI的区别、常见智能手机的操作系统、APP的设计要点以及常见APP设计的经典案例。通过讲解,让读者初步走入APP的世界...
6
1.2 四大APP主流应用商店
在移动设备市场,移动应用对于平板电脑和智能手机的成功至关重要。如果失去应用,平板电脑只不过是一个数字相框而已。当前市场上不乏一些优秀的硬件产品,但移动平台应用生...
7
1.3 APP的草图设计流程及方法
APP制作公司不仅需要更好地了解APP软件,而且它们更需要把自己变成一个专业的APP制作者。别人需要什么?设计师需要怎样去理解?需要如何构建这个过程?每个人都习...
8
1.4 常见APP设备标准尺寸
为了避免在APP设计中出现不必要的麻烦,如设计尺寸错误导致显示不正常,那么设备的尺寸标准,如屏幕尺寸、屏幕分辨率以及屏幕密度就必须先了解清楚。 1.4.1 屏...
9
1.5 设备中图标尺寸大小规格
本节主要介绍图标尺寸规格和对于图标格式的建议,要求学习者熟知并记住一些重要的图标尺寸规格。 图标和手机界面图标的展示如图1.41所示。 图1.41 同一图标的不...
10
1.6 APP的界面构成
在漫长的软件发展中,APP界面设计工作一直没有引起重视。其实软件界面设计就像工业产品中的工业造型设计一样,是产品的重要卖点。一个友好美观的界面会给人带来舒适的视...
11
1.7 APP色彩设计
APP设计还有一个很重要的元素就是色彩。色彩作为视觉信息,无时无刻不在影响着人类的正常生活。美妙的自然色彩,刺激和感染着人的视觉和心理情感,提供给人们丰富的视觉...
12
1.8 APP分类
若想要制作出色的APP设计,那么APP分类就是必须要了解和知道的。下面将从应用程序、欢迎界面和游戏APP设计这3个方面分别讲解APP设计,使用户对APP设计的分...
13
1.9 制作APP常用的设计软件
鉴于当今各大企业大多数已经成功使用APP来强化品牌价值和服务,手机APP已经完全融入我们的生活,因此就会用到制作APP的设计软件。下面就制作APP常用的软件 P...
14
第2章 APP设计的特点和用户体验
本章将从APP的特性、图标的设计要点、APP的下载平台、APP与用户体验以及三大主流平台与APP之间的关系4个方面,来讲述APP设计的特点、用户体验的特点和重要...
15
2.1 APP设计的特点和用户体验
APP有自己的特点和气质,因此它的许多特点不同于图标、游戏以及移动UI设计。下面将从其虚拟键盘、目录导航、功能操作、自上而下的操作、减少输入、足够大的按钮面积以...
16
2.2 图标的设计要点
在APP设计中,图标设计是非常重要的一部分。图标设计不仅能够有效地为设计者传播信息与内涵,而且对APP设计有着重要的意义。在这里简单地介绍图标的可识别性、图标的...
17
2.3 APP的下载平台
在 APP 设计中,资源共享是基于网络的,是众多的网络爱好者不求利益地把自己收集的一些 APP 设计图标通过一些平台共享给大众的一种资源交流方式。下面将从移动 ...
18
2.4 APP与用户体验
如今智能手机已经非常普及,尤其在一、二线城市中更是常见。手机APP的数量很可观,功能分类也基本上覆盖生活中的方方面面。随着移动化、碎片化时代的到来,受众的使用习...
19
2.5 三大主流平台与APP之间的关系
在前面认识了APP的特性、图标的设计要点、APP的下载平台和APP与用户体验之后,下面分别从iOS、Android和Windows移动设备的三大主流系统软件来认...
20
第3章 Photoshop创作个性APP
本章主要介绍如何使用Photoshop创作个性APP,包括基础图形的绘制,手机APP中常见按钮的制作,让人过目不忘的启动图标、个性图标的制作。通过对本章的学习,...
21
3.1 基础图形的绘制
本小节主要讲述移动UI中基础图形的绘制。这里包括制作正方形、长方形、圆角矩形、组合图形、虚线以及其他形状等。 基础图形的绘制如图3.1所示。 图3.1 图形的应...
22
3.2 手机APP中常见按钮的制作
一款手机APP能否吸引住用户,关键在于其APP界面制作,因为手机APP界面对用户的第一印象非常重要。专业APP界面制作,需要从细节开始设计。手机屏幕大小有限,但...
23
3.3 让人过目不忘的启动图标
对于专业手机APP设计者来说,必须要细心地处理手机APP的界面设计。一款手机APP应用或系统首先是通过界面将自身的整体性格传递给用户,体现了界面风格营造的氛围,...
24
3.4 个性图标的制作
一些个性图标的制作使手机APP设计更加多元化,产生丰富多彩且富有特色的画面效果。不同的个性化图标,将以自己独特的面孔来诠释所要表达的APP图标领域。这是设计者在...
25
第4章 CSS 布局的艺术和科学
在现代网页设计中,网站布局设计工作需要耐心、细致以及扎实的CSS 知识。设计元素决定了整体设计的视觉流向和层次结构,同时页面布局构建了整个网站的骨架,为页面中的...
26
4.1 固定宽度布局
固定宽度的布局,就像它的名字一样,是一种以像素为单位、宽度固定的静态布局。这类布局的外层宽度都是固定的,内部使用了百分比或者固定的宽度。这样一来,设计师对内容区...
27
4.2 自适应布局
自适应布局是具有灵活变动宽度特性的布局,也被称为流式布局,这种布局会根据网页浏览器的窗口大小相应地调整自己的宽度。在这类布局中,容器中的主体部分的宽度以当前浏览...
28
4.3 动态网格布局
网格设计体现了秩序和精确。本质上,网格允许使用对齐、对称、适当的空白,从战略和系统上来组织排版和设计元素,最终实现令人愉悦和易读的设计。网格布局可以在多种布局类...
29
4.4 自适应的流式布局
尽管流式设计可以适应很多种不同的分辨率,但仍有一个通病,就是在分辨率太低(比如手机或者PDA设备)或者太高的情况下,界面看起来有点可笑。例如,一个三栏布局的页面...
30
4.5 弹性布局
当浏览流式布局的网站时,内容区可能变得太宽而降低了可读性。为了提高可读性,设计师尝试通过限制CSS的属性来限制布局的最大宽度。弹性(或者称为可缩放)布局采用了完...