移动界面(Web/App)Photoshop UI设计十全大补
上QQ阅读APP看书,第一时间看更新

1.1 App UI设计概述

Version:CS4 CS5 CS6 CC

我们要想真正进入App界面的领域中,就必须弄清楚智能手机与App客户端、智能手机的操作系统、智能手机App的布局说明和App界面的分类等问题。接下来,我们将带着这些问题来学习本章节的内容。

1.1.1 UI设计的概念

UI可以直译为用户界面,UI设计不仅仅是指界面美化设计,从文字层面还能看出UI还与“用户和界面”有直接的交互关系。所以,UI设计不仅仅是为了美化界面,还需要研究用户,让界面变得更简洁、易用、舒适。

用户界面无处不在,它可以是软件界面,也可以是登录界面,不论是在手机还是在PC上都有它的存在。

▲iOS7主界面

▲聊天

▲购物

▲门户

▲游戏

▲音乐

1.1.2 App客户端

App即application的简写,指手机应用程序客户端,因此被称为应用。客户端是App的另一种叫法,连在一起称为App客户端,上图是Android系统的客户端图标展示。每一个图标代表一个App,这些App在智能手机上都具有一定的用途,如清理手机的360卫士、浏览页面的手机QQ浏览器、播放音乐的QQ音乐播放器、中文输入的搜狗输入法等。App通常分为个人用户App与企业级App。个人用户App是面向消费者个人的,而企业级App则是面向企业用户开发的。

1.1.3 主要工具软件

Photoshop简称PS,是一款功能强大的图形图像处理软件,下图为Adobe Photoshop主界面。在使用UI设计来美化界面的时候,Photoshop的使用频率非常高,当然这也是根据设计者的喜好而决定的。但是对于初学者来说,掌握Photoshop会比其他图形图像处理软件容易些,因此,我们使用Photoshop软件来编写这本手机UI书。

▲Photoshop主界面