欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-04-13 17:13:37
...
这篇文章主要为大家分享了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设计小技巧

以上就是总结关于设计小技巧注意点的详细内容,更多请关注其它相关文章!