首页 > web前端 > html教程 > 总结关于设计小技巧注意点

总结关于设计小技巧注意点

巴扎黑
发布: 2017-06-12 13:17:39
原创
1191 人浏览过

这篇文章主要为大家分享了12个不为大家熟知的HTML5设计小技巧,相信大家一定会有所收获,感兴趣的小伙伴们可以参考一下 12个不为大家熟知的HTML5设计小技巧,内容如下1、交互上,慎用向右滑动的操作方式。如:刮刮乐涂抹效果,左右滑动翻页等。原因:苹果手机上,向右滑动容易触发返回“上一级页面”效果。2、交互上,慎用横屏展示效果。原因:体验上,需要用户设备开启屏幕旋转功能,才能正常观看,用户操作成本高。对不同屏幕的手机,长宽比例不一,难以展示最佳的视觉效果。3、视觉上,功能按钮等,远离页面底部(大概128px,这个尺寸不是固定Z值),具体看重构采用什么适配方式(仅供参考:640*1136 px,从上往下计算,主要内容在1008px内)。原因:更好的设备各种屏幕的手机,避免按钮被挡住。4、视觉上,慎用“光线叠加效果”或PS里面的“图层样式”效果。如:给图层加个“柔光”、“滤色”、“色相”等等

1. 详细介绍HTML5 12个设计小技巧(图文)

总结关于设计小技巧注意点

简介:这篇文章主要为大家分享了12个不为大家熟知的HTML5设计小技巧,相信大家一定会有所收获,感兴趣的小伙伴们可以参考一下

2. CSS样式设计小技巧(水平居中,垂直居中)_html/css_WEB-ITnose

简介:CSS样式设计小技巧(水平居中,垂直居中)

3. 超实用!12个鲜为人知的HTML 5设计小技巧_html/css_WEB-ITnose

简介:超实用!12个鲜为人知的HTML 5设计小技巧

4. 12个鲜为人知的HTML 5设计小技巧_html/css_WEB-ITnose

简介:12个鲜为人知的HTML 5设计小技巧

以上是总结关于设计小技巧注意点的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板