必威体育Betway必威体育官网
当前位置:首页 > 网站建设

100个弹框设计小结

时间:2018-03-27 20:01:00来源:网站建设作者:seo实验室小编阅读:69次「手机版」
 

设计小结

1. 新手引导

第一感觉是非常重要的。Google+及Carbonmade的新手引导采用了弹框,配上漂亮的插图。这种处理手法美观,不影响页面布局,卡片式的表现手法还能贯穿网页及移动的一致体验。

弹窗设计 产品设计 Web优化

Google Photos的新手引导更结合了微动画,效果非常惊艳,让人过目不忘。

弹窗设计 产品设计 Web优化

2. 选择器

选择器的特点是用一个内滚区域来承载一个很长的页面,而该内滚区域的高度是可以根据浏览器的高度拉伸的。其好处是除了能放下很长的页面,同时能保留一些操作一直停留在屏幕上。这裡可以选择性的为弹框设置一个最大及最小高度,但要注意的是必须把背景锁定,否则出现2条滚动条的体验是很糟糕的。以QQ公众平台的图文选择器为例:

弹窗设计 产品设计 Web优化

Flickr的图片选择器。

弹窗设计 产品设计 Web优化

3. 任务

有时候某些任务只是一些简单的操作,并不特地需要一个页面来表现,弹框是一个很好的方法。

Duolingo用插图和icon等视觉元素来丰富任务弹框的表现形式,减轻枯燥感。

弹窗设计 产品设计 Web优化

trello的任务弹框虽然信息较多,但好处是能快速切换到不同的任务,增加效率。

弹窗设计 产品设计 Web优化

相关阅读

三星冰箱与西门子冰箱哪个好?工艺精湛设计独特提升人们

人们对于生活的要求,总是随着时代的进步而提升。要想打造最美生活空间,工艺精湛、设计独特、细节考究的家电成为现在人们的新宠。

首届“来电一下”共享充电宝设计大赛完美收官!100款定

历时两个月,来电科技与摸鱼塘共同发起的首届“来电一下”共享充电宝设计大赛完美收官!本次比赛共覆盖全国核心人群100万

如何用编程思维快速完成产品设计?

舒舟(阿里巴巴1688事业部):人们普遍认为,流程和工具不重要,重要的是想法和思路。话虽如此,不过我认为流程和工具也能反映一个设计师的设

后台产品设计的4个原则

大家都说后台产品难做、要求高,这是有原因的。而且这个原因会超出我们的认知,一起来看看吧。什么是后台产品后台产品也被我们称为后

提升文字设计感的10种方式

文章作者在浏览国外的一些设计网站的过程中,做了一下文字设计形式方面的收集,并整理出十种认为具有代表性的文字设计形。enjoy~我们

分享到:

栏目导航

推荐阅读

热门阅读