说实话，500px还是两年前的纯黑白版本漂亮。
不过今天要说的是千古话题：“一致性”在这个app的一个体现。
一致性的好处一般说来是两个：对内降低研发设计成本，对外降低用户学习成本。
看看500px是怎么玩一致性的。
这是两种列表：
小图列表
大图列表
全产品无论什么形状的列表，点开图片，收起图片的方式：都是上滑或下滑。
点开图片详情
下滑（同iOS）或上滑，都能关闭回上一页
接下来，偏执的来了，点开以下这几个，收起的方式：也是上下滑。
准备点开：喜欢、评论、详情
点开的全是“层”。
点开“喜欢”，是一个浮层
下滑收起“喜欢”
下滑收起“评论”
改用上滑，收起“详细”
顺带说一个强大技术带来可能性的例子：
注意这个列表的图片，我上传的都是奇怪尺寸的图片，但每次都会被妥善计算并陈列：
.clock{ width: 500px; height:500px; position: absolute...
html: css: .hh{ width: 500px; height: 500px; bac...
.imgDiv{ width:500px; height:500px; background-image:url(...
蚂蚁部落 .demo{width:500px;height:500px;...
500px Team by Evgeny Tchebotarev on 500px Why we talk abo...
Document .box1{ height: 500px; width:500px; background:re...
效果图： css: .myForm{width:500px;height: 500px;border: 1px ...
说实话，500px还是两年前的纯黑白版本漂亮。 不过今天要说的是千古话题：“一致性”在这个app的一个体现。 一致...
// this.style.height = "500px";}
本文标题：500px
本文链接：https://www.haomeiwen.com/subject/dtdggttx.html
网友评论