B端后台设计风格如何确定?

发布时间:2021-11-29

1.B端后台分类  
根据服务对象划分:
一类支持有C端前台,支持前台产品管理各种资源。第二类服务企业,提高企业工作效率和营收。

QQ截图20211129141857.png

根据后台功能:
监控运营:时效性强,旨在实时反馈异常情况,快速判断下达命令,回复信息、多用于数据控制中心。
数据分析:数据结果的对比和分析趋势,时效性要求并不高,了解整体和各部分数据水平,助力决策。
记录管理类:主要用于人员、设备、资产等增删改查,文本信息容量大,频繁便捷的操作。
系统配置:权限配置、设备功能配置,操作为主。

2.后台深浅两大风格分类
浅色:适合文本信息多密集的表单列表类后台,浅色更符合人眼白底黑字的阅读习惯,浏览速度更快,信息获取效率更高。
深色:图像信息密集的后台适合图片、数据可视化图表等;深色对彩色的图像信息衬托更强。信息获取速度较慢,长时间可能视疲劳。

3.较常见
经典商务风(导航深、内容浅)——专业、高效、成熟、可信赖(对照深色西装人物形象)
轻量科技感(导航浅、内容浅)——简洁、明快、轻量、年轻(对照白衬衫打领带男性)
蓝色科技风(导航中、内容中)
暗黑科技风(导航深、内容深)

4.如何让后台设计更具特色
.重点色的使用
“731配色比例”70%的面板色,30%的导航面板色,10%的强调色。(这里的用色比例可以根据内容具体再去调节只是大概比例)品牌色或重点色:强调行动关键点、重要信息高亮、图形化说明等。强调色用就要用的像蛋糕上的樱桃。起到画龙点睛作用即可。

.图标的优化
后台高频出现的图标,值得我们花时间去统一设计打磨,调整圆角粗细疏密,符合整体界面气质。从图标库里拖出的图标很多在线条粗细上是不统一的,好的设计在细节处也要动人。B端工具类图标识别性第一,美观性第二。B端导航图标更多是在基础造型上打磨,不需要加花里胡哨的渐变、投影,导航图标一般在24px-16px大小,太复杂反而看不清。在区分状态的时候可以考虑加点品牌色

.空状态小插画
空状态插画是B端设计师少有能发挥自己绘画天赋小巧思的地方。图形化状态语言,辅助用户理解内容。可以将产品机械苍白的文案设计表现的更加具有温度,具有引导性。让乏味的工作出现一些共情小彩蛋,有趣的插图动画可以缓解等待的焦虑。

.登录注册页
纯色背景卡片式:简单大方更聚焦登录操作
插画背景:场景化展示产品的功能及亮点,让用户更有心理预期
几何图形背景:最后和品牌图形相关,加深用户对产品的品牌印象。
照片背景:相关场景或产品类型,具象图片信息更直观

.圆角的大小
不同大小的圆角传达产品不同的气质,大圆角亲和、小圆角精致、中等圆角大众中庸。

.优化信息层级
优化信息层级,区分信息主次可以使阅读更快,操作更快,界面更有节奏感。