优雅草央千澈-关于蓝湖如何快速的标注交互原型是如何使用的-如何使用蓝湖设计交互原型和整个软件项目的流程逻辑-实践项目详细说明

embedded/2024/12/27 17:42:32/

优雅草央千澈-关于蓝湖如何快速的标注交互原型是如何使用的-如何使用蓝湖设计交互原型和整个软件项目的流程逻辑-实践项目详细说明
问题背景
我们ui设计师在设计完整套ui的时候一般要标注原型,但是如果ui对项目整体理解不够深刻的时候,一般就产品经理需要站出来标记,如果产品经理不标,前端后端兄弟就会浪费大量时间来询问这些逻辑,因此标注交互原型是非常重要的一件事,接下来优雅草央千澈拿一个以我们目前正在设计制作的项目为例来示范,如何快速的标注交互原型。
实施过程


我们打开这个项目的在蓝湖的设计图,这是个半成品。


点击右上角的交互原型。
第一步,我们需要标注首页,也就是APP进去的第一个页面。
我们这个是个社交app,那么我们找到对应的首页,


点击顶部小房子按钮确认本页面为首页,有了首页我们开始做标注。
第二步,进行详细的交互标注 从首页上的所有内容一步步散发出来,首先我们看到底部菜单中间的按钮是 short video,

那么我们用鼠标框柱这个图标部分,框柱完后再指向左侧对应的这个页面,


这就表示点击这个框柱的部分,这个按钮应该跳转到指定的这个页面,因此,如此反复,举一反三即可。
第三步,预览效果
点击右上角预览我们就可以看到效果,当然了我只是给大家做个演示,因此没有画完。

开启演示后,随便点击任何地方就会提示点击按钮在哪里,点击后会跳转到对应页面,因此就非常方便。
第四步,设计图加入连线
在设计图整体预览部分我们加入连线


这样 就为我们前端后端开发兄弟节约了不少事情,预览下大致效果。

若有收获,就点个赞吧


http://www.ppmy.cn/embedded/149229.html

相关文章

Android Framework 目录下的 AV/Camera 定制常见问题及解决方法

Android Framework 目录下的 AV/Camera 定制常见问题及解决方法 引言 在Android系统开发中,音视频(AV)和摄像头(Camera)模块是两个非常重要的组成部分。它们不仅涉及到用户体验的核心部分,如拍照、录像、视频通话等,还涉及到系统的性能、稳定性和安全性。因此,在定制…

[python SQLAlchemy数据库操作入门]-05.插入数据:记录单笔股票交易信息

哈喽,大家好,我是木头左! 本文将介绍如何使用Python和SQLAlchemy ORM来记录单笔股票交易信息。将从安装必要的库开始,然后逐步构建数据库模型、创建数据库连接,最后实现插入数据的功能。 1. 安装必要的库 需要安装SQLAlchemy和SQLite数据库驱动。如果你还没有安装这些库,…

FreeSql

官网 实体特性 Ado 它包括所有对 SQL 操作的封装,提供 ExecuteReader、ExecuteDataSet、ExecuteDataTable、ExecuteNonQuery、ExecuteScalar 等方法,使用起来和传统 SqlHelper 一样。 1、安装包 dotnet add package FreeSql dotnet add package FreeSq…

oracle linux8.10+ oracle 23ai安装

介质准备: 数据库23ai https://edelivery.oracle.com 上述网站下载基础版本,本次未使用。 本次是安装了带补丁的版本: Database Release Update 23.6.0.24.10 GoldImage表示带补丁用于直接安装的软件包 查找888.1对应Primary Note for …

Mybatis 如何复用 SQL

比如你的Mapper是这样写的: 但这个接口是没有分页的,你还想再写一个有分页的查询接口,两个接口SQL一模一样,只是多了分页特性。你可以直接重载一个方法,增加分页参数,即可复用该SQL。如下:

Java技术专家视角解读:SQL优化与批处理在大数据处理中的应用及原理

引言 在大厂架构中,提升系统性能和稳定性是技术团队的首要任务。SQL优化与批处理作为两大关键技术手段,对于处理大规模数据和高并发请求具有重要意义。本文将从Java技术专家的视角出发,深入探讨SQL优化与批处理在大数据处理中的应用及原理&a…

Python机器学习笔记(十一、特征提取)

特征提取 PCA 的另一个应用是特征提取。特征提取背后的思想是,可以找到一种数据表示,比给定的原始表示更适合于分析。特征提取很有用,它的一个很好的应用实例就是图像。图像由像素组成,通常存储为红绿蓝(RGB&#xff…

蓝桥杯真题 - 与或异或 - 题解

题目链接:https://www.lanqiao.cn/problems/3552/learning/ 个人评价:难度 2 星(满星:5) 前置知识:位运算,递归 整体思路 行列下标按照从 0 0 0 开始,第 0 0 0 行数字是固定的&a…