用Axure临摹xhs的一些功能,欢迎有缘人批评指点

138 阅读3分钟

本人新开一贴记录Axure的实战应用部分。 开始之前我还是想从外行人的角度来聊一聊这款应用,我已记不清什么时候开始重度依赖小红书了,我只知道每当我想打破信息差的时候我就会去xhs,很多时候百度上搜不到的xhs都有,这次也是特意挑这个应用来实践下学习的Axure。

作为一个用户,首先讲下我对xhs的理解,xhs于2013年6月上线,主打的是社交+电商模式,前期高质量的海外购物分享社区业务,吸引了大量年轻的活跃用户,而对综艺的赞助,明星大量入驻也让多多少少的追星族沉淀在这个平台,值得一提的是小红书社区注重的是海外购物分享社区,并以此拓展,而在小红书上线之前蘑菇街就上线并按照电商+导购进行运作,但目前蘑菇街的月活不足500万,远不及后起之秀小红书。目前而言,社交+电商的产品还有网易考拉,抖音,快手等,但我用的比较少,用的最多的还是小红书,仔细想了下,我用xhs并不是因为要在这个产品上买东西,更关注它的搜索属性。在百度上搜索,往往得到的答案是几年前的或者鱼龙混杂的人回答的,时效性极差,可信度存疑,而在小红书上搜索得到的答案往往可以追溯回答者的资料,可信度有保证,内容也更新更全,简而言之,我已经把小红书当成第二个百度了,在生活经验和求职方向这一块,小红书往往有比百度更全的答案。

此外,小红书的瀑布流是以图文笔记的形式呈现,与抖音短视频不同,其娱乐属性较差,但会留下足够的时间让用户看笔记,思考笔记,消化吸收内容,特别适合焦虑的年轻人去获得各方面的知识。在图文传播的过程中,也允许有相同问题的用户之间交流工作,生活各方面的事情。由于我用的较多的还是笔记功能,这里重点临摹了相关方面而非xhs电商,下面展示下拙作。

1、关注功能 利用动态面板实现关注和取关,这个比较简单,可能需要注意的是取消关注会多一个步骤防止误触,估计官方也是希望用户关注的人越多越好,这里模仿xhs在取消关注的确认界面加了一个灯窗。

image.png

2、轮播图 这个图文笔记算是xhs的一个重要功能,这里模仿了轮播图的实现,也是通过动态面板就能轻易实现该功能,右滑两次就得到第三张晚霞图。

image.png

3、点赞、评论功能 这个是我作为初学者觉得最难的一部分,需要中继器的使用,全局变量的声明以及一些简单函数如时间函数,还有一些交错的交互。这里的第一张图是小红,也就是图中的猫猫头像对该笔记进行点赞,这个功能非常简单只需要点击后切换动态面板即可。评论需要中继器提前记录在表格中,然后点击换行发送文本框的内容,详见这里的第二张图,结果呈现为第三张图,可以发现发送评论后评论数变成了15,这是添加行后全局变量加一了,进而实现统计评论的功能,评论时间通过时间函数即可取得。

image.png

上图为图一

image.png

上图为图二

image.png

上图为图三

总结:目前一些不足的地方在于表情的添加没有加上去,这个暂时没有头绪,可能需要持续学习。