唐朝诗人
星岛环球网 搜狐新闻 手机竞猜app 环球网 参考消息 大公网 澎湃新闻 中国新闻网 中国文明网 新华网 南方网 百度新闻搜索 中国军网 央视网新闻 【次关键词】 好奇心日报 未来网 人民日报 新闻报刊 新京报 法制网 消费日报 白居易陈子昂杜甫贺知章李白李商隐刘禹锡卢照邻柳宗元孟浩然王昌龄王维
宋朝诗人
凤凰资讯重庆华龙网楚天都市报黑龙江东北网广西新闻网南风窗香港文汇网美国中文网 腾讯新闻FT中文网联合国新闻美国CNNBBC时事评论凤凰网评论中评网 范仲淹李清照陆游梅尧臣欧阳修苏轼陶渊明王安石文天祥辛弃疾杨万里叶绍翁
经典诗句
人民网铁血社区强国社区凤凰周刊爱思想观察者网甘肃日报华夏时报 黄河的诗句思念的诗句离别的诗句月亮的诗句荷花的诗句梅花的诗句西湖的诗句菊花的诗句送别的诗句四季的诗句爱情的诗句儿童的诗句

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

发表时间:2020-04-02

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

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

什么是“科技感”?

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

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

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

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

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

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

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
建筑学专业:建设现在,筑梦明天 报志愿选专业切莫望文生义 英镑汇率创3年内最大涨幅!这些性价比超高的英国大学了解一下? 高中生和家长,为什么要学习生涯规划? 日本艺术留学好吗?值不值得? 重磅:我的成都一诊成绩,全省预估可以排多少名?提前批,一本,二本可以考上哪些大学和专业? 第952期:历史:为什么需要审辩式教学——打通历史学科育人最后一公里 喜讯!祝贺天和学子GPA 83收获香港科技大学经济学Offer! 8岁上大学,9岁读博,天才神童为何惨遭退学? 澳大利亚就业情况最佳的居然是悉尼科技大学?! 澳洲留学如何选专业? 2019最新转学研究报告:社区学院转学好处多多!

ǚ所有任达华电影全集ǚ,ǚ站台女声dj版视频ǚ,ǚ陶渊明不为五斗米折腰的故事ǚ,ǚ电气设备巡检制度ǚ,ǚ民办学校年检报告ǚ,ǚ黄秋生电影大全ǚ,ǚ形容菜多好吃的成语ǚ,ǚ净水机设备加盟ǚ,ǚ老梁故事汇之赵薇ǚ,ǚ网游测试时间表ǚ,ǚ淄博到沭阳客车时刻表ǚ,ǚ集成热水器好还是空气能好ǚ,ǚ倾世皇妃小说在线观看ǚ,ǚ与书之间的故事400ǚ,ǚ蔡明电视剧最新作品ǚ,ǚ印度电影国语吧ǚ,ǚ工业环保污水设备ǚ,ǚ香港电影欢乐喜剧片ǚ,ǚ劲暴大悲咒dj中文版ǚ,ǚ大庆东到齐齐哈尔列车时刻表ǚ,ǚ编辑部的故事英子的扮演者ǚ,ǚ千阳天气预报查询一周ǚ,ǚ美食lomo图片ǚ,ǚ如何装修淘宝店铺面ǚ,ǚ蚯蚓电影在线观看中文翻译ǚ,ǚ英文版民间故事ǚ,ǚ柠檬蜂蜜水 减肥ǚ,ǚ粮食智能仓储设备ǚ,ǚ长沙商务英语学校招生ǚ,ǚ中国美食地图简笔画ǚ,ǚ公共卫生间装修方案ǚ,ǚ反渗透纯净水设备价格ǚ,ǚ中了魔法的公主故事ǚ,ǚ新警察故事2013的演员ǚ,ǚ重生到70年代的小说ǚ,ǚ互联网议论文作文素材ǚ,ǚgoogle 翻译软件ǚ,ǚ辽宁鲅鱼圈天气预报查询一周15天ǚ,ǚ全本小说免费下载器旧版下载ǚ,ǚ你说我写情感故事ǚ,ǚ师范学校毕业后档案ǚ,ǚ香河老人 传奇故事ǚ,ǚ北京蜂蜜酸牛奶ǚ,ǚ美姐电影完整版高清ǚ,ǚ故事会中学生网ǚ,ǚ生母字母表书写格式ǚ,ǚ库存管理论文作者ǚ,ǚ与诚信有关的故事 现代ǚ,ǚ杭州外贸女装进货渠道ǚ,ǚ编辑部的故事 武斌ǚ,ǚ江西 机械设备有限公司ǚ,ǚ重庆一洋化工设备制造ǚ,ǚ相信的力量寓言故事ǚ,ǚ儿童小故事50字幼儿园ǚ,ǚ北京荣成高铁时刻表ǚ,ǚ美食的俘虏第244话ǚ,ǚ动物哪些有趣的故事ǚ,ǚ太阳雨24管太阳能价格ǚ,ǚ一年级绘本故事音频ǚ,ǚck图片电影综合网站ǚ,ǚ汉语拼音词汇表ǚ,ǚ求刘德华经典电影ǚ,ǚ会议音响设备厂家ǚ,ǚ泰安迅达化工设备有限公司ǚ,ǚ少儿英语故事ǚ,ǚ未来之家太阳能热水器ǚ,ǚ游泳馆循环水净化设备ǚ,ǚ长豆角做法大全家常菜ǚ,ǚ萧邦手表香港维修售后点ǚ,ǚ室内通风设备改造ǚ,ǚ温州永嘉15天天气ǚ,ǚ不用注册的小说网站ǚ,ǚ淡泊名利议论文素材ǚ,ǚ抗战电视剧一言九鼎在线观看ǚ,ǚ12个生肖顺序年龄表ǚ,ǚ华文航空学校ǚ,ǚ北京爱情故事电视局西瓜ǚ,ǚ电影免费迅雷下载ǚ,ǚ招聘smt设备工程师ǚ,ǚ金华绿色环保标志ǚ,ǚ恐怖故事完整版在线观看ǚ,ǚ租快手直播平台账号ǚ,ǚ作文网童话故事小红帽ǚ,ǚ装修改水改电价格ǚ,ǚdj打碟软件破解版ǚ,ǚ低俗慢摇djǚ,ǚ家用太阳能面板ǚ,ǚ视力表如何使用ǚ,ǚ南宁租房论坛ǚ,ǚ播放电影网站ǚ,ǚ郭敬明小说全集网盘ǚ,ǚ日本家庭家常菜ǚ,ǚ台式风高级灰风格装修ǚ,ǚ人造石卫生间台面装修效果图ǚ,ǚ天下美食面点大全ǚ,ǚ济南市新世纪幼师学校ǚ,ǚ免费高清伦理电影下载ǚ,ǚ齐家家居装修网ǚ,ǚ童话故事书ǚ,ǚ货车太阳能后警示灯ǚ,ǚ韩系品牌女装有哪些ǚ,ǚ兰州和兴工程设备租赁行ǚ,ǚ萝卜泡菜电视剧在线ǚ,ǚ我已经出来工作了英文翻译ǚ,ǚ步步高电影网ǚ,ǚ精工手表机械机芯系列ǚ,ǚ成都11月天气预报天气情况ǚ,ǚ我与书的故事作文40ǚ,ǚ现代风格厨房瓷砖装修效果图大全ǚ,ǚ珍珠粉蜂蜜面膜的功效与作用ǚ,ǚcasio手表拆ǚ,ǚ周大师灵异故事集ǚ,ǚ如何用手机做签到表ǚ,ǚ工业英语在线翻译ǚ,ǚ通风设备有哪些公司ǚ,ǚ中国搅拌设备网ǚ,ǚ佛手瓜的做法大全家常菜ǚ,ǚ淘宝 联想官网ǚ,ǚdj舞曲串烧2011ǚ,ǚq播天堂 同志电影ǚ,ǚ1080高清电影下载ǚ,ǚ淘宝店助理5系下载ǚ,ǚ大语文 中外名人成长故事ǚ,ǚ澳门美食一日游攻略ǚ,ǚ装修先签合同再报价合理吗ǚ,ǚ中国2019广州环保展ǚ,ǚ国际音标字母表怎么读ǚ,ǚ泰州市瑞强环保设备有限公司ǚ,ǚ北京天气预报4月27ǚ,ǚ爱的故事全篇作文600字ǚ,ǚ斗转星移香港女明星ǚ,ǚ安徽省高等医学专科学校官网ǚ,ǚ巢湖市美食地图ǚ,ǚ欧米茄手表款式及价格ǚ,ǚ风衣女装2012春秋新款ǚ,ǚ舞蹈培训学校网站ǚ,ǚ世界十大顶奢手表品牌ǚ,ǚ暖气片焊接设备视频ǚ,ǚ欢乐喜剧人背景音乐djǚ,ǚ北京大观园电影院ǚ,ǚ一生之水大码女装ǚ,ǚdj嗨歌音乐网ǚ,ǚ淘宝怎么看自己是卖家ǚ,ǚ北京淘宝直通车公司ǚ,ǚbt工厂电影ǚ,ǚ午睡时间英文翻译ǚ,ǚ环保网格员上班时间ǚ,ǚ名人伟人成长的故事ǚ,ǚ优酷mp4电影免费下载ǚ,ǚ白狐dj慢摇ǚ,ǚ苦菊热菜怎么做好吃ǚ,ǚ最近宁波天气预报15天ǚ,ǚ废橡胶废电缆皮炼油设备ǚ,ǚ经典鬼故事txt下载ǚ,ǚ杭州富宇泽环保设备有限公司ǚ,ǚ南京地方美食ǚ,ǚ北海公园歺厅ǚ,ǚ求女生版玄幻言情小说ǚ,ǚ视频 美女热舞dj舞曲4ǚ,ǚ马翠霞第一次上大明星ǚ,ǚ选出5个动物编一个童话故事ǚ,ǚ酒吧女dj现场打碟图片ǚ,ǚ全球10大环保问题ǚ,ǚ关于环保的画取个题目ǚ,ǚ相信科学的小故事50字ǚ,ǚ快手网页版登陆ǚ,ǚ雨后小故事姐第恋ǚ,ǚ紫甘蓝菜怎样吃ǚ,ǚ成都到重庆沙坪坝火车时刻表ǚ,ǚ李保田所有电视剧ǚ,ǚ月亮白小说全集ǚ,ǚ**英雄有哪些故事ǚ,ǚ个人资产负债表反映ǚ,ǚ哥弟女装有什么客户管理系统ǚ,ǚ客厅装修效果图大全小户型ǚ,ǚ西安洗车设备批发市场ǚ,ǚ胸围130大码女装ǚ,ǚ大秦地特色菜ǚ,ǚ一年级环保小知识ǚ,ǚ亳州美发学校ǚ,ǚ北京市密云县天气话语ǚ,ǚ软件工程毕业论文日志ǚ,ǚ淘宝天猫品类卷在哪领ǚ,ǚ在线翻译英文网页ǚ,ǚ酒店品牌故事范文ǚ,ǚ环保50字小报ǚ,ǚ男童衣服尺寸表ǚ,ǚ蜂蜜莲藕的功效与作用ǚ,ǚ校园里的灵异故事ǚ,ǚ达兴通风设备有限公司ǚ,ǚ怎么网上举报环保问题ǚ,ǚ数学趣味小故事 四年级ǚ,ǚ录音棚设备教学ǚ,ǚ泓通环保科技有限公司ǚ,ǚ玄幻小说完结篇ǚ,ǚ环保衣服制作方法ǚ,ǚ冬季女装外套货到付款ǚ,ǚ家常客家菜ǚ,ǚ平凡的世界电视剧ǚ,ǚ十大夜店dj舞曲名曲ǚ,ǚ春晚主持人名单ǚ,ǚ蜂蜜加九度米醋减肥吗ǚ,ǚ法国非主流慢摇djǚ,ǚ空心菜多少钱一斤2019ǚ,ǚ数学兴趣的小故事ǚ,ǚ少儿励志成语故事ǚ,ǚ南宁酒店成套家具定制ǚ,ǚ姜文电影票房ǚ,ǚ诚信豆腐的故事ǚ,ǚ论文应该如何选题ǚ,ǚ玉观音 电视剧在线观看ǚ,ǚ万用表使用图文教程ǚ,ǚ关于班级管理论文范文ǚ,ǚ办公室精装修图片ǚ,ǚ山东锅炉设备厂环保科技ǚ,ǚ中国 环保 政策ǚ,ǚ深圳戴乐思泳池设备ǚ,ǚ桂林学化妆的学校ǚ,ǚ7788电影网宅男ǚ,ǚ永恒电影院ǚ,ǚ环保画画图片一等奖ǚ,ǚ百年代表什么生肖动物ǚ,ǚ天津安防监控设备ǚ,ǚ节能环保环境标志产品明细表ǚ,ǚ2018淘宝交易量ǚ,ǚ新警察故事2013在线观看优酷ǚ,ǚ光阴的故事罗大佑mp3ǚ,ǚ浙江汽车职业学校ǚ,ǚ台词幽默的电视剧推荐ǚ,ǚ电视剧版神话第二部ǚ,ǚ雪菜腌制过程ǚ,ǚ收视率高的电视剧推荐?ǚ,ǚ淘宝boy官方旗舰店是真的吗ǚ,ǚ传奇故事 2019ǚ,ǚ英雄联盟dj网站ǚ,ǚ老款欧米茄星座系列男表ǚ,ǚ公务员三不限职位表ǚ,ǚ山东 机械设备 有限公司ǚ,ǚ老梁故事汇叶继欢ǚ,ǚ重庆南坪的美食推荐ǚ,ǚ四会清风dj音乐网17ǚ,ǚcctv5节目表6月22日ǚ,ǚ2018年企业利润表ǚ,ǚ短篇鬼故事超吓人ǚ,ǚ浪琴运动手表图解ǚ,ǚ山东皇明太阳能路灯ǚ,ǚ壁挂式太阳能热水器缺点ǚ,ǚ韩国电影邻居手机观看ǚ,ǚ北京唯一一家云南菜叫什么ǚ,ǚ家庭乱码伦短篇小说ǚ,ǚ天津金逸电影票ǚ,ǚ奇热网电视剧战旗ǚ,ǚ广东新邮通讯设备公司ǚ,ǚ绿城精装修清单报价表ǚ,ǚ装修施工中ǚ,ǚ旅游南宁必去的地方ǚ,ǚdj音乐下载网站 免费ǚ,ǚ视频设备包含安防监控ǚ,ǚ简单凉拌菜的做法ǚ,ǚ柯南后宫种马同人小说ǚ,ǚ赵小磊丁翠红小说免费阅读ǚ,ǚ音频设备被删ǚ,ǚ新能源车包括ǚ,ǚ365篇短篇鬼故事ǚ,ǚ韩国蜂蜜柚子茶的功效ǚ,ǚ软件工程毕业论文日志ǚ,ǚ终极武器印度电影在线ǚ,ǚ如何写古代文学毕业论文ǚ,ǚ电影国语大事件全集ǚ,ǚ浪琴手表l4.322.2ǚ,ǚ酸奶蜂蜜柠檬面膜ǚ,ǚ美食城消防验收标准ǚ,ǚ北京农业职业学校恐怖ǚ,ǚ宇舶恒宝手表官网ǚ,ǚ老款欧米茄手表ǚ,ǚ怎样装修房子ǚ,ǚ听爷爷奶奶讲过去的故事ǚ,ǚ最便宜新能源电动汽车ǚ,ǚ2018生肖属相表ǚ,ǚ韩国最火的男明星是谁ǚ,ǚ亲人的成长故事400字ǚ,ǚ儿童故事聪明的小狐狸ǚ,ǚ欧米茄男士手表官方网站ǚ,

竞猜app
想让你的设计更有“科技感”,不仅需要找到设计关键词和参考竞品,还需要从背景、图形、配色、字体这四大方面下手。 确定好方向和准备工作,下一步我们就可以从“背景、图形、配色、字体”这四大方面着手设计…
手机竞猜app是全球知名中文IT技术交流平台,创建于1999年,包含原创博客、精品问答、职业培训、技术论坛、资源下载等产品服务,竞猜app、优质、完整内容的专业IT技术开发社区.
上一篇 下一篇
最新发布
猜你喜欢