其他其他

设计经验 | 如何不断的积累设计素材,并做好资源转化

2021-12-169 MIN READ原载于微信公众号 ↗

帐号已迁移

Official Account

,

关注我们,希望每篇文章都会带给你们一些思考🌟

今天跟大家分享一下,在日常我们怎么积累设计素材和方案,最终转化到自己的考试卷面和作品中。

首先推荐大家在Pinterest上搜集素材,包括手绘字体、简笔画人物动态表情、人物形象、交互手势、场景图等。在试卷上,我们不会就画一个人和产品,这样割裂开的画面,最终呈现的一定是用户在使用产品的具体组合场景,所以场景的积累是我们的重点,搜集的场景图最好是日常的,具体的,带有人物动作、使用产品等元素,多积累这种素材,我们在考场上拿到题目才不用想半天。

图1 Think when you draw   图2  日本画家sho fujita  图3  Tuesday tips

这里推荐大家三个搜索的关键词,我觉得还不错的:

左边第一张是Think when you draw,它是 偏向美式漫画风格 的,上面还有教程,大家可以跟着画。

中间是sho fujita,这个我比较推荐,尤其是 基础不太好的同学,可以多关注 一下。他应该是个日本画家,画风比较简洁,日系的感觉,而且场景都很实用,像图例中有些虚拟屏幕悬浮在人面前,就可用于AR VR场景,还有对话框之类的元素都是我们可以借鉴参考的。

第三个是Tuesday tips,也是漫画风格的, 有很多细节处理的进阶教程。我们在积累素材的过程中,不能漫无目的,要针对考试所需的内容,积累不同的场景。想提高手绘水平自然要每天坚持临摹学习,有时间可以默画一遍,力求在考试中随想随画,不会卡壳。

Step1 搜集合适场景图

Step2 降低原图层透明度

Step3 描画得到线稿

那有些基础不好的同学,可能没办法看着图片临摹,我给你们推荐一个小技巧,可以利用一些绘图软件,像iPad的procreate如果我们想画一个自己的产品使用场景,就先在网上搜集合适的实景图,把它导入绘图软件,降低透明度,再新建一个图层描画出原图的线稿,在此基础上添加细节,就很容易得出自己想要的效果,这种方法也能让你练习到人物轮廓和一些细节处理,很推荐大家试试。

‍

除了练习场景手绘,我们还要积累一些灵感。平时练习的过程中,可能很多人苦于想不出好的方案,但灵感不是一蹴而就的,我们可以先想一个大概的轮廓,再找资料慢慢把它充实,让它更新颖,更高端。在日常可以多看新闻,科技公众号,ACM CHI会议论文,将新技术用自己的语言进行总结。这是一些我常看的公众号

公众号:智东西、屎塔克工业、新媒体艺术站、TAN智能HAO设计、微软亚洲研究院AI头条、X增强现实、AI交互设计院

B站上也有很多资源可以利用,分享几个up主:耀眼Video、魔力映像18165710113、Max创意公元、Max无限创意

还有 两个创意方案的众筹网站,大家可以尝试在其中寻找设计的切入点Kickstarter:查看链接 ↗

1. 看视频整理技术应用

用自己的方式消化我们积累的知识,才能实现有效转化。我的做法是准备一个笔记本,用自己的语言总结了一些前沿技术的名词解释,比较简短的几句话就行,主要是有自己的理解。考试的时候如果运用到这些技术,可以大致表达出来。

我在前面提到可以去B站看视频,其实这也是个积累过程,那在看视频的时候有几点你需要注意。视频不是看过就完了,你要用几句话整理出这个技术是干什么的,可以上网搜索这个技术,肯定会有很多专业人士的解答,比如我看了一个视频,是谷歌的project soli 手势识别技术。

(此处为视频,请在原文中观看)

会有很多知乎上的人士解释这个技术,你可以通过他们的描述,自己去总结,更好地理解这个技术是怎么实现的。

还有另一个办法,视频中使用了非常多的镜头介绍soli是怎么运作的,你可以暂停视频然后截图,看一下制作生产技术的人是怎么更直观地说明这种技术。这些截图在以后就能成为你绘画的素材,还可以思考它能够运用在什么方案里。视频中表现技术原理的画面,用自己的方式简化一下,成为一个图形化的简介。以后运用在方案中也更有技术依据。

我当时看到soli这种技术,认为它是一种非接触式的控制,可能很适合运用在厨房这样的场景,因为大家做饭时可能会分身乏术,做一个菜就来不及关注另一个,比如关注灶台上的火势。在厨房的墙面上安装一个有soli技术的识别设备,能配合你完成一系列的烹饪任务,也不用直接接触,是很好的多任务控制方式。

2. 从成熟的产品中提炼创新点

_在看到比较成熟或已开发出来的产品时,在看到比较成熟或已开发出来的产品时,你可以先理解它们的技术原理,并在此基础上创新。严禁照搬照用。_ 因为老师很可能也知道这个东西,你要做的是在原来的方案上吸取可以学习的内容,再自己创新应用。我再举个例子,是关于Joyscube 这个技术的。

(此处为视频,请在原文中观看)

看完视频,我们能够得知它有非常多的功能,很适合应用于多人游戏,一个Joyscube可连接多达12个立方体,它还兼容VR场景,可作为游戏的手持设备。视频里已经提到了很多游戏方式,我们可以思考它还能用在什么游戏中,或者其他更有意思的场景,还可以记录下产品有哪些操作方式,可以运用到自己的设计中。

认识一个新技术或产品时,我们可以用图文并茂的方式记录它的形态和交互方式,像视频中就提到了移动、倾斜、旋转、摇晃等操作,你可以选取一些交互方式,用草图的形式记录下来,再用文字补充说明,这样即练习了手绘,也有素材积累。

我经常用的论文网站是:ACM CHI:https://dl.acm.org/sig/sigchi

这个论文网站我个人认为是对我帮助最大的,给大家仔细解说一下,怎么发挥它的最大利用价值。它相当于一个论文的数据库,你可以在里面搜索和人机交互相关的论文,都是来自世界各个高校的,学习到人机交互领域新颖的交互方式和场景表达。以下是 一些搜索可用的关键词: interactive design/interaction device  gestural input/interactive   systems and tools通过阅读这些论文,你能了解现今人机交互领域的热点问题,学习一些理论和系统,还能掌握一些人机交互的原则和实际的研究方法。我会 搜索一些交叉学科老师的论文,像史元春老师,关键词Yuanchun, Shi。以这篇论文为例Tap-to-Pair: Associating Wireless Devices with Synchronous Tapping 查看链接 ↗

从摘要可以知道,他们研究的是一种自发的设备关联机制Tap-to-Pair,可用于快速准确地完成无线连接。

正文中有配图说明,根据指示灯释放与蒙住鼠标,能改变无线信号的强度,电脑端的扫描仪检测到这种变化,充当识别器完成鼠标与电脑的无线连接。这种方式能解决以往的无线连接方式在操作上比较繁琐的问题。这些论文不用完整地阅读,因为可能涉及到非常专业的其他领域的知识,重点看它们的摘要,再结合文中的配图理解,这是比较高效的学习方式。还能整理自己的读后感,主要是对技术的理解和一些自己的想法,建立一个收藏库以便日后翻阅。看完这篇论文,在做某个方案的时候,我用自己理解的方式利用了这个技术。

我当时做了一个VR眼镜,要配合智能手机使用,所以需要两个设备进行配对。在眼镜上我画了一个LED灯,它会有特定的闪烁频率,还用老师的方法画了两个示意图,告诉读者怎么使手机和眼镜进行配对,最后在旁边用几句话稍微解释一下这个技术。如果在自己的作品中能运用到老师研究的技术,他们也看出来你对技术的说明是比较透彻的,还有自己的理解,说不准能加分。

平时阅读论文也可以学习别人的图文表达方式。 这是之前无意间看的一篇论文,里面有很多手势图。这篇论文大意是说拓展智能手机的操作范围,利用食指实现对手机界面的操作。他设计了一个类似智能戒指的设备来检测食指的动作,也配有一些实景图,如果你有需要可以参照这些画面来进行手绘,这样你对这个技术的理解就比较到位。今天的分享就到这里了,希望介绍的方法能带给大家启发,积累到有用的素材,以便日后形成自己的素材库。

_论文|通过基于前置摄像头的立体视觉,设计一款智能手机的全手交互_


ABOUT US

本文原载于微信公众号,正文与配图已转存至本站以便长期访问。 查看原文 ↗

有想具体聊聊的问题?把你的情况说一说。

联系咨询