手机移动端APP引导界面设计模板素材,分层可临摹

手机app引导设计一:引导语句必须简短,聚焦在最重要的任务上

因为在移动情境中,人机会话时间更加有限,注意力更容易分散。而人类的短期记忆难以保存太多的内容,信息在20秒左右的时间内就会开始被遗忘。因此,相比于在一个浮层上一次性展示UI当中每个地方的说明,不如一次聚焦在一两个上面。减少说明的焦点可以使用户将注意力放在最重要的说明上。一次展示的说明越少,用户越有可能去阅读并记忆下来。

更多优秀的APP引导界面到乐于分享的搜UI (SOOUI) ,实练可以帮助设计师提升作品水平!

手机移动端APP引导界面设计模板素材,分层可临摹

Platforma 引导页线框

同时交互设计师也要学会挑选合适的时机,为用户提供最重要的引导提示,一次一个,使他们更容易理解和明白。

手机移动端APP引导界面设计模板素材,分层可临摹

 

引导页

手机app引导设计二:尽量使用图形元素

最合理的方式是:

“恰当的图形元素” +简短的文字”,并整合到一个展示层面上。

这种方式即有利于用户阅读,也可以使多步骤的流程更直观、易懂、易记忆。

值得推荐。

手机移动端APP引导界面设计模板素材,分层可临摹

 

引导页

手机app引导设计三:切记与实际UI界面混淆

必须使引导提示在外观上与实际界面元素有着明确的区分,否则引导提示就是在干扰实际界面,用户也会迷茫,甚至会把教学内容当做功能界面,试着与其交互。

手机移动端APP引导界面设计模板素材,分层可临摹

 

Ink 引导页

聚焦于当前界面中最主要的交互任务,以图文并茂的方式提供最易扫描的说明内容,避免一连串的提示。同时,还要确保你的提示内容不会与应用的实际UI混淆在一起。

初学者可以多临摹网格模板

 

手机移动端APP引导界面设计模板素材,分层可临摹

引导4网格系统

手机移动端APP引导界面设计模板素材,分层可临摹

引导V4响应电网

手机移动端APP引导界面设计模板素材,分层可临摹

 

免费的东西:12柱网(PSD)