小红书原型页面及其交互展示

制作了小红书高保真原型,以下是截取的原型图片,来展示页面的交互和已实现的效果。

首页页面:1. 关注、发现、附近界面切换效果(左右滑动或点击);

                    2.搜索界面的显示、隐藏,删除历史记录。


关注界面:1. 笔记内容的展开、收起;

                     2. 笔记分享界面和评论界面的显示、隐藏;

                     3. 点赞、收藏;

                     4. 笔记的图片、广告商品的左右滑动;

                      5.笔记图片上的标签大小循环变化,点击自定义标签后的弹窗;

                      6.感兴趣用户的滑动和删除;



小红书原型页面及其交互展示_第1张图片


小红书原型页面及其交互展示_第2张图片

消息页面:

小红书原型页面及其交互展示_第3张图片

我页面:


小红书原型页面及其交互展示_第4张图片

        商城页面未制作完成,基本由顶部导航、海报轮播、宫格导航、中继器实现商品列表这几部分组成。这些操作以上页面都涉及到了,掌握了以上页面的制作方法,商城页面其实也非常简单。

你可能感兴趣的:(小红书原型页面及其交互展示)