又撸了个音乐播放器,还是抄 iPod 的交互和设计 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
iOS 开发实用技术导航
NSHipster 中文版
http://nshipster.cn/
cocos2d 开源 2D 游戏引擎
http://www.cocos2d-iphone.org/
CocoaPods
http://cocoapods.org/
Google Analytics for Mobile 统计解决方案
http://code.google.com/mobile/analytics/
WWDC
https://developer.apple.com/wwdc/
Design Guides and Resources
https://developer.apple.com/design/
Transcripts of WWDC sessions
http://asciiwwdc.com
Cocoa with Love
http://cocoawithlove.com/
Cocoa Dev Central
http://cocoadevcentral.com/
NSHipster
http://nshipster.com/
Style Guides
Google Objective-C Style Guide
NYTimes Objective-C Style Guide
Useful Tools and Services
Charles Web Debugging Proxy
Smore
spongebobsun
V2EX    iDev

又撸了个音乐播放器,还是抄 iPod 的交互和设计

  •  
  •   spongebobsun
    SpongeBobSun 2017-05-03 16:48:55 +08:00 5761 次点击
    这是一个创建于 3087 天前的主题,其中的信息可能已经有所发展或是发生改变。

    书接上文 - t/346113

    这回是 iOS 的

    源码

    https://github.com/SpongeBobSun/Prodigal-iOS

    App Store

    https://itunes.apple.com/app/kuansun/id1231296263

    截图

    https://github.com/SpongeBobSun/Prodigal-iOS/raw/master/artworks/home.png

    https://github.com/SpongeBobSun/Prodigal-iOS/raw/master/artworks/cover.png

    https://github.com/SpongeBobSun/Prodigal-iOS/raw/master/artworks/theme2.png

    https://github.com/SpongeBobSun/Prodigal-iOS/raw/master/artworks/theme1.png

    上架过程还算顺利,除了 Review 的人不看引导页之外没什么槽点……

    App Store 的版本是没有圆形主题的,因为实在是太像 iPod 了,不敢作死。但是主题是可以自定义并且通过 iTunes 导入的,具体的项目主页有写。

    听取了之前帖子的意见,把唱片封面作为主背景

    开发过程仓促,bug 难免,欢迎 Star 及 Pull Request

    29 条回复    2017-05-15 16:15:04 +08:00
    spongebobsun
        1
    spongebobsun  
    OP
       2017-05-03 16:50:28 +08:00
    还是没学会发图(Д)」

    @yuweining123 上次说 @你来着…

    @xiparos iOS 的来咯~
    WillfordSimon
        2
    WillfordSimon  
       2017-05-03 16:58:50 +08:00   1
    引导页本来就没什么人看,不要做这种意淫设计(抱歉口气有点重,但我真心看不起引导页)了。大多数人都在干的事不一定是好的。

    好的引导设计应该由各种微交互构成,例如隐藏元素应该在第一次见到的时候予以显示,然后用动效隐藏起来。其他同理,关键要让人知道那个元素“是可以动的”。

    当然说这么多我觉得你缺个设计师或者设计基础是真的……

    再以及开发可以走 MVP 模式,做个小原型出来,引导页没人看就扔了,这也是一个法子,虽说试错代价相对有经验设计师控场的情况下要高一些。
    spongebobsun
        3
    spongebobsun  
    OP
       2017-05-03 17:05:49 +08:00 via iPhone
    @WillfordSimon 怎么说呢,这玩意本来就很鸡肋,我也不爱做,拖拖拽拽半个下午搞出来的东西也没指望别人咋看。

    设计师这事儿得退一步讲,本来就是搞得玩儿的东西,搞得这么规范正规就不好玩儿了。还有上一篇帖子已经自己说过了审美很差。

    况且我也没矫情意淫不是?
    WillfordSimon
        4
    WillfordSimon  
       2017-05-03 17:08:22 +08:00
    @spongebobsun #3 那就没啥问题了,半下午的东西做成这样很厉害啊(在一个代码咸鱼看来)。想做好的话,保持迭代呗。
    spongebobsun
        5
    spongebobsun  
    OP
       2017-05-03 17:11:43 +08:00 via iPhone
    引导页半个下午哈…表误会
    minamike
        6
    minamike  
       2017-05-03 17:18:01 +08:00   1
    如果能同步到 last.fm 就好了
    A3m0n
        7
    A3m0n  
       2017-05-03 17:19:57 +08:00
    @WillfordSimon 引导页主要作用还是腾出几秒钟的时间来给应用加载资源的吧。
    WillfordSimon
        8
    WillfordSimon  
       2017-05-03 17:25:00 +08:00
    @A3m0n #7 这个讨论已经很多了,基本不建议使用 splash screen,没什么用还降低用户耐心。
    kekex
        9
    kekex  
       2017-05-03 17:26:15 +08:00
    设计确实不好看 楼主既然发布到应用商店了 就应该接受别人的批评 何况不是什么恶意的评论
    minamike
        10
    minamike  
       2017-05-03 17:30:29 +08:00   1
    突然发现删掉自带 music 应用也不影响播放 太好了
    再次希望能加上同步到 last.fm 功能(星星眼
    designer
        11
    designer  
       2017-05-03 17:33:11 +08:00
    很棒,就是界面丑了点
    spongebobsun
        12
    spongebobsun  
    OP
       2017-05-03 17:37:39 +08:00 via iPhone
    @kekex 哈哈,我虚心接受着呢。设计这个东西是另一门学问和艺术,我这种天赋差的,入门总得有个阶段是不~
    spongebobsun
        13
    spongebobsun  
    OP
       2017-05-03 17:38:39 +08:00 via iPhone
    @minamike 额额额,怎么都要这个,我回头瞅瞅…主要是自己不用这个服务哈哈( )
    xycool
        14
    xycool  
       2017-05-03 17:40:10 +08:00
    https://ooo.0o0.ooo/2017/05/03/5909a4e78e783.png 我觉得 QQ 音乐这个 ipod 主题挺好看的。
    QAPTEAWH
        15
    QAPTEAWH  
       2017-05-03 17:41:38 +08:00
    当年 click wheel 手感也满奇妙的。要是配合 taptic engine 模拟一下就好了(虽然我用的 SE..)。
    spongebobsun
        16
    spongebobsun  
    OP
       2017-05-03 17:42:00 +08:00 via iPhone
    @xycool 不敢搞得太像,怕 Apple 不高兴… gayhub 有个叫 tapwheel 的 demo,像素级拷贝…
    jakiepaper
        17
    jakiepaper  
       2017-05-03 18:19:45 +08:00 via iPhone
    真的是好丑好丑……加油!
    zhihaofans
        18
    zhihaofans  
       2017-05-03 18:30:34 +08:00 via iPhone
    图一左上角的字都快跑出去了。。
    spongebobsun
        19
    spongebobsun  
    OP
       2017-05-03 18:33:36 +08:00 via iPhone
    @jakiepaper 可以尝试改下主题?
    spongebobsun
        20
    spongebobsun  
    OP
       2017-05-03 18:34:03 +08:00 via iPhone
    @zhihaofans 因为滑到底了
    zhihaofans
        21
    zhihaofans  
       2017-05-03 18:45:34 +08:00 via iPhone   1
    @spongebobsun https://ooo.0o0.ooo/2017/05/03/5909b48168dea.jpeg 我是指这个,偏太左了
    spongebobsun
        22
    spongebobsun  
    OP
       2017-05-03 18:51:17 +08:00
    记下了。谢谢。
    LZRng
        23
    LZRng  
       2017-05-03 21:31:38 +08:00 via iPhone
    学习了,谢谢
    ggmood
        24
    ggmood  
       2017-05-04 06:26:08 +08:00
    下载支持一下
    xayoung
        25
    xayoung  
       2017-05-04 13:29:01 +08:00 via iPhone
    说实话有点丑
    yosemite
        26
    yosemite  
       2017-05-04 16:05:09 +08:00
    之前我也做了一个,不过是蓝牙交互的。不过我界面都是抄的
    BiuBiuBiuX
        27
    BiuBiuBiuX  
       2017-05-14 12:31:19 +08:00
    把 iOS 写成了 半个安卓
    spongebobsun
        28
    spongebobsun  
    OP
       2017-05-15 09:27:01 +08:00 via iPhone
    @BiuBiuBiuX 您是在批评我的 UI 还是代码呢
    BiuBiuBiuX
        29
    BiuBiuBiuX  
       2017-05-15 16:15:04 +08:00
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     872 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 28ms UTC 20:59 PVG 04:59 LAX 13:59 JFK 16:59
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86