500px

說實話,500px還是兩年前的純黑白版本漂亮。

不過今天要說的是千古話題:“一致性”在這個app的一個體現。

一致性的好處一般說來是兩個:對內降低研發設計成本,對外降低用戶學習成本。

看看500px是怎么玩一致性的。

這是兩種列表:


小圖列表
大圖列表

全產品無論什么形狀的列表,點開圖片,收起圖片的方式:都是上滑或下滑。


點開圖片詳情
下滑(同iOS)或上滑,都能關閉回上一頁

接下來,偏執的來了,點開以下這幾個,收起的方式:也是上下滑。


準備點開:喜歡、評論、詳情

點開的全是“層”。

點開“喜歡”,是一個浮層


下滑收起“喜歡”


下滑收起“評論”


改用上滑,收起“詳細”

順帶說一個強大技術帶來可能性的例子:

注意這個列表的圖片,我上傳的都是奇怪尺寸的圖片,但每次都會被妥善計算并陳列:


最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 使用純 CSS 實現 500px 照片列表布局 文章很長,因為介紹了如何一步一步進化到最后接近完美的效果的,不想讀...
    HZ充電大喵閱讀 2,686評論 0 4
  • 500px和圖蟲都是高品質圖片分享APP,整體上而言,二者在產品功能及功能布局上同質化,但細細比較,兩者在構造圖片...
    Qonyyyy閱讀 7,669評論 2 7
  • 1、產品介紹 500px是一個專業攝影師圖片社區,2003年創建于加拿大,旨在分享和發現精彩的照片,尋找最優秀的攝...
    王卡卡閱讀 1,590評論 0 4
  • 僅適用于網頁版請自覺遵守相關法規,尊重版權,勿作商用 2017/8/29更新:太久沒用,試了一下發現這個方法已經失...
    Lutein閱讀 1,664評論 2 6
  • 自從看完《富爸爸窮爸爸,覺得理財很重要,就從去年開始記錄自己的消費習慣。因為還只是學生,今年剛出來實習。差不多都是...
    梁_43ac閱讀 236評論 0 0