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

[twtww]

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

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

[qoo2019]

人家就是不出，让你没得比

[twtww]

@qoo2019 哈哈哈，可能要等到年终奖拿到之后才出吧

[iXingo]

你的图挂了

[hzlzh]

你顶部 Banner 是做什么的？

[ochatokori]

@hzlzh #4 置顶聊天吧

[designer]

你有教张小龙做产品得巨大嫌疑

[ronman]

真是辛苦你了

[okoook]

张小龙：不出深色模式是为了让你们在晚上少玩手机

[edsheeran]

我觉得楼主画的界面比 tx 设计部门的都好

[unsaid]

原来是图挂了，还以为是楼主的黑色幽默。

[itechify]

图没挂啊😳，难道还有另外一张？

[guog]

real me 已经有了

[dodo2012]

小龙在赶来教育你的路上

[dapang1221]

光教做产品还不够，现在直接把设计稿糊张小龙脸上了

[korokke]

我这里图也挂了😢

[MrStark]

顶部留了太多空白区了

[d5]

置顶会话和小程序是精髓啊

[0x400]

听说有人要教我做产品？

[HeyWeGo]

这种不求进取的 app，还指望他什么

[kekeyu]

我这里看图挂了啊

[twtww]

@hzlzh
@d5
@ochatokori
是的！这块区域我预留了会话置顶、小程序置顶和扫码、付款二维码的快速入口。

[twtww]

@iXingo
@joephuy
@korokke
@kekeyu

补了备用地址 https://cdn.var4.com/wechat-darkmode-diy.png

[Majirefy]

大胆！敢教张小龙做产品！

[douglarek]

我觉得题主做的会比微信好

[hatw]

张小龙：又想教我做产品。。。。。。

[secretisu]

微信：就是任性，就是不随波逐流，你们黑暗我非要光明模式，哈

[twtww]

[wolfie]

太黑了，纯粹黑底白字有点散光感觉。

之前看到 pc 版设计。
https://i.loli.net/2019/11/15/cZmVvw6LOJoHY27.png

[optional]

滑动的 banner 个人认为不太好，微信元素里基本没有滑动元素

[twtww]

@wolfie 是的，配色还没好好琢磨

@optional 个人喜好吧

[helloh1n1]

同是深色模式爱好者，真的是受不了腾讯系了。
只有 QQ 出了一个夜间模式，但是真的看不清字，字不是白的而是灰的。
难道腾讯觉得深色模式就是晚上用的吗？

[crazytree]

我觉得不行

[twtww]

@helloh1n1 是的，不太清楚这些大厂的工作模式

[KeyboardManAnAn]

@helloh1n1 QQ 的深色模式的动态页还是白色，有很强的割裂感，体验很不好

[lait]

夜间模式，图片可以考虑加个蒙版。使用过多款软件的夜间模式，头像真的是夜空中最亮的星……

[lincanbin]

你也想教小龙哥做产品？

[liufish]

看起来还不错。
圆形的头像框。

[zepto]

windows phone 风格，当年我们开发 wp7 app 的时候和这个基本是一致的

[hkyyx]

张小龙：我 TM 需要你教？马化腾都不敢教我，你算老几？[狗头]

[fenx]

/青蛙警告
- 搜索框没了
- 头像怎么圆了？
- 屏幕两边间距空隙有丶大了
- 当前页面底部 TAB 栏图标没变填充样式
- 底部 TAB 栏图标离文字更近了，而且文字对比度盲猜可能不太够
- 小绿点其实很不明显
- 置顶区域有想法但不合适，示例图应该先考虑多置顶内容下的展现。小程序更没必要放进去了。扫一扫和付款码倒是便捷了，可是这样翻过去不就失去了「置顶」的意义了吗？

[twtww]

@fenx 确实是这样！我开始只是想着换个深色背景，但是越看越觉得现在的微信难用，但想要系统性的来调整就花时间来好好考虑了，等闲了再继续吧