1、国外平面设计网站有哪些
1.找设计灵感，只认Pinterest--------Pinterest
以瀑布流展示图片为主，图片资源丰富强大，不像花瓣有些关键词滑几页就没有了，在设计初期发散思考时，浏览Pin简直高效出活。（昨天被pin挂了的新闻刷屏了???sad face）
2.看完整的设计项目，作品，用Behance--------Behance
包括工业设计，交互设计，视觉，建筑各个领域，重点在展示完整的项目作品上，所以需要点击各个作品进入弹窗看，一个弹窗包涵文字，图片，视频介绍。
3.找视觉素材，UI，动效，推荐Dribbble--------Show and tell for designers
个人很喜欢dribbble上的视觉风格，扁平化风格较多，配色走心，最喜欢的一个功能是dribbble上一张图会有主颜色色号的信息，并且点击相关色号会进入所有用到这个色号的作品页面，配色方案一堆自行搭配自行选择，简直视觉类网站的业界良心。
4.找优质视觉资源，上Niice--------Niice
毕竟是从behance和dribbble等优质设计网站上过来的资源，优质中的精华，个人感觉在包装、平面等更偏艺术领域的资源较多。
5.作品集浏览、发布，Issuu--------https://issuu.com
记得之前有设计小白来问去哪可以看到完整的学生交互项目，安利了issuu给他，在浏览别人作品集的同时，也可以看到很多完整的设计项目，最喜欢它的展示功能，增强作品集展示效果，只加分不减分。
6.CG娱乐设计艺术资源类--------ArtStation
有很多CG设计类的图片，视频，模型等，之前被一个做游戏原画师的同学安利的网站。
7.ICON资源下仔类--------Noun Project
这个没啥好说的，貌似不翻墙也能上，还有一个国内网站也不错，Iconfont-阿里巴巴矢量图标库 ，另外一个icon比较好看的：Iconfinder - 1,500,000+ free and premium icons，好看到你怀疑能不能直接拿来用。。。只是需要收费，建议商用
8.字体设计，Google Font--------https://fonts.google.com/
对于网页设计师和前端人员来说，是个很棒的字体库，设计师可以使用字体库提供的免费字体来网页设计，而前端人员可以直接调用 Web Font 样式。
9.机械/工业设计/模型类参考网站
http://www.robotecture.com/
DIY How To Make Instructions
MakerBot Thingiverse
Home | www.robives.com
工业设计，tangible interaction design 的设计师可以看过来，里面有很多免费资源，以及与机械相关的理论，制作等等。对于做装置艺术，硬件交互有很大的帮助。
作者：阿绿
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
2、动效设计是属于交互设计还是视觉设计
要了解这个问题，我们先要看动效设计的目的是什么？
1，在用户体验上为了达到某种目标的引导
早期互联网产品动画较少时，大部分动效都是为了解决某个具体的交互问题而存在的，有很强的目标性。比如iOS上book的翻页效果，因为用户对手势翻页没有很好的认知也不会很快适应，所以需要模拟真实的翻书效果让用户适应。
又或者在Safari下载文件后，文件的进度和管理会在Dock的下载文件夹下，用户不容易发现和注意到，这时会有一个图标飞入到下载文件夹的动画，告诉用户下载的文件已经到这里了。
2，让界面更灵动活泼
因为现在越来越流行扁平化，所以设计师都开始用更简单的元素尽量去突出内容。但是如果只是纯粹的扁平的话就未免有点太粗糙了，给人一种界面很死板、没怎么设计的感觉。所以为了泥补这个问题，动效可以让扁平的界面更活泼起来。
比如Skype将普通的菜单弹出过程加上了果冻效果，让整个界面可爱了许多。类似于这样的动效有很多其实只是为了好看而制作的，他们属于视觉设计的部分，是为了让界面视觉更优秀。
所以可以看出动效即兼顾了交互的功能性，还具有美观性的特征，应该是交互设计师和视觉设计师互相合作的结果。
想了解更多交互设计方面的知识可以登录上海海淘科技网查看。
3、寻找好看的APP设计动效视频网站
4、Web，App中添加动效设计有哪些优点
曾近某高级产品经理指导工作中一再的强调要炫酷炫酷，动效交互不能少。于是苦逼兮兮地在原型上加各种交互。但是最终做出来的成品很差强人意。用户体验糟糕，炫酷的效果大打折扣。吸取了如此教训，那一起来看看动效炫酷的效果应该如何做吧~
没有用户请求就不会产生交互当你关闭一个标签时，它就会从屏幕上消失：简单地说，这给了用户一个即时的反馈动作(这个视觉效果对我们来说非常重要)。深入地说，动作让人类感受到了现实生活中的行为。动画让界面变得鲜活，带给用户真实的响应感觉。
5、在现代网页设计中，动效有哪些常见的用法
加载动效
动效最常用的一个地方就是进度条。加载进度条的加载动效会改变用户对于时间的感知，通过转移注意力的方式让用户等待感降低。简单的加载动效其实比复杂的更好。额外的东西，比如声音效果就没有存在的必要了。用户在有趣的动效上投注了越多的注意力，就越容易忽略等待的过程。
2. 进度动效
动效还可以用来展示交互或者操作的进度。
3.界面框架
界面框架会将界面加载之后的大概样式给展示出来，界面框架会让用户产生内容一瞬间就加载好了的错觉。这种动效可以应用在绝大多数的网页和APP当中，它会明显强化用户的参与感。
4.视觉反馈
将界面反馈视觉化地呈现给用户是非常实用的.良好的交互设计需要视觉反馈来支撑，传达交互完成后的结果，让交互可用、可见、可预期。网站界面中哪些元素可交互如果是不可知的、交互的结果也不可预期，混乱就不可避免了。周密的交互设计可以帮助用户理解，将这种混乱降到最低。
5.悬停动效
桌面端交互主要还是借助触控板和鼠标，光标悬停特效很大程度是为这种情况而存在的，同时，它也是最常见的动效之一。当用户不知道某个控件怎用的时候，会很直觉地将光标移动到上面去，这个时候，悬停特效能够很好的吸引他们的目光。移动端由于交互方式的差异，几乎没法使用悬停动效。无论是按钮还是输入框，当你点击屏幕的时候就已经触发控件了，只能在随后呈现结果，而无法像悬停动效一样预览。
6.长滚动页面
不得不说，首屏的设计一直是网页设计的焦点所在，设计师将注意力集中在这个充满价值的区域是有道理的。但是页面余下的部分同样很重要，事实上，有个说法是“正常媒体页面上百分之66%的用户注意力都在首屏之下”，因此结合了动效的长滚动页面同样非常有用。
7.动效让滚动式的交互充满了趣味。动画能够让长滚动页面所承载的故事更加鲜活有意思，相比于炫酷的动效，微妙的动效给人的感觉更加到位。
6、ui动效设计用什么软件
PS AI主要是作页面的内容设计，要做动态的 就要用到AE软件，亲要是没软件，我可以提供，望采纳！
7、如何选择合适的App动效设计工具
引用篇最近站酷上看到的文章，觉得讲得不错，原文地址：如何准确的向工程师传达动效设计？|UE|原创/自译教程|TCWison
随着软件与终端的发展，如今的用户体验设计中动效的作用正变得越发重要，也有越来越多的设计师开始尝试让自己的作品“动”起来。但在实际工作中，相信大家常会有这样的疑问：怎样才能将自己精心设计的动态效果，准确的传达给工程师，避免实现的偏差呢？下面我想根据自己的经验，抛砖引玉，和大家聊一下这个话题。
试想一下，在一个沉静的的夜晚，你正为一个界面的过渡动画而苦思冥想，突然一道灵感之光穿越你的脑海，完美的方案浮现眼前。此刻你最想做的，恐怕不是翻阅开发文档研究实现原理，“老子得立刻把它表现出来。”
没错，我们是设计师，设计师要做的是可视化。对于动效来说，凭空描述永远是隔靴搔痒，将自己心中的设计最快速的可视化，是实现的第一步。
一、准确展示：视频Demo
视频Demo是个不错的开始，一段可以反复播放并在大部分设备上均可观看的视频，是让别人快速理解自己想法的最佳媒介。制作视频Demo，本人最常用的工具是After Effects。AE对于动效的控制与表现能力，至今无人能出其右，是我心目中最佳的概念设计工具。
除视频外，AE的另一个优势是，它输出的PNG序列帧素材可以直接应用到一些PC甚至移动端的软件中，作为实现效果。
二、操作体验：交互原型
视频Demo的局限是无法交互，而很大一部分动效都是在用户与界面交互时触发的。这部分动效的启动时机，与手势的关系，仅靠视频Demo就无法100%准确的传达了。这时，如果能有一个可交互的原型，很多问题就会迎刃而解。
对于可交互的原型（Prototype），网上已经有很多文章在讨论，制作工具也五花八门（Flash、Adobe Edge、Quartz Composer、Keynote、Framer、Pixate、Form...），我们该如何选择呢？对于这个问题，我主要看两个点：1、制作好的原型是否便于多人分享。2、是否可以直接输出可用于开发的参数。
基于这两点，我个人的第一个选择是Flash。
由于Apple的原因，Flash如今的境况可算是江河日下。但作为一个动效原型工具，它却有一些独特的优势。
优势1：可以直接导入AE生成的序列帧素材。
对于我这种以AE作为动效设计起始的人来说，这点太重要了。它意味着无需任何重复劳动，只需要在Flash中添加一些基于AS3.0的交互代码，就可以完成原型的制作，并保证自己最初的设计思路在原型阶段不打折扣的实现。
优势2：可以导出.apk或.ipa的安装包，共享给任何有手机的人。
由于本人的工作经常需要异地沟通，原型的可传递性就是个很关键的需求了（总不能把电脑快递过去给人家看吧...）。Flash的打包发布功能，这时就派上了用场。做好的原型通过Air for Android打包一个apk文件，邮件发过去安装在对方手机上，轻松又愉快。
另外一些可关注的工具，还有Pixate和Form，它们都可以通过共享工程文件的方式远程传递，还能通过官方App将原型投射在手机上实时预览，缺点是只能做一些基础的效果，创新一点儿的就搞不定了，不过他们都在不断地迭代更新，尤其是后者，刚被Google收购，未来说不定会有快速的发展。
我个人的第二个工具选择，是Framer Studio。当我把制作好的原型拿给工程师看的时候，经常被问到这样一个问题：“能不能把源码给我们看一下？”这时气氛通常会比较尴尬，因为Flash也好Form也罢，它们制作的原型只能起到演示的作用，而无法直接生成对开发有帮助的代码。此时，除了报班现学Android或iOS开发外，还有没有别的办法呢？答案是：“有！” Framer Studio给了我们一线曙光。
Framer Studio是一个纯编程实现的原型制作工具，有很强的动效实现能力，它的语言是基于Javas cript衍生出的Coffees cript。虽然语法与Android\iOS有不小的区别，但仅就动效这块，很多逻辑是可以共通的。
当然，它的学习成本也会高一些，不过当你拿着一段Framer的源码给工程师看的话，当中的一些动画参数和实现逻辑，多少能给到他们些实际的帮助，所以付出和回报还是成正比的。关于运用Framer的流程，Twitter的设计师分享了他们的经验，大家可以看下这篇文章：《Twitter视频功能设计流程全程剖析》
另外，如果你专注于iOS平台，也可以直接尝试一下Origami，这是个由Facebook团队开发的原型工具，通过链接节点式的操作，无需自己写代码，在它最新的更新中，已经支持导出可供iOS和Android使用的代码，这篇文章做了介：《Introcing Origami Live》
三、协助开发：参数文档
有了视频Demo，有了交互原型，相信工程师们已经理解你要做什么了，那他们是否就可以愉快的把动效实现了呢？答案是：不一定。一些简单的动效，工程师或许可以凭经验搞定。如果你的动效设计很复杂，涉及众多的参数与速率变化，那仅凭你的描述与工程师肉眼的感觉，恐怕要出偏差。这时，就需要参数文档的帮助了。
想要自己的设计能被精确的实现，就一定要对实现的原理有所了解。根据实现原理，把对应的参数精确的写出来，这就是参数文档。对于动效来说，基本参数无非这三类：
1、动画的起始时间、持续时间（ration\ offset）
2、变化的属性（rotation\ position\ scale\ alpha）
3、运动速率（interpolator）
iOS与Android各自的程序语法不太相同，大家可以去官网翻看一下它们的开发者文档，了解两者在动效实现上大概的语法格式，然后对应着把这些参数标好，传递给工程师，他们就真正可以愉快的开发了。
当然，开发过程中少不了和工程师的不断沟通（一些如像素位置、不同机型屏幕比例的细节，包括可能出现的误差），换位思考，不能丢给他文档或demo之后做甩手掌柜，那也是不负责任的表现。
总结：
简单的说，要想准确传达自己的设计可以分三步。
第一步：要快速可视化。
你可以选择任何用的顺手的工具，把自己的想法快速准确的呈现出来，就已经是成功的一半。
第二步：最大限度的还原使用场景。
如果是PC端，就在电脑上演示。如果是移动端，就在手机上演示。如果可操作，那最好做可交互的原型，当然，是在时间成本允许的条件下。
第三步：把设计参数化，尽可能减少让工程师凭感觉开发的情况。
相信我，如果你不希望工程师凭感觉调UI颜色，那么动效同理。一份精确的文档，是你专业性的体现。
最后我想提醒一下，本文提到了很多工具，而工具似乎有能让人着迷的魔力。所以请注意了，千万不要在追求工具的过程中迷失了设计的本源。电影《夜行者》里有一句台词：“想赢彩票的话，你得先赚够买彩票的钱。”同样，我们是设计师，想要工程师实现出酷炫的动效，你得先把它酷炫的设计出来。抓住一切机会提升自己的设计能力吧！那才是你最宝贵的东西。
8、怎么制作网站动效gif
简单的就用PS就可以了
9、哪些动效设计可以给网站建设带来神奇的效果
1、加载动效设计
在网站动效设计中，加载动效设计最常见的形式就是进度条。加载动效可以让用户更真切地感受到时间的快慢，并且可以转移用户的注意力，避免用户因等待而出现浮躁的感觉。在不可以将等待的时间缩短一点的前提下，建议将这个过程变得有趣一点。加载的动效设计最好是简单一点，不建议加入声音，越简单越能吸引用户的注意力，那么用户就会忽略这是一个等待的过程。
2、进度动效设计
动效除了可以加载，还可以用来展示进度。同时还可以利用进度来展示步骤的顺序，这样就让页面变得更有趣味。
3、始末动效设计
这个是指界面加载完之后出现一个大概的样式，这样就给用户一种已经加载完毕的感觉。这种动效适用与大部分页面以及APP中，可以增强用户的参与感。
4、视觉反馈动效设计
主要是将界面反馈进行视觉化，并且展示给用户，这种动效实用性强，而且交互性也比较好。交互性的设计可以帮助用户更好地理解页面内容。