首页

兰亭妙微ui设计公司分享:安全告警很多,怎样让后台仍然看得清

鹤鹤 B端ui设计文章及欣赏

告警后台常常同时出现统计数字、事件列表、趋势图和详情。页面看起来很满,值班人员却仍要回答一个具体问题,眼前哪件事需要先处理。dpopstudio近期围绕GuardianOps分享了安全工作台的设计文章。兰亭妙微这次以原作配图为阅读入口,分享对告警界面信息组织的观察。下文以一个假设的设备运维队列举例,具体事件规则、权限与响应策略需要结合实际业务确定。

兰亭妙微高端网站设计的审美积累:FurniFlex 家具电商网站 UI 设计

丽洁 网站设计文章及欣赏

兰亭妙微持续关注国内外优秀网页设计作品,分享页面结构、视觉表达与交互思路,进行设计审美积累。

一、案例背景

FurniFlex 是公开展示的家具电商网站设计,涵盖首页导购和商品列表。它把室内搭配场景、家具分类、商品价格与筛选条件放在连续的浏览路径中,适合观察家居品牌如何兼顾生活方式表达与具体选购任务。

图 1  首页 场景导购与购买入口

图片1.png 

深青色首屏将品牌文案与室内场景分成左右两区,黄色购买按钮形成清楚的视觉焦点。场景卡片、方向箭头和下方服务信息衔接浏览任务,让用户先理解网站卖什么、如何开始选购。

图 2  品类与热门商品 两种浏览路径

图片2.png 

圆形品类图片先提供按家具类型浏览的入口,下方热门商品又按房间设置标签。商品卡片统一呈现图片、名称、价格、折扣与收藏图标,便于在同一网格里比较不同家具。

 

二、设计策略

首页以深青色承托室内场景图,金黄色集中用于购买按钮和关键入口。信息顺序从房间场景进入品类,再展开商品卡片;列表页改用白底与浅灰图片区,让材质、造型和价格更容易比较。统一的圆角、卡片比例与图标位置维持整体节奏,深色价格条则把首页商品名称和购买动作收束在一起。

图 3  商品列表 筛选条件与商品网格

图片3.png 

左侧将类别、价格、材质、颜色和库存分组,右侧以三列商品网格展开结果。排序置于列表上方,分页放在末尾;条件选择与商品比较分区明确,适合观察桌面电商页面的信息密度。

三、浏览路径与操作入口

样稿展示了房间分类标签、轮播箭头和收藏图标的选中样式。列表左侧按类别、价格、材质、颜色与库存组织筛选,右侧保留排序和分页;FAQ 展示一项展开、其余收起的状态,用深色背景区分当前内容。

图 4  常见问题与邮件订阅

图片4.png 

FAQ 将选购、材质、配送和退换等问题集中呈现,展开项用深色块突出回答。下方订阅区把邮箱输入与提交按钮合并成一条操作带,配合家居场景图延续整站的生活方式表达。

四、设计启发

家具网站可同时提供按空间和按品类寻找商品的入口,再用材质、价格等条件缩小范围。借鉴时应保持卡片字段顺序一致,并在购买路径附近解释配送、退换与选购问题,让视觉灵感能够接续到具体决策。

如有家具电商、家居品牌官网或商品展示网站设计需求,欢迎联系兰亭妙微。

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

 

image.png

用户体验设计交付成果 总结

涛涛 交互设计及用户体验

本文翻译海外文章,系统梳理 UX 项目全流程可交付物(交付文档 / 产出物),按照研究阶段、UX 设计阶段、界面设计阶段划分,说明每份产出的用途、内容要点,同时说明交付与后续支持的完整流程。

兰亭妙微研读笔记|用户体验设计必须知道的 9 种状态

涛涛 交互设计及用户体验

本文梳理用户完整使用产品全流程的9 类关键状态,提醒设计师不能只设计 “正常成功页面”,各类异常、过渡、收尾状态直接影响留存,很多用户流失就发生在这些容易被忽略的状态中。

兰亭妙微ui设计公司分享:让AI沿用设计系统,先把组件和使用规则讲清楚

鹤鹤 B端ui设计文章及欣赏

同一套后台页面,即使使用了相近的配色,也可能在表格密度、按钮层级和状态提示上越做越不一样。让AI参与以后,这种差异还可能在多个页面里同时出现。Wayne Lin在Figma官方文章中讨论了怎样把组件库、规则和示例提供给agent。兰亭妙微借这个话题,分享一些围绕企业工作台的整理思路:与其反复要求“保持统一”,不如先把可以复用的东西与需要判断的地方说得更具体。下文界面均为独立AI概念示意,不是Figma实际功能截图。

兰亭妙微ui设计公司分享:AI聊天界面怎样让等待、阅读和操作都看得明白

鹤鹤 交互设计及用户体验

AI聊天界面的变化很容易被看见:文字在生成,按钮在切换,侧边栏又增加了一次会话。但看到变化,不等于每个人都知道发生了什么。Eric Bailey在近期文章中,从可访问性角度重新讨论了沉浸式AI聊天体验。兰亭妙微这次把阅读视角放到企业助手的使用过程里:一个人提交材料、等待回答,再回到自己的任务,界面应该怎样接住这些动作。以下包含独立的应用示例与AI概念配图,不是对某款产品的实测结论。

兰亭妙微ui设计公司分享:后台消息很多,怎样让阅读和处理有条理

鹤鹤 B端ui设计文章及欣赏

客服沟通、设备协作和项目处理后台,都可能把消息放在工作台的一角。内容少时,几张聊天气泡就能说明问题;当频道、附件、提醒和不同任务同时出现,消息区就变成一套需要仔细组织的界面。dpopstudio在Chapps的分享里讨论了列布局、消息分组与状态。兰亭妙微这次从实际画面出发,延伸到一个假设的后台协作场景,看看哪些细节能让读者持续找到正在处理的事。

兰亭妙微ui设计公司分享:医疗软件怎样把预约、资料和确认连起来

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

医疗软件里的一次预约,往往会经过服务选择、资料填写、时间确认和结果查看。每个页面单独看都不复杂,真正容易让人停下来的,是页面之间的联系:刚才填过的信息是否还在,选中的时间属于哪一天,完成以后去哪里查看。dpopstudio近期分享了GoDoc相关的界面设计文章。兰亭妙微以此为阅读入口,围绕一个假设的预约场景展开设计观察;文中不把视觉样稿当成上线验证,也不将预约规则当作临床建议。

兰亭妙微ui设计公司分享:Qt设备界面的改动,怎样在预览里看清楚

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

设备界面的调整常常很小:一个参数标签换了位置,一个告警条增加了说明,或者把确认按钮移到更容易找到的地方。单看设计稿,这些修改很容易讨论;放回正在运行的界面,才会遇到输入、数据和状态一起变化的问题。Peter Schneider在Qt官方文章里介绍了QML实时预览工具,也说明了热重载的边界。兰亭妙微这次借这个话题,分享一套围绕设备参数页展开的评审思路。下文画面均为独立AI概念示意,讨论的是怎样观察界面,不是工具操作实录。

兰亭妙微ui设计公司分享:中英字体搭配技巧,打造精致高级的版面质感(上)

清阳 平面设计

中英字体搭配技巧,打造精致高级的版面质感

兰亭妙微ui设计公司分享:字体选型是平面设计里至关重要的一环,不合适的字体,会直接拉低画面整体视觉表现。实际排版工作中,汉字与外文混排十分常见。想要让中英文混排版面精致出彩,掌握字体组合搭配逻辑尤为关键。

本文将梳理主流英文字体分类思路,分享高效实用的中、英文字体配对方法,帮助设计师快速完成混排搭配,轻松提升版式高级感。

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

转载:优设

 

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

 

image.png

日历

链接

个人资料

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

存档