做了个微信的深色模式设计稿 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
twtww
V2EX    分享创造

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

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

    拿 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  
    PRO
       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 设计部门的都好
    unsaid
        10
    unsaid  
       2019-11-15 00:32:00 +08:00 via iPhone
    原来是图挂了,还以为是楼主的黑色幽默。
    itechify
        11
    itechify  
    PRO
       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     Solana     2513 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 96ms UTC 11:16 PVG 19:16 LAX 04:16 JFK 07:16
    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