三招教你“科技感”，隔壁设计师都馋哭了

郑鑫快来

在科技公司混了这么多年，现在看到“科技蓝”“极夜黑”真的想吐。况且在百度图片里面检索“大数据科技感”你会得到如下电子包浆的土味极客风：


https://www.zhihu.com/video/1227196515598512128
我太蓝了。而且乱、冗余、很不极客。借着这次支付宝蓝上加蓝，我们来看看，科技感究竟是什么。如何快速定位。
首先纠正一个传统观念：科技感不是拼命发蓝光，不是旋转跳跃我闭着眼。早期显示设备烂，绿光红光都好搞，就是漂亮的蓝光很难还原。再到后期，纯静态的东西太无聊了，就开始切图元素满天飞。追求稀缺感是好的，但是不要背离初衷：科技感是来源于效率的提升。三维的园区确实比多个监控设备定点拍摄的画面更好监控，支付宝蓝的确更醒目，更能脱颖而出，动态数据看板的确比文字直观，效率的提升才是根本目标。
以下所用的美丽的图片，都是我工作截图，有需要的找我做系统。
第一招：限定颜色的种类和面积

logo icon的颜色和其他所有的系统或者软件一样，就是不要五彩斑斓，就用规范的颜色，可以有细节上的渐变，但一定是规范的颜色。



活泼的小游戏，注意尽量统一在规范颜色的射程之内



官方网站的小图标，这个网站的品牌色是蓝，但是为了不那么刺眼睛，用了大量碳黑来中和

插图也是如此，一致的风格是你选用图片的唯一标准。



我还是很喜欢这个产品的，可惜没能落地



专注大屏20年，大屏很多人做的不好，都是颜色的问题



不行咱就自己造

不少公司的官网，架构图、流程图用的是晚上的截图，修修补补又三年，或者是文档截图，毫无质感可言。。。画一下半个小时，设计过的东西他不香吗？
建议画着画着就混乱、或者工期很长协作困难的团队，一开始就制定规范。从颜色到边距，全部限定。不然有的大项目一做做几年，早就改的面目全非，那时候工作量就真的太大了。




面积也是，重复大量使用某一颜色的确会增强品牌感，但是你会发现颜色不够用...
这个时候，去查规范。层级一定要清晰。但这样集美们就会陷入一个怪区。比如“我太蓝了”，“我太黑了”“我绿了”。以几个大厂的UI来看下，品牌色形成的印象，是靠面积大取胜的吗？








很显然，大量的灰色，中和了张扬的品牌色。对于极客也是这样。
各位程序员工程师喜欢的是干净沉浸的工作，简洁的代码，及时的反馈。所以我们在设计的时候更倾向于减少颜色的干扰，仅用小面积的品牌色。信息爆炸、焦虑压力陡增的现在，我们更需要注意的是信息表达的效率，所以丢掉乱七八糟的装饰，回归信息层级本身。
划重点：别再纠蓝色了！！！我们更追求的是清爽！
第二招：icon 小图标的规范性

都2020年了，请问还有哪位设计师每个icon都仔仔细细花三个小时画的？还有谁不认识iconfont的请为自己的naive自罚一杯。
当然我不是说icon不用画，我说的是不用每个都画。但是你得有规范。不符合整体规范的该画还得画。粗细一致、圆角一致、视角一致。


实在不行的，给他套个框子哈哈哈。这其实是没有办法的办法。因为我们判断一个东西相似程度的时候，是从相似点入手的。相同特征越多，越定义为一套。以下这组就是这样，因为图标实在太多了（后来我数了一下一共七十几个），一个一个画不现实。我是先从iconfont上面找粗细圆角都差不多的线型图标，然后微调，最后就是扔框子里组合。


科技感的图标，除了规范性之外，和toC很多应用不同的是，会更加锐利。以下是我最近做的两个东西，一个是餐饮的一个是高端咨询企业的。边缘确定，线条纯粹，这是工业文明带来的秩序感。对于科技感，也要注意不要过于温柔，“肉”。



比如这一套东西，你一看就不会觉得科技


感觉有点内味儿了
https://www.zhihu.com/video/1227248106934616064
第三招：终极大法“加特效”，和工程师一样加特效


比如说，结合three.js
https://www.zhihu.com/video/1227244686567948288



thing.js做的，作为设计师要多学习



PS 3D效果整起来



Canvas生成的数


越努力，越幸运。干就完事了，奥里给！

孔春

奥里给

真的不是我

你在说什么

范兴

听不懂可以不说话。我继续解释也是这水平。

陈佳子是我

很棒

海一滴

标题好好笑

邹团

厉害了，现在的领导就喜欢10年前的那种“科技感”。还让我去抄全球领先的科技企业网站的设计风格。弄下来全都是极简风，结果他又要我退回10年前的那种风格...
而且现在素材网站上也都是那种土味朋克，极简科技风很少很少...可能这才是大多数领导的口味吧

大浪滔天

主要是花钱了弄了个很简单的东西感觉不划算[思考] 除了这个理由以外，我不懂花里胡哨的设计有啥用。但是风格无所谓，实用最好。

空虚

请问最后一张图是哪家公司的官网？

水燊的水

你这个是我喜欢的风格，可惜待的公司领导大多数不喜欢这种，他们就喜欢那种元素很多，发蓝光绿光，悬浮，爱的魔力转圈圈