首页

兰亭妙微用户体验设计公司分享审美积累 | Abyss 数字资产 UI/UX 设计

丽洁 移动端UI设计文章及欣赏

在深色界面里,让每一组数字都有自己的位置。

 

兰亭妙微专注 UI 与用户体验设计,持续关注国内外优秀作品,分享界面设计与交互思路,进行设计审美积累。今天分享 Abyss 数字资产 App 设计案例。余额、行情、收益和钱包同时出现时,信息密度很容易压过阅读体验。
一、项目背景:为密集数据建立优先级
从资产总览到单个钱包,用户需要先掌握概况,再追踪变化,最后进入相关操作。Abyss 以分层卡片与数字排版组织这条路径,呈现出冷静、集中的产品气质。

     

图片1(1).png

图片1(2).png

     

图 1  资产首页与主要导航

总余额先抓住视线,钱包与收益卡片随后展开,关注列表接住更多行情。不同深度的蓝黑色划出内容区域,大数字与小摘要各司其职,密集首页依然保持明确重心。

图 2  收益统计与时间维度

收益页将金额、柱状趋势与周期选择集中呈现,下方再展开具体项目。蓝色图形在暗底上很醒目,图表与列表的先后关系也让总体变化和单项数据自然衔接。

 

二、设计策略:用对比度组织深色空间
①信息架构:总资产是起点,钱包、收益与列表逐步补充细节。②视觉语言:蓝黑背景、稍亮的卡片与鲜明蓝色形成层次;字号、字重和数字对齐共同区分总量、变化与明细。

 

Abyss | 界面细节与设计启发

图片1(3).png

图片1(4).png

     

图 3  钱包列表与资金操作

亮蓝色总额卡片成为钱包页的视觉锚点,存入与转出并列其下,资产列表继续向下延伸。总量、动作与单项金额形成三个层级,色彩与字号共同建立阅读秩序。

图 4  单个钱包的分析视图

单个钱包把余额、趋势和币种明细放在连续结构里,分段选项提示查看维度。与首页对照,可以看到同一套图表、卡片和导航规则如何延续到更细的分析页面。

 

③场景化交互:总览、收益统计与独立钱包使用相近的图表和列表规则,切换页面后依然容易找到熟悉信息。存入、转出等动作靠近资产摘要,让资金状态与操作上下文保持相连。

 

三、设计启发:深色主题的精致,需要有分寸的亮度
这组设计值得积累的,是背景、卡片、文字与高亮之间的细微差别。最亮的位置留给关键数字和动作,其余内容通过分组与间距建立秩序。这种方法也适用于设备监控和专业数据工具。

如有数字资产管理、行情工具类 App的 UI/UX 设计需求,欢迎联系兰亭妙微,交流产品场景与设计需求。

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

兰亭妙微设计思辨:你是为人设计,还是为用户设计?

涛涛 交互设计及用户体验

做设计的这些年,我们几乎每天都在说 "用户体验":这个会影响用户体验、那个不符合用户习惯、这个违背用户认知…… 但有没有人停下来问过:我们挂在嘴边的 "用户",和活生生的 "人",真的是同一个对象吗?

兰亭妙微设计心理学:UI 设计师必须懂的 4 个底层原理

涛涛 交互设计及用户体验

设计方法论在 UI 设计中的应用带来了显著好处 —— 系统性的流程和框架,让团队更高效地处理挑战、创造出用户真正关注的界面。但在所有方法论背后,有四个心理学原理构成了 UI 设计的底层逻辑:希克定律、确认偏差、邻近法则、菲茨定律。 兰亭妙微在每次设计评审中,都会用这四个原理检验方案。

兰亭妙微ui设计公司分享:用AI原型提前发现复杂交互问题

鹤鹤 设计思维

筛选、数据看板和对话界面常有多种状态,静态页面很难说明操作之后会发生什么。NN/g于9月11日发布的文章讨论了如何用AI构建可交互原型,把复杂任务的测试提前。本文简要介绍其案例,并给出兰亭妙微的实践建议。

兰亭妙微ui设计公司分享:企业官网怎样建立可维护的设计系统

鹤鹤 移动端UI设计文章及欣赏

企业官网不仅要在首屏表达品牌,还要让不同页面、设备和后续更新保持一致。原型阶段随手调整的字号与间距,可能在开发后变成难维护的例外。本文参考dpopstudio于10月14日发布的Digipop设计系统文章,整理官网设计的评审思路。

兰亭妙微ui设计公司分享:医疗后台怎样把复杂状态讲清楚

鹤鹤 系统UI设计文章及欣赏

医疗后台里的同一条记录,可能同时涉及患者身份、预约进度、处理权限和异常提醒。首页看起来整齐,并不代表所有状态都清楚。本文参考dpopstudio于10月25日发布的医疗SaaS界面检查文章,结合兰亭妙微的应用建议,讨论如何评审复杂后台。

兰亭妙微ui设计公司分享:健身App怎样适应真实运动场景

鹤鹤 移动端UI设计文章及欣赏

运动时看手机,往往只有组间休息的短暂间隙。界面里的数字是否容易辨认、动作是否容易完成,比静态画面是否丰富更值得检查。本文简要介绍dpopstudio在10月25日发布的SuperFit设计笔记,再给出兰亭妙微针对运动场景的评审建议。

兰亭妙微ui设计公司分享:Qt界面交付怎样衔接设计与开发

鹤鹤 系统UI设计文章及欣赏

Qt界面设计完成后,开发仍要确认组件怎样实现、异常状态如何处理,以及最终设备上的显示是否符合预期。交付说明越清楚,后续评审越容易聚焦具体问题。兰亭妙微结合Qt官方10月6日发布的工作流案例,整理四个交付要点,供设计师、产品经理与开发者共同参考。

兰亭妙微移动端UI设计审美积累 | Niva 家庭助手 UI/UX 设计

丽洁 系统UI设计文章及欣赏

把琐碎的家庭事务,整理成有温度的日常。

兰亭妙微专注 UI 与用户体验设计,持续关注国内外优秀作品,分享界面设计与交互思路,进行设计审美积累。今天分享 Niva,一组围绕家庭协作展开的 AI 助手设计。家务、照护和个人安排交织在一起,难点在于让每个人看见任务,也看见彼此的时间。


一、项目背景:让家庭分工更容易被理解
从这一场景出发,界面需要回应三个问题:从哪里开始记录、如何共享日程、怎样看清时间分配。Niva 用对话与可视化工作区串起这些需求。

图片1.png

图片2.png

 

图 1  对话式入门

一个问题、一处输入区,再加上柔和的渐变语音图形,入门页像一次轻松的交谈。顶部进度与关闭入口保留流程感,大片留白则让注意力自然落在眼前的问题上。

图 2  家庭工作区首页

首页把添加、整理日历和委派任务放在对话入口周围,待办卡片接住当天的具体安排。蓝色按钮在暖色渐变中形成焦点,AI 的形象与家庭事务在同一张界面上建立联系。

 

二、设计策略:用柔和视觉承接具体任务
①信息架构:添加活动、整理日历与委派任务先给出行动方向。②视觉语言:蓝橙黄渐变带来温暖感,浅底、圆角与留白保持轻盈,卡片让不同家庭事务各归其位。

图片3.png

图片4.png

图 3  日历与共享日程

月历中的彩色短条提示日程分布,下方活动列表补充具体内容。上半屏看整体、下半屏看眼前,颜色与卡片共同把共享日程整理成容易扫读的生活节奏。

图 4  时间分配与数据洞察

面积和百分比让不同活动占用的时间变得直观,工作、清洁与照护有了可比较的形状。它延续前面页面的色彩,让偏理性的数据页仍然保有家庭产品的温度。

 

③场景化交互:从单步提问进入家庭工作区,再延伸到日历和时间洞察,对话始终围绕可处理的事情展开。输入、语音与快捷动作并置,让不同表达习惯都有自然入口。

 

三、设计启发:亲和力需要与清楚的秩序一起出现
这组设计的吸引力,在于温暖的图形与明确的动作彼此配合。渐变负责建立情绪,任务、日历和图表负责落到日常。做生活类 AI 产品时,这种从表达走向安排的衔接尤其值得积累。

 

如有家庭助手、生活服务类 App的 UI/UX 设计需求,欢迎联系兰亭妙微,交流产品场景与设计需求。

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

兰亭妙微工具手册:为数字项目制定用户体验策略的 6 个工具

涛涛 交互设计及用户体验

数字项目已经是大部分互联网公司工作的基本形态,但用户体验策略却常常被忽略 —— 很多团队在没有调研、没有测试的情况下,"凭感觉预测" 用户的行为,仅凭主观判断就决定了功能去留。兰亭妙微在项目实践中梳理出 6 个实用工具,帮助团队建立系统的用户体验策略。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档