1.1 软件UI设计基础

众所周知，在当前的硬件与软件环境下，一个软件没有很好的界面设计就不能算是成功的软件。因为不管它的内部有多么精巧的技术，它本身有多么强大的功能，只要用户不愿意使用它，那么它的优越性就得不到发挥，它的价值和作用也就无从谈起。于是一个不涉及技术而着眼于易用性和美观性的用户界面就显得越来越重要，这就是软件UI设计。

1.1.1 什么是UI设计

UI的本意是用户界面（User Interface）,UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅可以让软件变得有个性、有品位，还可以使用户的操作变得更加舒服、简单、自由，充分体现产品的定位和特点。UI设计包含的范畴比较广泛，包括软件UI设计、网站UI设计、游戏UI设计、移动设备UI设计等。如图1-1所示为软件UI设计，如图1-2所示为移动设备UI设计。

在漫长的软件发展过程中，软件界面设计工作一直没有被重视起来。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要卖点。一个友好美观的界面会给用户带来舒适的视觉享受，拉近用户与计算机的距离，为商家创造卖点。软件界面设计不是单纯的美术设计，还需要定位使用者、使用环境、使用方式，并且为最终用户设计，是纯粹的科学性的艺术设计。检验一个软件界面设计得成功与否，需要看最终用户的使用感受。所以软件界面设计需要和用户体验紧密结合，是一个不断为最终用户设计满意视觉效果的过程。

提示

软件界面设计不仅需要客观的设计思想，还需要更加科学、更加人性化的设计理念。如何在本质上提升产品的用户界面设计品质？这不仅需要考虑到软件界面的视觉设计，还需要考虑到人、产品和环境三者之间的关系。

1.1.2 软件UI设计

软件设计可以分为两个部分：编码功能设计与UI设计。编码功能设计大家都很熟悉，但是UI设计还是一个比较陌生的词汇，即使一些专门从事网站与媒体设计的人也不完全理解UI的意思。UI的本意是用户界面，是英文User和Interface的缩写，从字面上看有用户与界面两个组成部分，但实际上还包括用户与界面之间的交互关系。

软件UI设计是软件与用户交互最直接的层面，软件界面的好坏决定用户对软件的第一印象。而且设计良好的软件界面能够引导用户自己完成相应的操作，起到向导的作用。同时软件界面如同人的面孔，具有吸引用户的直接优势。设计合理的软件界面能给用户带来轻松愉悦的感受和成功的感觉，相反由于界面设计的失败，让用户有挫败感，再实用、强大的功能都可能在用户的畏惧与放弃中付诸东流。如图1-3所示为设计合理的精美软件UI。

软件UI设计不仅仅是图形界面的设计，更重要的是用户体验的设计。如果衡量UI设计的好坏只有一种标准，那只能是用户体验。

1.1.3 网站UI设计和软件UI设计的区别

网站UI和软件UI都属于UI设计的范畴，两者之间存在着许多共通之处，因为我们的受众没有变，基本的设计方法和理念都是一样的。网站UI和软件UI设计的主要区别是硬件设备提供的人机交互方式不同，不同平台现阶段的技术制约也会影响到网站UI和软件UI的设计。下面从4个方面向读者介绍网站UI设计与软件UI设计的区别。

① 界面尺寸不同

由于网站自身的特点决定了网站UI设计具有向下延展的特性，这就意味着网站UI设计并不受尺寸大小的约束。而软件界面通常都会有用户界面尺寸的要求，也可以说软件UI设计一般都是局限在方寸之间的设计表现。简单地理解就是网站UI设计的尺寸更加灵活，而软件UI设计的尺寸相对有比较严格的要求。

② 侧重点不同

在过去，网站UI设计的侧重点是“看”，即通过完美的视觉效果表现出网站中的内容和产品，给浏览者留下深刻的印象。而软件UI设计的侧重点是“用”，即在软件界面视觉效果的基础上充分体现软件的易用性，使用户更便捷、更方便地使用软件。但是，随着技术水平的不断发展，网站UI设计也越来越多地体现出“用”的功能，使得网站UI设计与软件UI设计在这方面的界限越来越不明显了。

③ 呈现内容不同

在同一个界面中，网站比软件可以展示更多的信息和内容。例如，淘宝、京东等网站。在网站中可以呈现很多的信息板块，而在移动端的APP应用软件中则相对比较简洁，呈现信息的方式也完全不同。

④ 开发方式不同

网站UI与软件UI在界面的设计表现上会有一些相似的地方，但是其开发的方式是完全不同的。