课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
界面优化对于提高用户使用体验有很明显的效果,而今天我们就通过案例分析来了解一下,界面优化常见方法都有哪些。
不同尺寸的图标对齐方法
我们经常会遇到一个页面中有多个同级图标排列的情况,不管是用宫格排列或是列表排列都需要每个图标整齐有序、尺寸统一。但实际情况下不可能每个图标尺寸都完全统一。一般这种情况我们可以给每个图标统一添加一个相同尺寸的矩形图层作为背景板,将背景板隐藏后再整体编组,这样一来就能保证每个图标所在的组都是相同的尺寸就能统一对齐了。
内容边界渐变过渡
在页面设计工作中我们有时会遇到信息容器边界固定,而容器内信息可以滑动的情况。如果内容在边界处是直接被裁切的话体验的感受就会比较割裂。我们可以尝试更好的解决方案,在容器边界增加渐变过渡,这样信息在边缘的过渡就变得柔和,页面整体更协调。
动态流图片适配
动态流是我们非常常见的样式,是分发用户生产内容的主要载体之一。主要包含了用户信息、文字、图片和视频等内容。一般情况支持九张图片或一个视频,在有多张图片时,可以做成宫格的样式适配,每张图片截取中间的正方形部分。
而只有一张图片或者视频时,为了保证图片和视频的预览效果,通常会做大尺寸的预览图,而图片的宽高尺寸并不固定,所以只截取中间方形的方案并不能满足要求,我们要根据这个情况做单独的适配方案。
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请在707945861群中学习了解。