首页 > 其他分享 >实验一---原型设计---小红书app

实验一---原型设计---小红书app

时间:2024-04-17 18:56:13浏览次数:20  
标签:功能 界面 预览 小红书 app --- 原型 搜索 墨刀

对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点

  • 1.墨刀

        优点:云端操作,网页分享,墨刀的APP原型可以支持下载在手机里         界面优美整洁。简洁的界面在一定程度上有助于提高开发人员的效率。         强大的演示能力。墨刀在轻量级的移动端原型制作更加迅速,展示更加方便。      缺点:价格较贵,不能画流程图相对于其他两款功能还不是很全面。应用局限性。墨刀专注于app原型设计,在后台和网页稍有乏力。归档能力不足。墨刀更倾向于链接、二维码形式输出,不能以文档输出

  • 2.Mockplus

        优点:基础版免费使用,操作简单,上手快,功能多样,组件资源丰富,预览方式和导出类型多样,支持团队协作。 审阅协作、无缝真机预览。适合快速开发迭代的模式,上手快。 模版管理、组件交互动画、素描风格等功能为独有创新。 缺点:不支持手势交互。功能不够强大,个人性化设计还有潜力平民软件,专业性不足以服众。         软件细腻性有待提高。鉴于其操作简单入门快的特点,功能追求快捷,一定程度上忽略了功能的细腻性。

  • 3.Axure

        优点:操作变化多端,自带组件库并支持第三方组件库,提供强大的交互支持,有完整的教程及支持文档,支持原型预览。应用灵活,可拓展性强,拥有超级强大的交互制作能力。高保真的原型设计工具,名声大,专业性高。 缺点:性价比不高,专业需求度高。难度稍大,入门较慢。鉴于其比较复杂,学习难度较大,新手劝退。        本地型软件,可以下载html文档预览,手机预览不方便。制作原型的速度比较慢(交互操作太多),常常耽误时间,而且修改较繁琐。

原型设计
本次设计借鉴小红书。
主题名称: 小红书
功能:是一个综合性的社交平台,主要包括以下功能和服务:社交和分享,购物和推荐,笔记和文章,社交互动,知识分享和学习,视频分享等。

1.启动

提供可视化的图形界面供用于选择操作。

2.首页:

展示关注、发现、附近。
组成:推荐类动态、分类导航、搜索栏。

  • 浏览与搜索:可以浏览平台上其他用户发布的信息,并根据分类或关键词进行搜索,搜索有历史记录及搜索发现板块,发现板块用于推送热点动态。

  • 内容详情查看:可以查看单个作品的详细信息,包括作品的动态,ip,文案,图片作者等。

3.商城:

可以选择购买感兴趣的商品,有关于商品的分类,推荐等。

  • 商品详情:有关于商品的描述,名称,价格,发货地点,以及购买用户的评价等。

  • 商品的分类:关于各类商品的分类区。

  • 订单:关于订单的展示,包括已发货的订单包括下单时间,付货金额等,还有未发货的,收到商品点评界面等。

4.消息 :

提供私信功能,有关于聊天好友的信息记录。

  • 聊天界面:方便用户之间的一对一聊天和交流。

5.我:

用户可以在个人主页上展示自己的基本信息、兴趣爱好、个人照片、笔记、赞过的作品等。

  • 设置:用户可以编辑和管理个人信息,并可以设定权限控制谁可以查看个人主页的内容。

界面流程细分

  • 首页
    功能:展示关注、发现、附近。
    界面组成:推荐类动态、分类导航、搜索栏。
    前置条件:用户已登录。
    后置条件:可以浏览作品、进行搜索。
    操作步骤:打开App,进入主页即可。

  • 商城

    功能:展示商品,分类 。
    界面组成:推荐类商品、分类导航、搜索栏、商品图界。
    前置条件:点击商城导航栏。
    后置条件:可以浏览商品、进行搜索。
    操作步骤:打开App,进入商城即可。

  • 消息
    功能:展示赞和收藏、关注、评论、聊天记录。
    界面组成:聊天区和信息栏。
    前置条件:用户点击消息栏。
    后置条件:可以了解关于作品的赞、评论,以及新增关注,聊天信息情况。
    操作步骤:打开App,点击消息栏即可。


  • 功能:展示自己的信息、性别、兴趣爱好、粉丝数及关注数等。
    界面组成:信息区和设置区及详细情况。
    前置条件:用户点击我。
    后置条件:可以了解赞过的作品记录、收藏、笔记及个人信息情况。
    操作步骤:打开App,点击我即可。

标签:功能,界面,预览,小红书,app,---,原型,搜索,墨刀
From: https://www.cnblogs.com/zhupengyu6/p/18141509

相关文章

  • 轮播一屏多个数量-匀速向左移动
    引入swiper1.html<divclass="inw-swipper">            <divclass="swiper-container">              <divclass="swiper-wrapper">                <divclass=&......
  • Go - go build -ldflags
     #downloaddependenciesandbuildRUNgomoddownloadRUNCGO_ENABLED=0GOOS=$TARGETOSGOARCH=$TARGETARCHgobuild-ldflags="-s-w"-o/go/bin/server zzh@ZZHPC:~/aaa$gobuild-ldflags="-help"./main.go#command-line-arguments......
  • 最高法--建设工程中,质量违约责任与保修责任系两种制度,不满足保修责任要件也可能主张违
    1. (2018)最高法民申4540号  海天建设集团有限公司山西分公司、海天建设集团有限公司建设工程合同纠纷再审审查裁定本院认为:三、关于由金仁忠签字确认的施工保修义务扣款能否在工程结算款中扣减的问题。该案涉及的300万元工程质量违约金是智祥公司依据《建设工程施工合同》......
  • 最高法--质量保证金应按照《工程质量保修书》的约定从质量保修期满后开始计算利息系混
    (2020)最高法民申3252号  河南国安建设集团有限公司、河南亚星置业集团有限公司建设工程施工合同纠纷再审审查与审判监督民事裁定书本院认为:(三)关于二审判决认定的工程款利息起算点是否正确的问题。双方在《补充协议》第26.1.1.3条中约定,“剩余的5%作为质量保证金,待竣工验收合......
  • ReferenceError: Cannot access 'pageWrapper' before initialization
    jeecgboot-vue3的ReferenceError:Cannotaccess'pageWrapper'beforeinitialization错误问题问题描述基于jeecgboot-vue3框架进行开发时,不定期在浏览器控制台打印出ReferenceError:Cannotaccess'pageWrapper'beforeinitializationatindex.ts:7:40错误,且页面一......
  • [学习笔记] 高斯消元 - 线性代数
    高斯-约旦消元下面给两道板子【模板】高斯消元法最最基础的板子,没啥哆嗦的。下面给出高斯-约旦消元解法。#include<bits/stdc++.h>usingnamespacestd;intn,dt=1;doubleeps=1e-9,m[102][102];intmain(){ scanf("%d",&n); for(inti=1;i<=n;++i) for(intj......
  • java多渠道消息推送-(微信公众号、钉钉、邮箱、系统内部、短信等)
    1.消息对象定义1.1 通用消息对象定义packagecom.yj.notice.message;importcom.yj.commons.tools.utils.DateUtils;importcom.yj.commons.tools.utils.StringUtil;importcom.yj.notice.costant.NoticeMethodEnum;importlombok.AllArgsConstructor;importlombok.Bu......
  • OP-TEE学习笔记(一)
    OP-TEE由于工作原因接触过一些使用TEE代替HSM来实现密钥存储、密钥对生成的方案,因此想了解一下开源的TEE方案与TEE供应商提供的方案有什么不同。关于OP-TEEOP-TEE是设计为与在Arm上运行的非安全Linux内核配合使用的一种受信任执行环境(TEE),Cortex-A内核使用TrustZone技术。OP......
  • k8s快速部署xxl-job
    1.初始化数据库wgethttps://raw.githubusercontent.com/xuxueli/xxl-job/2.1.2/doc/db/tables_xxl_job.sqlmysql-uroot-psource/root/tables_xxl_job.sql;CREATEUSER't1_zdbl_xxl_job'@'%'IDENTIFIEDBY'OYP!z5%0O2lALdLi';GRANTALL......
  • mybatis-plus分页插件使用(springboot)
    1、添加依赖、、、2、自定义一个配置类importcom.baomidou.mybatisplus.annotation.DbType;importcom.baomidou.mybatisplus.extension.plugins.MybatisPlusInterceptor;importcom.baomidou.mybatisplus.extension.plugins.inner.PaginationInnerInterceptor;importorg.sp......