APP中临时框的设计技巧

发布时间:2017-05-13 10:43:38来源:http://www.qzyzkj.com


    作为交互规划师和UI规划师,工作就是要把页面设计的更加吸引人,能够吸引更多的用户。那么在设计中,临时框的设计是设计师的基本工,也是很考验技术的工作之一。APP设计中,不同的情况有不同的临时框设计,那么具体有几种临时框呢?这几种临时框又怎么能设计的更好呢?
 

    不同的规划就会有不同的临时框设计,作为细节设计的一个部分,要非常重视它的设计。在APP设计中,有以下几种临时框:
 

    1.警告类
 

    回想一下,当听到一个令人震惊音讯时你的反应是?大有些人的反应是“啥?”或许“你说啥?”你潜意识的请求对方再说一遍。为啥?由于这个信息太出人意外了,所以你要再次承认下是不是真的!
 

    相同的道理,在我们操作APP时,一不小心摁到了删除按钮,本来你看的正起劲,突然出现这个界面,是不是下一跳?但是要是没有这个警告呢?你可能愤怒就会更多一点。警告类的临时框的作用也正在于此。有些操作比较灵敏,不小心摁错了键,还有反悔的余地。可以说在临时框的设计中,这个是最不可缺少的。它的设计让我们减少很多不必要的失误。
 

    就如下面几幅图,警告类的临时框是必不可少的。

    从上图也可以看到,警告类试图中,需要有简单的文案介绍以及选择按钮。
 

    2.列表类
 

    现在是全民音乐的时代,相信每个人手机上都会有一个听音乐的APP,我们在使用某音乐APP时,听到一首好听的哥,就会想知道歌手信息,专辑信息或者还想要下载或者收藏这首歌,用户有这么多的需求,不能一个功能就设计一个页面,这样的话页面的叠加就太多了,那么这时候的设计就是列表类临时框更能满足这样的要求。用列表类的临时框设计来满足多样化的需求,既不会使页面显得很繁杂,又能满足多方面的要求,可以说列表类临时框是非常重要的。
 

    当然,我这里说的是列表类,设计师在设计时,可以设计多种不同的列表类设计。充分满足多种需求,要你的APP设计更显人性化。
 

    3.模态类
 

    除了前面两种类型,我们还有其它种类,这里要讲的就是模态类。
 

    手机发邮件也是非常方便便捷的方式,我们在打开一个邮件APP,点击写邮件,这时候页面底部就会弹出写邮件的界面,占满了手机屏幕,当写完邮件,点击发送,或者这时候不想写邮件了之后,再点击撤销,随时都可以回到原来的界面。这样的页面就是模态类的临时框。
 

    这种类型的临时框有几个特点:
 

    (1)占有全部屏幕,或许占有全部父视图的区域。
 

    (2)包括完结其时使命所需的文字和控件。
 

    (3)通常也包括一个完结使命的按钮,和一个撤销按钮。
 

    4.简洁类
 

    这种临时框相比于前面三种有一个好处就是,你不需要点击就可以让临时框消失。这种类型,就是说它会主动不见,通常保持的时刻是1到1.5秒。时间的长短把握的刚刚好。
 

    那么什么情况下下会用到这种临时框呢?在现在移动端的运用场景很复杂,很多时候APP不能及时给用户反馈操作信息,这时候就会跳出这样一个临时框,显得很人性化,用户体验也会很好。




【返回】

 
服务热线:
13959859749