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

做了个微信的深色模式设计稿

  •  
  •   twtww · 2019-11-14 22:11:35 +08:00 · 9346 次点击
    这是一个创建于 1821 天前的主题,其中的信息可能已经有所发展或是发生改变。

    拿 Adobe XD 做的,不知道微信到时候深色模式和我画的有多大差别。 微信深色模式设计

    第 1 条附言  ·  2019-11-15 11:31:34 +08:00

    微信深色模式置顶演示 更新了置顶部分的演示。 置顶区域包括会话置顶,小程序置顶和快捷入口。还在考虑多个会话置顶的显示方式。 教张小龙做微信太有趣了。

    41 条回复    2019-11-20 20:47:50 +08:00
    qoo2019
        1
    qoo2019  
       2019-11-14 22:12:34 +08:00 via iPhone
    人家就是不出,让你没得比
    twtww
        2
    twtww  
    OP
       2019-11-14 22:20:01 +08:00
    @qoo2019 哈哈哈,可能要等到年终奖拿到之后才出吧
    iXingo
        3
    iXingo  
       2019-11-14 23:05:15 +08:00
    你的图挂了
    hzlzh
        4
    hzlzh  
       2019-11-14 23:15:12 +08:00
    你顶部 Banner 是做什么的?
    ochatokori
        5
    ochatokori  
       2019-11-14 23:25:17 +08:00 via Android
    @hzlzh #4 置顶聊天吧
    designer
        6
    designer  
       2019-11-14 23:29:22 +08:00 via iPhone
    你有教张小龙做产品得巨大嫌疑
    ronman
        7
    ronman  
       2019-11-14 23:33:04 +08:00 via Android
    真是辛苦你了
    okoook
        8
    okoook  
       2019-11-14 23:34:29 +08:00 via iPhone
    张小龙:不出深色模式是为了让你们在晚上少玩手机
    edsheeran
        9
    edsheeran  
       2019-11-15 00:29:45 +08:00 via iPhone   ❤️ 1
    我觉得楼主画的界面比 tx 设计部门的都好
    joephuy
        10
    joephuy  
       2019-11-15 00:32:00 +08:00 via iPhone
    原来是图挂了,还以为是楼主的黑色幽默。
    oneisall8955
        11
    oneisall8955  
       2019-11-15 00:35:27 +08:00 via Android
    图没挂啊😳,难道还有另外一张?
    guog
        12
    guog  
       2019-11-15 01:16:24 +08:00 via Android
    real me 已经有了
    dodo2012
        13
    dodo2012  
       2019-11-15 01:19:29 +08:00
    小龙在赶来教育你的路上
    dapang1221
        14
    dapang1221  
       2019-11-15 01:52:05 +08:00
    光教做产品还不够,现在直接把设计稿糊张小龙脸上了
    korokke
        15
    korokke  
       2019-11-15 02:29:08 +08:00
    我这里图也挂了😢
    MrStark
        16
    MrStark  
       2019-11-15 04:03:14 +08:00   ❤️ 1
    顶部留了太多空白区了
    d5
        17
    d5  
       2019-11-15 07:52:42 +08:00 via iPhone
    置顶会话和小程序是精髓啊
    0x400
        18
    0x400  
       2019-11-15 08:39:16 +08:00 via Android
    听说有人要教我做产品?
    HeyWeGo
        19
    HeyWeGo  
       2019-11-15 08:42:27 +08:00
    这种不求进取的 app,还指望他什么
    kekeyu
        20
    kekeyu  
       2019-11-15 08:54:18 +08:00
    我这里看图挂了啊
    twtww
        21
    twtww  
    OP
       2019-11-15 09:17:42 +08:00
    @hzlzh
    @d5
    @ochatokori
    是的!这块区域我预留了会话置顶、小程序置顶和扫码、付款二维码的快速入口。
    twtww
        22
    twtww  
    OP
       2019-11-15 09:21:26 +08:00
    Majirefy
        23
    Majirefy  
       2019-11-15 09:28:49 +08:00
    大胆!敢教张小龙做产品!
    douglarek
        24
    douglarek  
       2019-11-15 09:42:56 +08:00 via Android
    我觉得题主做的会比微信好
    hatw
        25
    hatw  
       2019-11-15 10:30:32 +08:00
    张小龙:又想教我做产品。。。。。。
    secretisu
        26
    secretisu  
       2019-11-15 10:35:22 +08:00 via iPhone
    微信:就是任性,就是不随波逐流,你们黑暗我非要光明模式,哈
    twtww
        27
    twtww  
    OP
       2019-11-15 12:49:42 +08:00
    wolfie
        28
    wolfie  
       2019-11-15 13:10:01 +08:00
    太黑了,纯粹黑底白字有点散光感觉。

    之前看到 pc 版设计。
    https://i.loli.net/2019/11/15/cZmVvw6LOJoHY27.png
    optional
        29
    optional  
       2019-11-15 13:11:44 +08:00
    滑动的 banner 个人认为不太好,微信元素里基本没有滑动元素
    twtww
        30
    twtww  
    OP
       2019-11-15 13:29:30 +08:00 via Android
    @wolfie 是的,配色还没好好琢磨

    @optional 个人喜好吧
    helloh1n1
        31
    helloh1n1  
       2019-11-15 14:40:12 +08:00
    同是深色模式爱好者,真的是受不了腾讯系了。
    只有 QQ 出了一个夜间模式,但是真的看不清字,字不是白的而是灰的。
    难道腾讯觉得深色模式就是晚上用的吗?
    crazytree
        32
    crazytree  
       2019-11-15 14:44:23 +08:00
    我觉得不行
    twtww
        33
    twtww  
    OP
       2019-11-15 14:45:33 +08:00
    @helloh1n1 是的,不太清楚这些大厂的工作模式
    KeyboardManAnAn
        34
    KeyboardManAnAn  
       2019-11-15 18:01:45 +08:00 via iPhone
    @helloh1n1 QQ 的深色模式的动态页还是白色,有很强的割裂感,体验很不好
    lait
        35
    lait  
       2019-11-16 01:16:43 +08:00 via Android
    夜间模式,图片可以考虑加个蒙版。使用过多款软件的夜间模式,头像真的是夜空中最亮的星……
    lincanbin
        36
    lincanbin  
       2019-11-16 02:31:30 +08:00 via Android
    你也想教小龙哥做产品?
    liufish
        37
    liufish  
       2019-11-17 14:15:15 +08:00
    看起来还不错。
    圆形的头像框。
    zepto
        38
    zepto  
       2019-11-18 19:52:15 +08:00
    windows phone 风格,当年我们开发 wp7 app 的时候和这个基本是一致的
    hkyyx
        39
    hkyyx  
       2019-11-20 11:59:38 +08:00
    张小龙:我 TM 需要你教?马化腾都不敢教我,你算老几?[狗头]
    fenx
        40
    fenx  
       2019-11-20 19:58:26 +08:00
    /青蛙警告
    - 搜索框没了
    - 头像怎么圆了?
    - 屏幕两边间距空隙有丶大了
    - 当前页面底部 TAB 栏图标没变填充样式
    - 底部 TAB 栏图标离文字更近了,而且文字对比度盲猜可能不太够
    - 小绿点其实很不明显
    - 置顶区域有想法但不合适,示例图应该先考虑多置顶内容下的展现。小程序更没必要放进去了。扫一扫和付款码倒是便捷了,可是这样翻过去不就失去了「置顶」的意义了吗?
    twtww
        41
    twtww  
    OP
       2019-11-20 20:47:50 +08:00
    @fenx 确实是这样!我开始只是想着换个深色背景,但是越看越觉得现在的微信难用,但想要系统性的来调整就花时间来好好考虑了,等闲了再继续吧
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2837 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 02:06 · PVG 10:06 · LAX 18:06 · JFK 21:06
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.