点击解锁VIP可享全站免费下载 零基础搭建绿幕直播间卖货赚钱 NLP原创SEO文章AI自动生成教学 本广告位待租本广告位待租待租
点击解锁VIP可享全站免费下载 零基础搭建绿幕直播间卖货赚钱 NLP原创SEO文章AI自动生成教学 本广告位待租本广告位待租待租
点击解锁VIP可享全站免费下载 零基础搭建绿幕直播间卖货赚钱 NLP原创SEO文章AI自动生成教学 本广告位待租本广告位待租待租

温馨提示:需广告位请联系广告商务经理

PC端后台系统的视觉设计慎用扁平化风格

扁平化设计的流行趋势“势不可挡”,越来越多的后台系统也开始使用这种讨人喜欢的设计风格;但是扁平化设计在PC端后台系统的设计上却存在...

扁平化设计的流行趋势“势不可挡”,越来越多的后台系统开始使用这种讨人喜欢的设计风格;但是,扁平化设计在PC后端系统的设计中存在一些不可忽视的缺陷和问题。

PC端后台系统的视觉设计慎用扁平化风格

扁平化的设计风格是我开始职业生涯时接触到的风格,我很喜欢。这样的设计风格让人的视觉非常舒服。我曾经以为“极简主义”是世间万物的发展趋势。

现在各种设计风格,渐变设计,2.5D设计,流体渐变设计,孟菲斯风格等等。在手机设计中很受欢迎。这些设计风格的流行很大程度上是为了在一定程度上弥补扁平化的单调。

一、问题背景

大四实习的时候,有幸参加了某国企大型系统的用户体验调查,以下简称“系统”。

与之前的版本相比,系统的迭代不仅优化了功能,视觉上也有很大的变化。之所以很大,是因后台进程限制为优化后的可视化规范是完全扁平化的(类似下图),投入了大量的精力,不仅输出全新的UI组件,还为此单独开发了朴灿烈一套完整的前端组件。

PC端后台系统的视觉设计慎用扁平化风格

在收集和分析用户体验的问卷数据后发现,有用户表示“虽然原来的系统很丑,视觉传达但是操作起来其实很爽”。

当时我单纯的认为:“新系统存在一些功能上视觉传达设计的bug,或者是用户的习惯”等因素,让用户对旧系统的操作产生了一丝留恋。

很久以后,我遇到了一个丑陋的软件“4D电影院”,我似乎理解了用户对丑陋的旧系统的留恋。

PC端后台系统的视觉设计慎用扁平化风格

这款来自德国的3D软件,图标五颜六色,对比色的使用让人很难扁平化组织结构感受到统一带来的舒适感。再加扁平化插画上内部阴影的后台进程限制使用,软件本身就充满了浓重的德国工业风格。不过这种设计风格好像是pc什么意思啊从过去穿越过来的,但是在实际操作中有非常好的体验(除了我,我身边的同事也有同感)。

也许是对比色带来的视觉突出,或者是内阴影带来的按钮的真实感,或者是扁平化风格带来的视觉疲劳?

但是这个软件真的很“好pc材料用”。

于是我开始慎用人参健脾丸收集观察各大操作系统,发现即使Photosh扁平化组织结构op视觉传播设计与制作专业 CC2018版本相比之前的版本非常扁平化,后台app刷新关了有什么影响但是在操作界面上,具后台运行怎么关闭体的按钮和边框还是保持了部分物化的感觉。

另外,可以仔细观察Mac os系统的视觉细节。无论从图标还是具体的系统界面,都绝对没有完全扁平化。

像Adobe和苹果这样的公司,在探索视觉风pc什么意思啊格上是极其认真和客观的,他们的系统界面也不是完全扁平化的。

所以我个人认为之前的项目直接把旧的系统愿景改成了完全扁平化的风格,设计迭代太辛苦,或者可以说后台进程限制是一个错误的决策。原因是我们只考虑了扁平跑车化设计的优点,而忽略了它的缺点。

二、完全扁平化不适用于PC端的后台系统设计

其实我们可以对比一下“移动端产品”和“朴彩英PC端后台系统”的实际使用场景,PC端后台系统的操作更依赖于视觉。也就是说,pc材料用户长期坚持使用后台操作系统。在使用中,视觉疲劳很快就会到来,“平视”的弊端很明显,因此强烈的视觉冲击更符合使用场景之一。

另外,扁平化风格本身有很多视觉错乱游戏攻略优点,比如更干净简洁,但是也有一些不可忽视的缺点。

PC端后台系统的视觉设计慎用扁平化风格

Jlx32G5YaLZw.png” alt=”PC端后台系统的视觉设计慎用扁平化风格” width=扁平化管理通俗解释“599” height=”190″ data-action=”zoom”>

三、后台系统的扁平化设计应该注意

扁平化本身更加干净和简约,但扁平化本身的视觉对比不够强烈,在扁平化的基础上,进行视觉上的优化,才是后台系统UI设计正确选择。我们可以借鉴过去系统设计的部分元素,例如在扁平化的基础上增加视觉的对比度和拟物感。

PC端后台系统的视觉设计核心:扁平视觉错乱游戏攻略化让系统更加简洁,整体视觉看上去很舒服,但是在扁后台弹出界面平化设计的同时,潘长江一定要增强视觉上的对比度

例如我们可以通过以下方式来增pcr强界面的视觉对比度:

  • 增强按钮的视觉重量。可以通过渐变,按钮外阴影等样式增强按钮的立体感。
  • 适量增加图标的拟物化,丰富情视觉传播设计与制作专业感。图标过于简化的同时,还会增加用户的学习成本。
  • 轻微渐变。渐变可以丰富页面细节,渐变还可以营造自然中的光线照射感。
  • 卡片阴影。卡片阴影在移动端的使用非常广泛,pc端的卡片阴影同样可以慎用人参健脾丸营造较好的立体感慎用和禁用的区别
  • 不用“无竖线”的表格样式,表格是后台系统后台app刷新关了有什么影响出现频率非常高的一个组件潘春春,有的表格样式为了整体看上去更加干净简约,表格没有竖线朴灿烈只有横线,但是在实际中不如横竖线都有的表格好。
  • 一般UI设计中,除了运营banner中采用对比色,来突出模块潘长江,很少用到对比色。在系统设计中,运用对比色搭配,虽然损失整体页面的美感,但是强烈的对比,在实际的操作中将起到好的作用。
  • 注意避免大间距,和较大的文字间距。不同于其他页面的设计,系统设计的界面更加注重实际的操作,比如很重要的一项就是:“在有限的空间视觉传达中,可以获取更多的内容信息”。

以上只是我总视觉设计师结的一部分方法,其实可以按照我上面所说的设计核心理论,将其运用到实际的PC端后台的视觉设计中扁平化组织结构

最后:“PC端后台系统”几乎是每个企业或者产品所涉及的,希望本文可以对PC端后台的视觉设计有所参考或帮助。

给TA打赏
共{{data.count}}人
人已打赏
经验分享

从初中开始写日记,20年后,我做了一个248万粉抖音号!

2022-6-23 15:29:49

经验分享

平均1块钱1个用户的引流小活动,我是如何做到的?

2022-6-23 15:33:00

免责说明

本站资源大多来自网络,如有侵犯你的权益请提交工单反馈(点击进入提交工单) 或给邮箱发送邮件laakan@126.com 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!

!
也想出现在这里? 联系我们
广告信息
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索