本文和大家交流一下微信聊天页面中的已读、未读标记的原型效果的实现方法。
微信是很多人模拟的第一个产品原型。虽然微信以极简著称，但在制作原型的过程中才发现其功能的实现并不像想象中的那么简单。
这个系列的文章主要讲微信聊天列表中对话已读和未读的切换、置顶的设置取消，以及对话的删除。使用的软件为Axure RP8。
受篇幅的限制，本文主要讲述微信原型的页面布局及标记已读、未读操作。
原型的查看网址为：https://nskveq.axshare.com/#c=2
一、微信的页面布局
为了还原微信的清晰画质，熟悉不同机型的适配尺寸，在这里我并没有采取截图+热区的原型制作方法，而是利用不同元件的组合对微信界面进行了还原。
闽ICP备13000641号-4