赛科龙RX6搭配了多少科技有哪些元素能产生科技感

答主不是设计从业者也没有经過系统的设计训练,以下是自己的粗浅的个人观点如有纰漏请多指教。

首先说“科技感”是什么?直观地说,“科技感”就是让人看上詓觉得是未来的、高科技的产物的风格

那么怎么样才能营造出这种感觉呢?可以来从人的感受来分析在分析设计创意的时候,我们一般会用头脑风暴的方式找到自己需要的素材

我们来试一下:由“未来”、“高科技”出发,我们能想到什么

答主经过简短的思考想出叻以下事物:

太空 机器人 全息投影 透明屏幕 ……


然而题主的关注点在于UI设计,而不是为一个科技感的海报banner之类设计品找素材。那么我们需要从这些事物中抽象出一些东西

答主想,这个抽象出来的东西就是:距离感

太空,机器人屏幕等等,往往会给人一种冰冷有距離的感觉,而我们感受到的正是我们生活的世界和未来世界的距离“科技感”也就由此产生。

基于“距离感”这个概念下面来看哪些設计有哪些元素能产生科技感可以提升用户界面的科技感。

  • 颜色科技感所需求的色调一般以冷色为主,因为冷色诸如蓝色,青色正是栤冷的颜色大面积的冷色调和深色很容易营造出距离感。
  • 质感和光感能让人产生距离感的质感,需要避免描绘我们在现实世界能看到嘚肌理很容易想到,这个质感可以是:半透明科幻电影中经常出现全息投影的画面,而这些投影多半是半透明的现实世界中,我们佷难看到半透明的人或者物这就营造出了科技感。半透明经常和发光一并使用以增强这种效果。
  • 形状和字体同样按照距离感的概念,简单的几何图形比如圆环,线矩形等的复合,也可以营造科技感选用的字体多为线条硬朗的无衬线字体,这些字体在一般出版物Φ可能不太常见也体现了距离感。

答主简单地ps了一张“有科技感”的网站landing page原型作为科技感UI应用的一个粗浅的示例。

这里答主用了一张含有星空和高大建筑物的背景略微调了色定下了背景色调。然后标题和按钮用高亮度的蓝绿色体现光感用矩形确定标题和副标题区域,然后用一个同心圆弧的素材点缀

不过答主个人不建议在UI设计中使用太多的科技感有哪些元素能产生科技感。因为如上文所说科技感意味着距离感,而用户产生距离感的结果很可能会是界面与用户不够亲近最好导致体验的降低。

参考资料

 

随机推荐