news 2026/3/22 22:06:35

深圳汇芯生物全自动外泌体提取系统界面设计

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
深圳汇芯生物全自动外泌体提取系统界面设计

01

项目背景

深圳汇芯生物医疗科技有限公司(以下简称汇芯生物)是由外泌体领域知名科学家和产业专家共同创立的国家高新技术企业,致力于推动外泌体在癌症早期诊断和治疗领域的研究及应用,开发全球领先的生物医疗技术,满足临床的迫切需求,并不断提升产品的自动化、智能化以攻克外泌体诊断和治疗领域的关键瓶颈技术。本次设计是一款集样本预处理、外泌体纯化、浓缩、收集于一体的大规模全自动外泌体提取系统。

本次合作中汇芯生物委托兰亭妙微负责线路插图设计和界面视觉设计。线图插图在设计过程中每个元素都是输出是svg格式,并且包含不同状态,svg格式是矢量图便于后期用于不同分辨率界面且不失真,界面设计保持原来主色调的基础下进行交互调整,增加页面菜单导航。

02

项目概述

产品定位

EXODUS可实现快速地分离各种生物样本的外泌体,包括但不限于细胞上清、血液、尿液、唾液、脑脊液、泪液、关节液和组织液等,同时兼顾分离的外泌体具有高纯度、高产量、高生物活性,分离后的外泌体可广泛用于蛋白质组学、基因组学和代谢组学等研究。

目标用户

EXODUS 的目标用户主要是从事生物医学研究的科研人员(如高校与研究所中开展外泌体生物学、蛋白质组学、基因组学等研究的团队)、临床诊断领域的医院及第三方检测机构(用于液体活检、肿瘤早筛及神经疾病诊断等)、生物制药与生物技术企业(涉及外泌体药物研发、诊断试剂开发等),其技术能满足从基础研究到临床转化等多场景的外泌体分离需求。

设计风格

重构信息模块,设计风格采用简约的设计语言,清晰、简洁和直观的表达方式。配色采用蓝紫色,这种色彩能够传达出品牌的专业性、稳定性和信赖感,有助 于塑造积极的品牌形象。有助于增强用户与页面内容的情感联系,提高用户的参与度和满意度。

03

设计亮点

SVG 矢量图具有无限缩放不失真,动效交互灵动,全平台适配

右侧是客户给的原型,原型页面中浮动窗口比较多,操作时容易遮挡中间的图像区,调整后将“操作”“导航”“自动台”“操作记录”统一采用tab切换的形式在右侧展示。中间是图像操作区,左侧是图像操作的一些工具按钮。最下边是缩略图,可以左右滑动查看更多。

设计前后对比

04

界面欣赏

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/3/22 13:42:02

Light Image Resizer v7.5.1 批量压缩加水印工具

Light Image Resizer v7.5.1 是一款免激活的专业批量图片处理工具,集批量调整大小、格式转换、加水印、优化压缩等多功能于一体,操作便捷且参数灵活,完美适配个人日常与职场办公的图片批量处理需求,助力高效完成图片优化任务。一、…

作者头像 李华
网站建设 2026/3/22 1:43:28

Java程序员如何逆袭进大厂?

前几天,跟个老朋友吃饭,他最近想跳槽去大厂,觉得压力很大,问我能不能分享些所谓的经验套路。每次有这类请求,都觉得有些有趣,不知道你发现没有大家身边真的有很多人不知道怎么面试,也不知道怎么…

作者头像 李华
网站建设 2026/3/16 5:52:17

(含关键技术人员解析)从“千问崩了”到“系统重生”:一场30亿级高并发实战背后的全链路技术复盘

从“千问崩了”到“系统重生”:一场30亿级高并发实战背后的全链路技术复盘 适合读者:后端开发、SRE工程师、AI平台建设者、技术管理者、计算机专业学生 关键词:通义千问、高并发、大模型推理、系统稳定性、限流降级、Kubernetes、GPU调度、CS…

作者头像 李华
网站建设 2026/3/15 10:23:04

【C++与Linux基础】文件篇 -语言特性上的文件操作

【C与Linux基础】文件篇 - 语言特性上的文件操作 在 C 中进行文件操作&#xff0c;主要依赖两种方式&#xff1a; C 标准库&#xff08;<fstream>&#xff09;—— 现代 C 推荐方式&#xff0c;跨平台&#xff0c;面向对象风格C 风格文件操作&#xff08;<cstdio>…

作者头像 李华
网站建设 2026/3/15 8:45:26

大模型AI产品经理学习资源,价值2万的资料免费共享_大模型多个岗位详解,非常详细收藏我这一篇就够了

本文详细介绍了9个大模型相关岗位的职责与要求&#xff0c;并提供了价值2万元的大模型&AI产品经理学习资源包&#xff0c;包括7阶段学习路线图、300集视频教程、200本技术书籍及面试题合集&#xff0c;覆盖从入门到实战的全流程&#xff0c;适合小白和程序员系统学习大模型…

作者头像 李华
网站建设 2026/3/22 17:17:52

fpga lvds接口显示屏驱动

驱动源码: //------------------------------------文件信息--------------------------------------- // 文件名称: lcd2lvds_convert.v // 最后修改日期: 2018-5-3 // 最新版本: 1.0 // 功能描述: LCD数据格式转LVDS数据格式 // /…

作者头像 李华