news 2026/4/18 10:57:45

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

作者头像

张小明

前端开发工程师

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

01

项目背景

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

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

02

项目概述

产品定位

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

目标用户

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

设计风格

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

03

设计亮点

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

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

设计前后对比

04

界面欣赏

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

扭蛋机盲盒小程序前端功能设计解析:打造趣味与惊喜并存的消费体验

在年轻消费群体追求个性化与娱乐化购物的趋势下,扭蛋机盲盒小程序通过融合随机抽取机制与社交互动功能,为用户提供兼具趣味性与收藏价值的消费场景。其前端设计需平衡娱乐性展示与便捷操作,以下从核心功能模块与用户体验优化两个维度&#xf…

作者头像 李华
网站建设 2026/4/18 5:13:06

基于PLC的智能交通灯监控系统设计

基于PLC的智能交通灯监控系统设计 第一章 设计背景与核心目标 城市道路交通流量的动态变化,使得传统固定配时的交通灯系统存在通行效率低、路口拥堵、资源浪费等问题,难以适配早晚高峰、平峰期的差异化车流需求。PLC(可编程逻辑控制器&#x…

作者头像 李华
网站建设 2026/4/18 5:12:47

AI云电脑是什么?一文读懂AI云电脑和普通电脑的区别

在数字化浪潮下,电脑早已成为工作与生活的必备工具。但你是否注意到,一种无需厚重主机的 “AI云电脑” 正悄然兴起?不少人对AI云电脑与普通电脑的区别一知半解,今天就为大家详细拆解两者的核心差异,同时揭秘兼具实用性…

作者头像 李华
网站建设 2026/4/18 5:13:10

更有可能胜出的 python 层结合 pytorch写 cuda kernel的技术方案

在未来,结合 pytorch,更有可能胜出的、成为主流的 python 层写 cuda kernel的技术方案(cutile,tilelang,triton,..... )这是一个非常关键的战略性问题。让我从技术趋势、生态博弈和实际部署角度…

作者头像 李华