如何让设计更有科技感？

界面设计中如何凸显「科技感」？

上述提到的方法更多的是对运营设计或是平面设计等视觉方面的思考。

在 UI 设计当中，个人认为依旧可以遵从简洁、品质感这两点原则进行尝试。

△ MOO音乐

△ 悦跑圈

△ Apple Store

通过对某些产品界面的分析，我发现一些科技公司旗下的产品，或是一些极具科技感的产品界面都非常简洁，且信息十分突出。

为了达到简洁、有品质感、内容突出这三点要求，我们可以接上文从配色、布局、图标、文字和动效等方面进行设计。

1. 配色

配色上还是多数以蓝色系或深色系为主，这应该已经是人们的一种固有印象了。当然暖色系也是有一些的，但数量占比相对较少，这一点需要结合自身产品的品牌色来决定。同时，运营方面的设计需要与之相匹配，方便日后的延展设计。

2. 布局

在界面设计趋于同质化的现在，落地的布局设计与「科技感」这个词关联性有限。需要注意的点应该就是元素之间的间距与整体的留白。内容排布过满会显得臃肿，且不易突出重点信息。to B 端的产品需要根据需求进行特殊优化。

（后台相关产品容易产生「科技感」的原因是自带的深色背景和数据可视化等因素影响。）

3. 图标

图标应该是除了 banner 外最能在页面设计当中凸显「科技感」的要素了。查看了一些相关的设计，发现此类图标有几个共同的特点：

1 : 用色肯定

2 : 简洁留白

3 : 样式丰富

4. 文字

接上文，受移动设备尺寸的限制，更加需要精炼文字。理想情况是用最简短的话术突出核心卖点。切不可使用过多的文字，会使界面变得杂乱。

5. 动效

我们之前提到的有「科技感」的设计应当是简洁、有品质感的，而好的动效可以增加这些特性。所以，个人认为优秀的动效应当是干脆、流畅、克制的。

干脆，可以给用户及时的反馈；流畅，增强使用的体验；克制，避免过度的炫技，造成用户的审美疲劳。UI 动效不是影视特效，好的体验应当是自然流畅的。

总结

以上，是我个人对「科技感」这个词的相关设计如何落地的一些想法。整理下来，其中的关键点是：提取分析关键词、搜索相关竞品参考、挖掘其共性、构思差异化。

日常工作当中，我们也可以针对具体需求，按照此流程进行梳理，并制定成自己的方法进行延展。

原文出自微信公众号：Fly Lab

FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：https://www.fevte.com/plan/shejililun/