APP交互设计与网页设计

一、启动情境的交互设计
启动情境是APP启动过程中呈现的设计情境。启动情境设计中应以用户认知和行为习惯为基础、以人本主义为指导进行符合用户个性的交互创意，为用户呈现符合用户期望又超出用户预期的设计情境。

①轮播展示的个性情境。新安装的APP的通常采用3~5个画面进行应用功能特色的轮播展示，有利于集中用户的视觉中心，形成用户的初步认知和设计印象。

APP交互设计

②启动界面的价值情境。启动界面作为缓冲应用程序加载过程的视觉呈现形式，是用户使用应用的第一个界面。将启动界面设计成带着亲切问候的“老朋友”，与用户“谈人生、说理想”，有利于用户在反复认知的基础上加深对应用的理解。
③引导用户的表达情境。在启动界面中演示APP的交互操控是常见的引导用户的形式，例如：视频APP播放界面中左右滑动控制进度，上下滑动控制音量的提示，考虑用户的行为习惯，降低用户的不适应性。
二、功能情境的交互设计
功能情境是APP应用启动后的主界面，即功能组织的界面情境。功能情境的交互风格通过界面的版式、配色、信息设计和动效展示出来，是用户对于应用的整体印象。
①拟物风格与扁平风格。从功能情境表现的设计形式分析，可分为拟物风格和扁平风格。拟物风格是将用户工作生活中的事物及其工作方式进行模拟，在视觉形式上的体现是具有高光、阴影和纹理，产生实物的设计效果。

扁平风格在视觉上呈现出更平的方式，摒弃了拟物设计的装饰元素，呈现出简洁的设计风格。扁平风格采用简约思维的设计方式，体现出潮流、时尚和活力的特征，颇受青年人的喜爱。

APP交互设计

②功能风格与行为风格。从功能情境表现的交互逻辑分析，可分为功能风格与行为风格。功能风格是以APP的功能逻辑进行设计的风格，适用于功能选项众多、服务与内容庞杂的APP设计，设计中采用功能分类的方式组织界面交互元素，信息结构通常表现为层次形式。
行为风格是以用户的交互行为进行组织界面的交互元素，以行为相关性为指导，将与用户行为的交互元素呈现给用户，适用于功能、流程与结构相对简单的APP设计，信息结构体现出网状形式。
③同类风格与个性风格。从功能情境表现的组织形式分析，可分为同类风格与个性风格。同类风格体现了认知心理学中的习惯性原理，形式上表现在APP设计与同类APP的视觉与交互的一致性。
个性风格打破了同类应用的设计模式，体现了差异化策略，有助于形成APP的个性特征，尤其适合于追求时尚与个性的青年用户，通常出现在休闲游戏、时尚杂志类APP设计中。
三、应用情境的交互设计 

应用情境是APP功能应用的具体情境。设计中应以用户需求为基础，以人机工程学为指导，适应用户使用方式的变化，将交互设置、动效设计、感官交互与应用情境结合起来，提升交互审美与应用品味。

APP交互设计

①应用情境的设置创意。智能手机APP应适应用户使用情境的变化，体现易用性与适应性。交互方式设置选项一般设计在我的”、设置或用户之类的功能选项中，采用用户熟知的图标结合文字的设计方式，通常包括账户信息、应用界面设置、推动信息设置等相关选项。
②应用情境的动效设计。由于动效设计具有历时性的特点，能够给用户持续的视觉感受，已成为智能手机APP交互设计中的流行元素。动效设计有助于信息的可视化，从而提升用户的认知与控制感。
③应用情境的感官交互。应用情境的感官设计中，应将视觉、听觉、触觉、运动等感官通道与APP交互设计结合起来，充分运用智能手机的相机、听筒等设备，形成语音交流、文字识别、触控摇动相结合的感官交互形式，丰富用户感官交互的输入输出通道。