美术

当前位置:北京快三 > 美术 > 相互之间设计员MAC装机必备

相互之间设计员MAC装机必备

来源:http://www.yylbdq.com 作者:北京快三 时间:2019-10-09 10:00

从业几年,楼主也从迷茫不知所措的时期,渐渐度过到现在可以掌控自己生活的状态,很能体会到作为新手在海量的信息中,眼花缭乱,不知道如何选择的感受。于是,自己整理出这几年来,觉得比较不错的网站、软件、书籍参考,让大家能节约一些时间和精力。

作为交互设计师具体的工作内容包含几个方面,一是绘制线框图,二是制作动态Demo,三是团队协作。网络上每天都会推出新的工具,能留在电脑里面的不过几款,能经得住时间考验的才是最好的。

楼主倾向将信息精简,遵从少即是多的原则,只推荐含金量最高的几处信息来源。

后台小伙伴咨询工具类的问题也不少,于是罗列出一些,不定期进行更新吧(楼主自己的偏向,供参考,网站链接很多需要翻qiang)。

交互设计知识面.png

北京快三 1

这张图几年前楼主见过之后,一直保留到现在。不仅是因为它形象而客观,而是每看一次,它都提醒楼主,作为交互设计师,莫钻牛角尖,综合平衡各方面的信息。

楼主按照工作需求分类,将电脑上的工具分为这几类:方案绘制、图片处理、动效原型、视频相关、思维整理、储存、Mac系统相关。

北京快三,基本功精简版信息

方案绘制

网站类汇总

Sketch

1.每日必逛

在方案绘制这个环节,大家应该不陌生。首推的是Sketch,配合它使用的还有插件CraftManage,在绘制图片时使用它custom这个功能,可以随机更换填充图片,在做用户头像和APP里面的图片时特别方便。

每日必逛的定位在于对一些需要时间比较久地去培养能力的地方,比如审美。或者是同行业人士整理的一些工作上可以用的小tips。

Photoshop

**Behance **Showcase & Discover Creative Work
Behance 是展示和发现创意作品的领先在线平台,同时也是 Adobe 系列的一部分。Behance 的管理团队每天都会从各种领域中的顶级组合探索出新作品。这些领域包括设计、时尚、插图、工业设计、建筑、摄影、美术、广告、排版、动画、声效以及更多。领先的创意公司可以通过 Behance 发现人才,数百万的访客也可以使用 Behance 跟踪最新和最杰出的创意人才.
现在已经推出iOS和支持Android4.0版本以上的APP,可以进行使用。

Photoshop的功能在这里不再强调,在交互设计中,用来绘制方案没有sketch高效(原因楼主在之前的文章强调过多次)。但它强大的处理图片的功能,让人也忽视不了,经常能帮忙解决一些关于图片的裁切、格式调整、颜色等等的一系列问题。

**Dribbble **What are you working on?
Dribbble 的口号是,你正在创作什么?然后,鼓励创作者上传个人的作品,以及正在创作的作品到 Dribbble 网站上。Dribbble的作品整体质量却非常高,许多摄影师、设计师和其他创意产业人士都喜欢在这里展示其未完成的设计,通过与其他设计师的共同探讨来激发自己的灵感。也有相应的APP。

图片处理

Dribbble 上的作品以 GUI 设计、平面设计、插画、VI 设计为主,而 Behance 上种类更多,还包括了 广告、建筑、摄影、Motion 等等。从 Popular 榜单上也可以看到,Dribbble 上经常是明星设计师们精美的图标或者界面,而 Behance 上多是一些 Agency 的整体品牌视觉包装。知乎上有位大神的比喻比较恰当,“Behance就像设计师的厅堂,展示大方,井井有条。dribbble就像设计师的厨房,进去问一句「今天打算做点啥?」,瞅见各种半成品跟成品,七嘴八舌,其乐融融”。

这里的图片处理主要是指在导出供程序员使用的APP图片资源。为了降低图片所占内存大小,需要进行压缩,ImageOptim是个不错的选择,但它有时候压缩的大小并不是很大,因为是对图片基本是无损压缩。另外一个是在线工具TinyPNG,但对图片耗损比较大,适合图片透明区域比较多的情况。

Pinterest
Pinterest采用的是瀑布流的形式展现图片内容,无需用户翻页,新的图片不断自动加载在页面底端,让用户不断的发现新的图片。图片质量都算比较好的。

gif制作主要是将一些小视频(主要是APP的demo)其中的某一小段做成图片,方便和运营的童鞋们进行沟通,他们在发文时有时候需要用到。GIPHY Capture,操作简便,对录制的gif也可以进行编辑,使用非常方便。

人人都是产品经理
国内做得比较好的产品经理学习、交流、分享平台,也有设计、运营的知识分享,在互联网业内得到了广泛关注和高度好评。

北京快三 2

优设网
一些比较实用的设计类综合信息教程,每天会更新几篇文章,花费时间不太长,值得浏览。

动效原型

优设网

Flinto

Google是所有问题的终结者,当我们没法从专业的网站上去获得答案时,就Google吧。

动效原型楼主试过很多种,最后剩下的是这三种,当然只供大家参考。Flinto是制作demo非常高效的工具,支持sketch导出。只要在sketch做好原型图然后通过插件就可以导入到Flinto。但Flinto的缺点在于,它缺少逻辑判断的功能。比如说点击一个区域可能有两张状况出现,此时Flinto并不能表现出这种逻辑关系,于是有了Origami作为补充。

2.前沿类的网站

Origami

**Medium **Stories that move with you.
Medium 是一个全新的轻量级内容发行平台,允许单一用户或多人协作,将自己创作的内容以主题的形式结集为专辑(Collection),分享给用户进行消费和阅读。

Origami是Facebook开发的一款动态工具,它的优点是能很细致地表达一款动效的状态出来,支持各种逻辑的跳转,并且可以调动手机摄像头,模拟拍照功能,可以调用JS代码。但它的缺点在于不能做太多的页面,二十个页面以上的效果就会卡,不支持sketch的导入,需要手动拷贝文件夹。对设计师来说,因为代码思维操作,学起来也稍微显得有点困难。

该网站好文不断,汇聚各行各业的设计大拿,如果关注了对了自己感兴趣的话题,以及优秀的设计师,自己的打怪升级进化之路会变得更加平稳。在这里推荐Medium《你该认识的64位设计师》,唯一不太方便的地方就是,文章是全英文的,对于英文不好的童鞋有点吃力。不过多看一些,进步就会很大,加油吧,童鞋们~

北京快三 3

3.设计规范

Framer

《iOS human interface guideline》
《Up and running material design》
市面上平台不仅仅只有iOS和Android,但既然是精简版,在这一步只介绍这两种。单这两个平台的规范,就足以让自己去钻研许久了,有精力的小伙伴也可以再去搜索一下Windows Phone等平台规范文章。

Framer比Origami更接近代码。兼容sketch和ps的文件导入,熟悉以后按照适合Framer的操作来组织sketch图层在导入Framer的话,非常便捷。有些重复的事情用结构控制使用代码更方便,可实现的效果跟Origami差不多。程序员学起来特别容易上手。这个楼主也才刚接触,很感兴趣,希望有一天也能成为大神。

读规范,并不是一步全部读完,需要分好几遍来进行研究。刚开始概览一遍,做到框架的熟悉。然后在做项目的过程中边做边翻阅,又会给自己一些灵感,比如说控件怎样进行统一,同一控件不同的状态怎样表述等等。它们是值得一读再读,反复研究的材料。

视频相关

iOS设计规范

1.视频制作

软件学习

动效demo有时候需要输出视频文件,想楼主做视频类的APP也经常接触到视频,所以这一块也有些鸡肋。视频制作软件功能最强大的就是Adobe After Effects,简称AE。学习成本不太高,跟其他视频制作软件的原理比较相似,就是在某个时间段内,将每个元素每个属性的变化进行拆分,一个个进行实现。

本文由北京快三发布于美术,转载请注明出处:相互之间设计员MAC装机必备

关键词: