V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
cctrv
V2EX  ›  分享创造

一個設計師在買了 iPhone X 后鑒於沒有真正合適 X 的手機壁紙軟件所以她就寫了一個

  •  
  •   cctrv · 2018-01-18 13:06:02 +08:00 · 6252 次点击
    这是一个创建于 2261 天前的主题,其中的信息可能已经有所发展或是发生改变。

    這會是現在最合適 iPhone X 設計的壁紙 App

    iPhone X 採用了 OLED 屏幕,如果使用全黑的壁紙將會更省電。 如果不喜歡全黑的壁紙,採用基於綠色系列的壁紙也能減少壽命損耗。但是千萬不要使用太多藍色的壁紙,藍色顯示單元格壽命比較短,所以不要用太多哦。

    因此,我走上了一條尋覓壁紙的道路了。但是在尋覓大約 8 個壁紙 App 之後,我選擇了另一條路。

    top

    設計和開發

    screen1

    screen2

    當然,我們無法逃脫先用 Sketch 確定大概的視覺風格,再開工開發的固定流程。 這是我第二次用 Swift 寫 App 了,所以用起來就感覺適應很多。 而且最大的好處是,Swift 怎麼寫都有代碼提示,不像以前在寫 JavaScript 一樣,代碼都是依賴腦子記憶。

    再搭配上 Fastlane 發佈,我已經忘記了怎麼透過 xcode 發佈 App 了。

    screen3 screen4

    可能是最合適 iPhone X 的壁紙 App ﹣ Cube X

    IMG_DFE16784EFCD-1

    Cube X 是我在體驗了一圈壁紙 App 之後,我發現,根本沒有真正合適手機壁紙的 App。每一個壁紙 App 或多或少都有如下這些缺點:

    • 分辨率不滿足要求;
    • 奇怪的裁剪方案;
    • 預覽顯示並非合適手機屏幕尺寸。

    我們要選擇一張壁紙,首先需要一點就是,這個壁紙是基於當前手機比例進行預覽的。而不是一個一個正方形格子……這樣無法選擇啊!

    images1

    images2

    因此 Cube X 使用了獨特的 1:2 比例,以滿足 iPhone X 手機的預覽尺寸。讓每個用戶在瀏覽畫廊的時候,就可以做出一種選擇,我到底要不要用這張壁紙。

    images3 IMG_EFAF1519944E-1 images4

    不但如此,Cube X 更加關心你怎麼預覽這張壁紙。在 Cube X,一共有 3 種屏幕預覽模式。還有視覺效果的預覽,以滿足你會在壁紙設定過程中會設定為「視差效果」。

    同時在壁紙屬性面板還提供了基於 unsplash.com 的點讚接口。不能忘記了,Cube X 最為重要的功能就是,提供 RAW 原片下載。一張 10m 的壁紙的威力,不是一張 300kb 的壁紙可以比較的。

    images5

    基於 unsplash.com api 和自定義接口的 stocksnap.io 兩款 CC0 的素材圖庫,無論你是搜索圖片做 PPT 還是搜索圖片來做壁紙,甚至於搜索圖片來打印傳遞,通通沒問題!

    這麼完美的壁紙 App,就要現在下載。

    優點
    • 符合手機顯示尺寸的預覽比例
    • RAW 原片下載
    • 多引擎搜索接口
    缺點
    • unsplash.com API 速度偏慢
    • 偶然的可能錯誤
    • 依然正在更新中……

    images6

    App Store 下載

    https://itunes.apple.com/us/app/cube-x/id1332087138?l=zh&ls=1&mt=8

    Telegram 群組討論

    遇到問題,歡迎來到 Telegram 群組討論討論。

    🙄 (← ← )圍觀! Link: https://t.me/lookingforqoli

    43 条回复    2018-01-22 17:03:15 +08:00
    op7418
        1
    op7418  
       2018-01-18 13:18:59 +08:00
    来帮小姐姐顶一下
    xcodej
        2
    xcodej  
       2018-01-18 13:19:53 +08:00
    666
    sobigfish
        3
    sobigfish  
       2018-01-18 14:58:05 +08:00
    我手机上有 background 和 splasher
    没有 X 就暂时不支持了 😂
    luojianxhlxt
        4
    luojianxhlxt  
       2018-01-18 15:11:45 +08:00
    贫穷的 se 只能友情支持呢
    mokeyjay
        5
    mokeyjay  
       2018-01-18 15:14:06 +08:00
    Wow 很认真很执着,支持一个
    explon
        6
    explon  
       2018-01-18 15:17:37 +08:00
    在国内图片 Loading 有点慢啊
    Boyang
        7
    Boyang  
       2018-01-18 15:18:26 +08:00
    已购买,支持!
    cctrv
        8
    cctrv  
    OP
       2018-01-18 15:25:01 +08:00
    @luojianxhlxt 對啊! 我想起,忘記優化 SE 兼容問題了。
    cctrv
        9
    cctrv  
    OP
       2018-01-18 15:25:40 +08:00
    @sobigfish
    background 有奇怪裁剪問題
    splasher 就缺乏完美預覽……
    jeremaihloo
        10
    jeremaihloo  
       2018-01-18 16:04:32 +08:00
    JavaScript 应该也是有代码提示的吧,不用都靠脑子记的吧

    IDE 或者 编辑器的配置问题。。。
    LanAiFaZuo
        11
    LanAiFaZuo  
       2018-01-18 16:14:45 +08:00
    表示繁体字看不懂
    c6h6benzene
        12
    c6h6benzene  
       2018-01-18 16:27:33 +08:00 via iPhone
    已购买!发现 v2 成了(被)劝败 app 的好地方…
    Boyang
        13
    Boyang  
       2018-01-18 16:39:42 +08:00
    X 的下滑返回怎么滑不动……直接就滑出来通知了
    c6h6benzene
        14
    c6h6benzene  
       2018-01-18 17:29:04 +08:00
    @Boyang 不要从边缘拉,而且幅度不用太大,稍微向下界面就有反应了。

    Bug 回报:( 1 )按点赞数量排序,( 2 )点按图片预览,( 3 )下拉返回,这样会返回到图片列表并自动翻到下一页( 1 到 2,2 到 3 )。在目前没有返回上一页按钮(或者我不知道该怎么操作)的情况下,这样还满……心烦的 :D
    hydyy
        15
    hydyy  
       2018-01-18 17:52:28 +08:00
    绑定绑定!
    cctrv
        16
    cctrv  
    OP
       2018-01-18 18:05:02 +08:00 via iPhone
    @c6h6benzene

    ( 1 )按点赞数量排序
    》 這個怎麼了?
    ( 2 )点按图片预览
    》這個還是怎麼了?
    ( 3 )下拉返回,这样会返回到图片列表并自动翻到下一页( 1 到 2,2 到 3 )。
    》這個 Bug 是偶發的,目前還沒定位清楚原因。

    反饋 Bug 現在都是到 tg 群裡面說,有些 Bug 最好能附一個錄製屏幕就好喔!

    謝謝支持,麼麼噠~❤️
    herozhang
        17
    herozhang  
       2018-01-18 18:17:07 +08:00 via iPhone
    没看懂
    loserwn
        18
    loserwn  
       2018-01-18 18:27:29 +08:00
    @cctrv 貌似国内的 app store 没有投喂?
    c6h6benzene
        19
    c6h6benzene  
       2018-01-18 18:30:15 +08:00
    @cctrv 这个其实是……操作顺序,方便重现
    cctrv
        20
    cctrv  
    OP
       2018-01-18 18:30:49 +08:00 via iPhone
    @loserwn
    搜索的話要搜索 cubex
    最低下的搜索結果就是了。
    cube x 會什麼都搜索不到⋯
    cctrv
        21
    cctrv  
    OP
       2018-01-18 18:31:28 +08:00 via iPhone
    @c6h6benzene oh ~哈哈哈哈 好的啊。我測試一下⋯
    lxy42
        22
    lxy42  
       2018-01-18 18:33:21 +08:00 via Android
    为了支持小姐姐,看来要买个 iPhone X 了
    mritd
        23
    mritd  
       2018-01-18 18:41:07 +08:00 via iPhone
    Github 赶紧关注一波
    daya
        24
    daya  
       2018-01-18 18:41:57 +08:00
    我想知道倒数第三张那张妹子图哪里有原图
    loserwn
        25
    loserwn  
       2018-01-18 18:43:57 +08:00
    @cctrv 已购入。:)
    unknownservice
        26
    unknownservice  
       2018-01-18 19:11:44 +08:00
    已支持 很 coooool
    cctrv
        27
    cctrv  
    OP
       2018-01-18 19:26:16 +08:00
    @daya
    https://unsplash.com/photos/T7u80lt35V4
    翻到了第八頁,找到原圖了
    but0n
        28
    but0n  
       2018-01-18 20:29:30 +08:00 via iPhone
    已购买
    zouyun5152
        29
    zouyun5152  
       2018-01-18 20:32:58 +08:00 via iPhone
    为了支持小姐姐,我决定买个 iPhone X
    ihainan
        30
    ihainan  
       2018-01-18 20:43:20 +08:00
    已入,很满意 :D
    huang5587783
        31
    huang5587783  
       2018-01-18 21:43:06 +08:00 via iPhone
    牛逼
    lujiajing1126
        32
    lujiajing1126  
       2018-01-18 22:11:51 +08:00 via iPhone
    支持一下小姐姐~
    Abercrombie
        33
    Abercrombie  
       2018-01-19 09:03:31 +08:00
    之前看到一个两台 x 用你的名字做 live photo background 拼在一起很好玩,请问有类似 app 吗
    v1
        34
    v1  
       2018-01-19 09:14:20 +08:00
    数字尾巴的鲸图有的质量还不错,LZ 可以抓一下
    cctrv
        35
    cctrv  
    OP
       2018-01-19 09:26:14 +08:00
    @v1
    数字尾巴的鲸图 搜索了一下,我無法確定他的版權是否 CC0.
    因為 App 是出售的,所以這樣很容易觸發版權問題。

    @Abercrombie
    有一個日本華人正在做一個 Live Photo 加字的 App
    Abercrombie
        36
    Abercrombie  
       2018-01-19 09:26:42 +08:00
    swipe down to return 没成功过
    cctrv
        37
    cctrv  
    OP
       2018-01-19 10:16:53 +08:00
    @Abercrombie
    在上一個畫面畫……
    fumichael
        38
    fumichael  
       2018-01-19 10:37:03 +08:00
    wow,这波好强,我还翻到七牛的工具,赞
    Abercrombie
        39
    Abercrombie  
       2018-01-19 10:44:58 +08:00
    @cctrv 我全屏幕都试过下滑动作 没成功过 而且 preview 点了也没任何效果 。。。
    cctrv
        40
    cctrv  
    OP
       2018-01-19 10:57:59 +08:00
    @Abercrombie
    在瀏覽圖片時候,從中央輕輕往下滑就可以返回上一層了。
    Abercrombie
        41
    Abercrombie  
       2018-01-19 11:14:55 +08:00
    @cctrv 我知道了 下载页面上方有一句 swipe down to return 是个误导 下载页面实际上是要 double tap top area 才能返回浏览页面
    cctrv
        42
    cctrv  
    OP
       2018-01-19 11:49:33 +08:00 via iPhone
    @Abercrombie
    這個提示以後會修正一下。
    wanwan
        43
    wanwan  
       2018-01-22 17:03:15 +08:00
    来帮小姐姐顶一下
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1189 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 36ms · UTC 23:11 · PVG 07:11 · LAX 16:11 · JFK 19:11
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.