亚搏体育app网站

从这几个要点下手,让我们的设计更有“科技感”!

发布时间:2020-04-09

想让你的设计更有“科技感”,不仅需要找到设计关键词和参考竞品,还需要从背景、图形、配色、字体这四大方面下手。

想让你的设计更有“科技感”,不仅需要找到设计关键词和参考竞品,还需要从背景、图形、配色、字体这四大方面下手。

什么是“科技感”?

科技感:等同于未来科技,未来科技是指超越现实的科学技术,未来科技与高科技、最新科技以及前沿科学技术等的概念完全不同,而且是有本质区别的…(解释来自网络)

网上找到的说法显得高深甚至玄学,与我们的日常设计工作并不匹配。仔细想来,最和科技本身相关的应该是产品自身的技术和功能。设计师需要做的,就是根据需求,将“科技”这个词结合自身产品属性,通过视觉表现的方式呈现出来,让用户产生共鸣。

如何设计的更有“科技感”?

说道“科技感”这个词,我会把它拆开成“科技”和“感受”两个词来进行分析。

“科技”我会联想到–机器人、外太空、全息投影等等;而“感受”这个词的范围就很大了。所有看上去对的上“科技感觉”的事物都可以归到“感受”当中去。

电影:机械姬/创战纪/遗落战境

1. 我们需要提取出“科技感”中能联想到的关键词

Key words:地球、地图、外太空、三维图形、蓝色、城市、写实照片、粒子、太空、机器人、全息投影、人工智能、透明玻璃、赛博朋克、游戏、电影、武器、移动设备、FUI、AR、VR等等。

结合产品的属性和我们对产品认知的感受进行筛选,并根据筛选后的关键词寻找相关图片,制作情绪板拟定主视觉风格。这类风格的视觉走向个人认为应当是简洁且具有品质感的。

拟定的情绪板

2. 寻找相关竞品或参考

挖掘此类型设计的共同点。比如其中涉及到的元素:点、线、深色背景、文字修饰、光效等等。

确定好方向和准备工作,下一步我们就可以从“背景、图形、配色、字体”这四大方面着手设计了。

3. 背景

在强调简洁的科技类产品相关设计中,背景多数分为:颜色或写实图片两种。

颜色很好理解,大多以深色底为主。强调一种神秘感和沉稳感,同时可以和浅色的文字内容形成很好的对比。

而图片背景的使用,就要求其图片的质量要高。版权、质量、产品匹配度、视觉干扰,这些都是我们应该注意的点。一张高质量的图片可以很好的凸显产品调性,提升设计图的整体质量。反之就会大大降低用户对其好感度与信任度。显得廉价,无品质。

4. 图形

通过前期分析,“科技感”设计当中常出现的图形样式包括–点、线条、抽象图形等。用最简单的图形,呈现最合理的设计。

无论是banner还是海报,设计的重点都应该放在文字内容上,要让用户明白产品的核心是什么。毕竟设计是为产品服务的。所以,在使用图形进行点缀搭配时,切不可过于花哨,从而抢了主要内容的风头。

当然,我们也可以跳出固有印象,尝试面形和其他立体形状来尝试设计。让我们的设计更加饱满。

5. 配色

提到“科技”我们下意识的就会联想到蓝色。这也是最安全最稳妥使用最多的颜色。其应用的范围非常广泛:科技、金融、医疗、航空、企业官网等都可以用到。

蓝色的使用很常见,但过分使用会给人一种冷冰冰的感觉。所以我们可以尝试用其他颜色来进行搭配调整。例如白色、橙色、紫色等。

为了能让我们的设计更有特点,产生差异性,我们可以试着去使用渐变色、暖色来形成反差。但不可使用过多的配色。繁多的配色会严重影响产品后期的延展。为了避免后期设计的失控,我们最好固定在三种颜色范围内进行设计。

6. 字体

从众多参考当中,我们能发现和“科技”相关的设计很多都是使用正常或者偏细的字体来进行设计的。

原因:

标题的使用应该简短干练,突出重点即可。更多的文字可以放到副标题当中去。尽可能的压缩文字个数。过多的文字会让用户产生迷茫和不耐烦等负面情绪。毕竟我们的设计风格是以简洁为主。

用文字当做字符来进行装饰,也是科技感设计当中的加分点之一。细小的文字点缀其中,会使页面整体更饱满更有立体感。

电影:机械姬

7. 延展

其他可以增加“科技感”的设计形式:空间感、卡通元素、运用三维、光效加持。

①空间感:通过视角的转换、模拟镜头光圈虚化等处理,可以让我们的设计图更立体,更有深度。

②卡通元素:添加插画、卡通风格元素表面上与偏写实的科技风格不相干。不过,通过视觉元素和色彩的合理搭配,以及动效的融入,可以达到出乎意料的效果。

③运用三维:使用三维元素,如三维的地球、城市等。与科技写实风格相匹配。并让界面充满立体感,形成差异性。有很好的视觉冲击力。

④光效加持:全局光、点光、线性光。不同的光效必然会产生不同的效果。在“科技”类的视觉风格当中,光的使用也非常频繁。背景光烘托前景物体;点光、线性光可以加强局部,同时可以作为很好的点缀。具体如何使用,需要根据我们设计的具体元素来制定。

界面设计中如何凸显“科技感”?

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

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

MOO音乐

悦跑圈

Apple Store

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

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

1. 配色

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

2. 布局

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

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

3. 图标

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

①用色肯定。

②简洁留白。

③样式丰富。

4. 文字

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

5. 动效

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

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

总结

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

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

作者:FLYXMF,微信公众号:Fly Lab

本文由 @FLYXMF 原创发布于人人都是产品经理,未经作者许可,禁止转载。

题图来自Unsplash,基于CC0协议。



声明:内容来自搜狐,该文观点仅代表作者本人,本站仅提供信息存储空间服务。如果需要删除请联系站长;

亚搏体育app网站
微电影拍摄心得体会作业 女装服装批发市场 原沈阳市师范学校 胜利牌数字8906万用表 办公设备分析报告 阿玛尼手表换电池多少钱 孙俪演的电影和电视剧 博士论文正文多少页 油爆大头菜的做法 玲珑女电视剧全集 寂寞才说爱抖音版女生谁唱的 闯堂兔大电影观后感 齐市一中微电影 十宗罪1小说免费阅读 工地洗车设备价格大全 星期天女装秋冬大衣 在南宁办喜事去哪个酒店好 声母和韵母音表读法视频教程 两千多的手表哪个品牌好 全球最高电影票房 饮食通怎么添加新菜品 北京美食街特色小吃 民办学校会计制度纳税

从这几个要点下手,让我们的设计更有“科技感”!

ǚ蜂产品与蜂疗专号ǚ,ǚ酒店厨房设备维修ǚ,ǚ1942电影下载ǚ,ǚ环保画简单又漂亮图片ǚ,ǚ新华字典在线翻译英语ǚ,ǚ环保产品认证是什么ǚ,ǚ关于身边英雄故事的信ǚ,ǚ淘宝客佣金率远低于商家设置ǚ,ǚ《美食中国》ǚ,ǚ偏中式装修ǚ,ǚ木耳菜种植时间ǚ,ǚ广元女装打底裤批发ǚ,ǚ大学生创业成功案例故事ǚ,ǚ设备保养的主要要求ǚ,ǚ淘宝网旋转手机ǚ,ǚ投诉淘宝电话ǚ,ǚ利用淘宝退款赚钱ǚ,ǚ成都昊特新能源技术ǚ,ǚ怎样制作狮子头这道菜ǚ,ǚ苏州市净化设备总厂ǚ,ǚ太阳能电池的制造ǚ,ǚf.i.r 音乐爱情故事ǚ,ǚ南宁4号地铁线路图ǚ,ǚ节能环保定义ǚ,ǚ广东化学工业学校ǚ,ǚ陈奕迅励志故事ǚ,ǚ装修房子是破财消灾吗ǚ,ǚ激情dj现场ǚ,ǚ税务论文网ǚ,ǚ电子小说全集言情ǚ,ǚ陶瓷除尘设备ǚ,ǚ女人名器图片ǚ,ǚ儿童电话手表去哪办卡ǚ,ǚ环保污水一体化设备ǚ,ǚ续写童话故事作文教案ǚ,ǚ真空微波干燥设备图纸ǚ,ǚ土地增值税税率表速算ǚ,ǚ2016有哪些热播电视剧ǚ,ǚ致青春电影完整版在线观看ǚ,ǚ在线字幕翻译软件ǚ,ǚ淘宝外观专利投诉影响ǚ,ǚ赵亮最新电视剧ǚ,ǚ上海石化工业学校招生ǚ,ǚ网络设备的安全问题ǚ,ǚ设备融资租赁什么意思ǚ,ǚ短篇校园言情小说ǚ,ǚ四川悦承环保节能科技有限公司ǚ,ǚ最新dj舞曲现场视频ǚ,ǚ360电话手表怎么发信息ǚ,ǚ憋尿劈叉的故事ǚ,ǚ羿龙阳光发电太阳能厂家ǚ,ǚ工会会员登记表家庭成员ǚ,ǚ通风设备制造商ǚ,ǚ可可车载慢摇djǚ,ǚ口技文言文翻译注释ǚ,ǚ通信设备工作原理ǚ,ǚ西安事变的一个故事情节ǚ,ǚ设备管理器里没有找到网卡ǚ,ǚ烟台天气捿霞ǚ,ǚ淘宝商家给的红包在哪ǚ,ǚ养鸡全套设备鸡笼ǚ,ǚ徐州实时天气ǚ,ǚ郭炳江 环保部ǚ,ǚ东城酒店装修设计哪家便宜ǚ,ǚ电影中国推销员观后感ǚ,ǚdj小可长什么样子ǚ,ǚ韩国电影母亲下载ǚ,ǚ适合0岁宝宝听的故事书ǚ,ǚ吉普赛情人背后的故事ǚ,ǚ喜活 泳池设备ǚ,ǚ平凡人的感人故事ǚ,ǚ关于环保的作文题目ǚ,ǚ歌手景岗山的dj歌曲ǚ,ǚ手机淘宝特价版appǚ,ǚ夫子庙烹饪学校ǚ,ǚ江西佳通通风设备有限公司ǚ,ǚ下列设备属于输入设备的是ǚ,ǚ2018中国环保涂料展ǚ,ǚ快手影流之主视频ǚ,ǚ电视剧北京爱情故事剧情分集介绍ǚ,ǚ写出自历史故事的四字词语ǚ,ǚ河北国润环保科技有限公司ǚ,ǚ装修样板间厨房ǚ,ǚ河源118路发车时间表ǚ,ǚ北欧风格 装修 价格ǚ,ǚ香港换心电视剧ǚ,ǚ小故事大道理100字以内ǚ,ǚ穿越类玄幻小说完结本ǚ,ǚ皇明太阳能价格ǚ,ǚproe5尺寸如何添加公差表ǚ,ǚ智天使儿童手表官网ǚ,ǚ那里能下载高清电影ǚ,ǚ快手视频二维码ǚ,ǚ浪琴男款手表价格图片ǚ,ǚ淘宝低价秒杀ǚ,ǚ土豆网电视剧青盲1ǚ,ǚ快手最火的歌曲2017ǚ,ǚ北京延庆世博园的天气ǚ,ǚ新疆103.9 热门歌曲ǚ,ǚ儿童有声历史故事大全ǚ,ǚ48个国际音标表及发音ǚ,ǚ名人诚信的小故事50字ǚ,ǚ甘肃省卫生学校田卫东ǚ,ǚ深圳涂装设备厂招聘ǚ,ǚ吃螃蟹可不可以吃空心菜ǚ,ǚ喝什么样的蜂蜜能减肥ǚ,ǚ被强迫男扮女装故事ǚ,ǚ成都爱情故事汪澜ǚ,ǚ成都的英文培训学校ǚ,ǚ知音两性故事ǚ,ǚ空气能热水器e1ǚ,ǚ拼音字母表歌曲ǚ,ǚ深圳市美术学校贴吧ǚ,ǚ剑道独神有声小说在线收听ǚ,ǚ小说龙门叶凡在线看ǚ,ǚ太阳能热水器嘟声报警ǚ,ǚ乡村女教师小说下载ǚ,ǚ龙学军 蜂产品ǚ,ǚ1975年热播电视剧ǚ,ǚ新办公室装修预算表ǚ,ǚ山东泰安天气预报15天查询结果ǚ,ǚ奥林匹斯神话故事大全ǚ,ǚ简洁英语小故事ǚ,ǚ心理学的故事书籍ǚ,ǚ韩国电视剧再见雷ǚ,ǚ酒店装修需要注意什么ǚ,ǚsata03015万用表说明书ǚ,ǚedi设备的维修ǚ,ǚ百度德文翻译ǚ,ǚ三字经中的十个经典励志故事ǚ,ǚ北京安贞美食城ǚ,ǚ西门子消防设备故障ǚ,ǚ惠州赛格广场美食ǚ,ǚ崂山道士文言文翻译ǚ,ǚ北京市贵族学校排名榜ǚ,ǚ重生之创业互联网小说ǚ,ǚ男明星谁的丁丁最大ǚ,ǚ中国大锅菜热菜卷txtǚ,ǚ电流表怎么改装成欧姆表ǚ,ǚ低碳环保绿色行手抄报内容ǚ,ǚ企业缴税的税率表ǚ,ǚ免费归去来电视剧网站ǚ,ǚpanasonic监控设备ǚ,ǚ美菜招聘郑州客服电话ǚ,ǚ儿童手表有必要选4gǚ,ǚ欣维汽车教学设备ǚ,ǚ可以下载的好听djǚ,ǚ瓶装水生产设备多少钱ǚ,ǚ男扮女装主播罗美人ǚ,ǚ香港美食节目大全ǚ,ǚ杭州女装网帛拉美ǚ,ǚ淘宝商城骆驼官方ǚ,ǚ抚顺今日天气预报详情ǚ,ǚ320mv超清美女中文dj写真ǚ,ǚ生命如此美好真实故事ǚ,ǚ太阳能电池制造企业ǚ,ǚ小学生有趣的对联故事短篇ǚ,ǚ淘宝收藏店铺的链接怎么做ǚ,ǚ卜蜂莲花超市客服电话ǚ,ǚtwins背后的故事ǚ,ǚ电视剧恋人们在线看ǚ,ǚ邹琪艺术学校201ǚ,ǚ酒店酒架装修效果图ǚ,ǚ儿童红色小故事ǚ,ǚ明星家厨房装修图片ǚ,ǚ用英语颜色编个小故事ǚ,ǚ电影在线下载ǚ,ǚ许昌新能源汽车产业园ǚ,ǚ欧米茄星座女表最新款ǚ,ǚ淘宝假货客服投诉ǚ,ǚ曲刚英语音标大表ǚ,ǚ烟台台湾美食节ǚ,

亚搏体育app下载
想让你的设计更有“科技感”,不仅需要找到设计关键词和参考竞品,还需要从背景、图形、配色、字体这四大方面下手。 确定好方向和准备工作,下一步我们就可以从“背景、图形、配色、字体”这四大方面着手设计…
亚搏体育app网站为单机游戏玩家提供最新单机游戏业界动态、国内外单机游戏下载、单机游戏补丁、单机游戏攻略秘籍、单机游戏专题等内容。坚守单机阵地,弘扬单机文化!1号店(yhd.com)网上超市精选全球好货,各个品类的亚搏体育app下载。

最新发布

相关推荐

本周最热