AE使用中能提高效率的一些神器

脚本:

1、motion2

这个脚本我最常用的就是它的中心点重置、弹性功能。其他的在交互动画很实用。

MG神器!AE插件—Motion2超全面使用方法

2、True Comp Duplicator

一个复制合成脚本。

之前写过一篇文章:AE合成的一个使用技巧

继续阅读“AE使用中能提高效率的一些神器”

Indesign预设、主页、隐藏参考线或框架线,全角半角

当你双击indesign图标,软件操作界面展现在屏幕上的时候,你的第一个动作是不是新建一个文档呢?

而后弹出的是一个你熟悉到吐的对话框,依旧是A4大小,出血依然是3mm,边距一直为20mm。

你也许知道手中的书籍没有一本是A4大小的,只有打印纸才是A4,我们用indesign而不用word,更多的是因为我们不是要打印,而是要印刷出来。

书的大多数尺寸为16开,当然16开本的具体尺寸很多,我们可以设置一种最为常见的尺寸165mm×235mm,让它新建文档的时候直接为165×235,具体操作步骤是【文件】—【文档设置】快捷键:Ctrl+alt+p,在弹出的窗口中设置好数据,点击确定。

预设边距的设定,【版面】—【边距和分栏】,按照出版的经验来说钉口比切口要大,天头地脚保持和谐的关系,天头对应“上”,地脚对应“下”,钉口对应“内”,切口对应“外”,以魏小河的《失眠书》为例,上边距40mm,下边距20mm,外边距20mm,内边距30mm,输入之后点击确定。这时候你再新建文档就不会出现千篇一律的“A4”了,虽然多数情况下还得设置,但是焕然一新的感觉还是要的。

还没完,继续。

保持没有新建文档的状态(想要让InDesign改变默认字体、字体颜色等,也是先关闭当前的所有文档,保持没有新建文档的状态,如在字符面板中设置字体设置为方正中等线,然后打开一个文档或新建一个文档后,默认的字体则是方正中等线。,indesign的默认段落样式为字体为Adobe 宋体std,字号12点,行间距自动,在这里要提醒一下,这个概念很重要:“段落样式”规定了一段文字的所有属性。

修改默认的段落样式,点击【窗口】-【样式】-【段落样式】,右键点击[基本段落]-“编辑[基本段落]”,基本字符格式中调整字体为“方正书宋”或其他,字号10点,行间距18,点击确定。让大家保持在没有新建文档的状态,是因为在indesign中只有在这个时候调整的属性才会储存为全局属性,不然的话所有的努力都会存储在那个“新建文档”中。

要说明的是带有“Adobe”前缀的字体是电脑中字形最全的,所以尽管字体不好看,但在缺失字形的时候可以将缺失字形的字体设置为“Adobe····”我这里不用Adobe字体,是因为出版物中没有用这种字体出书的,原因简单——太丑。

依然没完。保持没有新建文档的状态,【文字】-【标点挤压设置】-【详细】,这是大多数设计师最容易忽略的地方,只有对文本要求质量高的策划编辑才会注意到这个问题。

标点挤压的基本思路是【上一类】和【下一类】之间的挤压。比如这句话: “排版是个体力活。” 其中开引号是【排】字的【上一类】,【排】是开引号的【下一类】;【活】是句号的【上一类】,句号又是回引号的【上一类】。

这里主要调两个地方一是行尾标点挤压,二是标点连用的挤压。

这样做有几个好处:行尾文字看起了很整齐,标点连用的时候看起了很自然,例如【?!】【”“】【!!!】【。”】……类似于这种标点的组合会看起了很自然空隙不会显得过大,这会让有强迫症的编辑们瞬间高潮。

打开【详情】之后点击【新建】命名为你想要的名字,基于设置必须选基于简体中文,adobe的简体中文设置还不错,我们只是补充一下而已,点击【确定】,之后选【下一类】后面选【行尾符】,将出现的前六项最大值设为-50%,在下一类中继续选择其他连用标点符号的后一个,最大值均设置为-50%,储存。之后我们必须调用这个新的标点挤压设置,编辑基本段落,点击日文排版设置,之后在标点挤压设置里选择刚才命名的选项,避头尾类型选先推出。

之前没有应用过段落样式,就建个段落样式,把要做的修改全在样式中设定好,用查找/替换能很方便的搞定!好好研究一下查找/替换,会给你带来很多方便。

别只看查找/替换,下边还有两个条件自己仔细研究一下。还可查找很多的东西,不只是文字。
查找/替换是个很强,很好的功能…..嗯!

隐藏讨厌的框架线:Ctrl+h;

隐藏参考线和出血线等:Ctrl+;。

全/半角的区别,用通俗的话来讲仅仅区别仅在于除汉字以外的其它字符(比如标点符号、字母、数字等)占用位置的大小,在计算机屏幕上,一个汉字要占两个英文字符的位置,人们把一个英文字符所占的位置称为”半角”,相对地把一个汉字所占的位置称为”全角”。在汉字输入时,系统提供”半角”和”全角”两种不同的输入状态,但是对于英文字母、符号和数字等这些通用字符就不同于汉字,在半角状态它们被作为英文字符处理;而在全角状态,它们又可作为中文字符处理。在写中文的时候应该用全角文章能相对整齐,美观。搜狗输入法切换全/角快捷键是shift加上 空格键。

其他一些常见问题1

其他一些常见问题2

axure一个小坑

今天在用Axure做一个页面的交互时遇到一个小问题:

简单的来说就是

页面上有一个按钮(有图片的圆形)和一个动态面板(两种状态:无蒙版和侧边栏、有蒙版和侧边栏),我要的效果是当我点击那个按钮能把动态面板的状态从第一种转换为第二种。

当我预览的时候,发现按钮不可点击。

当把按钮放在动态面板上层(当然这样做破坏了最初的布局),就可以点击,说明按钮被那个默认的状态1挡住了(而我打开之前rp7.0做的案例却没有这个问题)。

然后我就各种尝试,发现暂时别无它法,只能设置状态面板隐藏,弹出的时候显示,关闭的时候做完动画再隐藏(虽然这种方法很蠢)。

记录一下,日后补充方法。

 

碎片知识点

熟练操作绘图软件Photoshop的一些知识点

像素单位,色彩管理,参考线,图像格式,网格等设置。
Photoshop中的钢笔路径绘图,形状图层的布尔运算。
图层蒙版,图层路径蒙版,剪贴图层的运用。
Photoshop中选区的巧妙运用。
图层命名规则,图层文件夹。
图层厲性,图层样式详解。
如何标坐标,切图。
CTRL+T,网格变换。
液化.涂抹工具,加深减淡工具。
UI边缘透明度处理和精确对齐。
如何标坐标,切图。
Ctri+T. 网格变换。
Photoshop中制作GIF动画。
phooshop中曲线.色相、亮度的调整技巧。
Photoshop中的常用滤镜。
Illustrator和Photoshop协同路径作业, Illustrator中的网格渐变高级用法。

文档整理规范

参考图片
纹理素材
需求资料
效果图
源文件
切图

图标绘制:像素图标、剪影2D图标、扁平化图标、写实图标、3D图标、手机系统主题图标

手机系统主题图标
(有萌点、造型元素统一、元素风格统一、色彩适合主题风格)。
包括:拨号、联系人、浏览器、短信、相机、图库、音乐、主题风格、设置、应用商店、时钟、录音机、收音机、手电筒、计算器、语音助手、指南针、日历、便签、天气、电子邮件、游戏中心、文件管理、备份、下载管理、系统更新、密码保护、安全中心等。
流程:
铅笔草图开始画、此时对造型进行探索。
画路径线框图,此时可以对造型进行进一步的规整。
确定配色,为了使图标统一,先要确定整体整套图标用色。
细化润色,一般此时会在PS中将质感细节加强。
完稿,设计展示效果图。

 

界面设计之APP——注意 功能提要 、多分析类似应用。

七大APP:金融、网购电商、摄影美图、阅读新闻、社交地图、音乐播放、工具查询搜索浏览器。

金融:易操作、导航明确、设计前需要了解公司业务流程、相关颜色(中国为涨红色、跌绿色;国外相反)、避免误操作、适当增加提醒、与数据库关联性强。
网购电商:分类和活动专题、商品搜索、展示很重要,买卖后台一目了然,一般为表现强烈的暖色,底色为白;
摄影美图:黑色为底色、镜头特效、色彩特效、防抖、后期处理等特效、集图分享类如花瓣常用瀑布流。
阅读新闻:少质感表现、提供多种字体颜色、分栏清晰、考虑标题超出时怎么省略、支持模糊搜索,要有进度条;
社交地图:常用配色为蓝、红、橙、黑;清爽简洁、注意信息展示和交互、注意和社交小游戏及商品推广的绑定;
音乐播放:造型、用色在APP界面设计中最活波、有高保真质感的黑胶碟唱机;
工具查询搜索浏览器:颜色丰富、易操作、历史回退、缩放网页等手势要用的好。
8个web设计趋势:单页面、用照片做背景、色块设计、超大号的图片、聚焦简洁、响应式设计、视察滚动、强调字体

优秀网页设计创意:

把事物拆分后按不同顺序重组。
把事物放到出其不意的位置。
用不同的材质覆盖物体表面。
放大或缩小一个物体的局部。
用造型类似的物体替换原始物体。
复制物体上的局部部件。
使用有故事背景的照片。
使用剪纸艺术或水彩插图。
用线状简笔画和卡通风格的图片。
配上对话框。
使用3D GG和插画。
让物体漂浮起来。
使用形状把照片框起来。
在与主题相关场景中提炼材质和元素。
配色能烘托气氛。
使用flash动画。

界面配色一般都是(主体色+辅助色+点睛色+背景色)

 

旺铺装修:
店招——宽950px、高150px。
促销区——宽度740px,高度在500px之内
分类按钮——宽度最大160px
描述模板——可用950也可用740
左侧模块(收藏模块)——宽度最大为190
右侧模块——宽度最大为740
自定义页面——宽度最大为740

英文logo的创作技巧:
把笔画拉长
笔画收尾相连
共用笔画
单个字母放入方块
字母放入方块
字母中间串一根线
设计出飘逸的感觉
把笔画用其他物体或造型代替
用一些字母加粗,一些字母变细
添加残影的动感
添加水墨笔画
字母笔画连起来
把英文镜像
在logo的中间加一条白线
在字母中间抽掉一根线
把其中一个字母改变造型
把L或其他字母变得有飘逸感
笔画错位
字母嵌套
阴阳形对比
去除字母部分笔画
把标准字体变化
用字母用椭圆或其他形状框起来
百叶窗
其中某些字母距离拉近
字母错位排列

1.Banner设计的7个步骤

主体物的照片或图片进行枢图处理
确定Banner的主色,主要是主体醒目或是
根据不同节曰气氛、网页整体配色等确定色彩基调
确定物体摆放、LOGO构图和色块分割
设计一级标题文宇,一般用POP广告宇
体,加粗.夸张.立体.描边.碎裂,强质感等
二级标题用稍小一点的宇来补充说明
找一些小元素来点缀及增加趣味性,切记,要和主题呼应,乱添不如留白
对背景陪衬进行修饰和优化 使Banner更主次分明

2.提高Banner转換率的10条建议

真正和购物者“打成一片”:内容是购物者所关心的
提供正确跳转链接:用户单击后进入正确的产品页面和购买渠道
为用户提供专业建议,例如,进口奶粉上的元素等.
一级标题和二级标题文案用词更满晰: 让客户一眼就能识别宣传目的
让原本困难的购物决策变得简单,例如,全国300万妈味的选择
利用个人魅力创造销量,请名人来代言
制造购物的紧迫感 写清活动优惠曰期和时间.如仅此一天等
满足对价格敏感的用户,降价5m/,. 卖一送一,包邮等.
醒目的色彩和清晰的困片,如橙色背景、红色背景、嫩绿色或根据产品去配色
更有冲击力的字体设计:如3D立体字、倾斜飞入的动感文字

12种banner构图方式:

垂直水平构图
正三角形构图
倒三角形构图
对角线构图
框架式构图
堆放式构图
放射式构图
渐进式构图
主次构图
主题放两边,文字放中间
文字和主题左右分栏
文字和主题上下分栏

 

优秀的UI具有哪些特点?

简洁(因为页面满满的全是东西会让人找起来很困难)
清晰(不容易让用户感到困惑)
容错(允许用户犯错)
高效(能够帮助用户提高效率)
美观(让用户看到很开心)
一致(整个软件是一致的)
响应(操作界面后,反应迅速)
熟悉(让用户第一眼就感到熟悉)

UI设计的分类

1、平铺成条
2、九宫格
3、大图滑动
4、图片平铺
5、分类标签
6、下拉选项框

初级排版技巧

今天小露露让我帮她排版,我觉得授人以鱼不如授人以渔。

就发给她我平时会注意的方面。

以下为原话:

字体、颜色、字号、布局、留白、字体修饰、符号修饰、图标修饰,图片选择、重复、对齐、行距、字间距、色彩搭配、风格等统一一致、加质感、有细节、层次、栅格、比例正确、视觉引导、所有元素都要精致、东西放在正确的位置、有反差、有对比、区分明暗、必要时有特殊处理如元素孤立、结构布局特殊。

然后想解释下我要说的。

我一般第一步会把所有元素按照最普通的方式放好,但这最普通的方式其中注意了栅格、对齐、字号对比、字体对比、字颜色对比

放在页面上之后我会考虑一下可以做成什么风格,我一般会选择比较流行的风格做。

确定风格后脑中已经构思出一个页面布局,这就用到了一些设计原理(平面构成:重复近似渐变变异对比、集结、发射特异、空间与矛盾空间、分割肌理错视等等。立体构成:点线面与视觉引导结合)。

同时我会考虑到色彩,根据页面的主要想表现的东西选择适合它的颜色作为主色(有时候也会根据找的图片找主色,但一般找的图片颜色是根据已定好的主色找的),然后会根据确定主色和搭配后造成页面的单一无趣从而确定辅色、背景色等。到这一步我已经把内容、图片等布置的差不多了。

这时候开始考虑之前做页面布局想形成的视觉引导的缺陷,然后利用留白、在元素上加蒙版(视情况加白加黑,蒙版上也可加层次加元素加蒙版)、字体修饰、符号修饰、图标修饰等,而字体、符号、图标等与最初确定的风格要统一一致(比如要不要圆角,要不要做缺省图标,符号、图标要什么颜色比较适合页面,图标要不要加统一的特征或元素),必要时要自己重画。

好,现在到最后一步了,所有内容看似已经放到它该放的地方,这时候要对页面细化。把行距、字间距调整,给背景或其他东西加质感、加渐变等,使整体有细节、有层次、栅格和比例正确。

做以上所有工作时一定要注意所有元素都要精致、东西放在正确的位置、有反差、有对比、区分明暗、必要时有特殊处理如元素孤立、结构布局特殊。

当然我的排版也不好,只是说了自己的经验,应了标题。

win10系统中,在PS CC2015使用手绘板会有涟漪水波特效并带有延迟的问题解决方法

前段时间电脑被我弄坏之后,我换了系统,由于之前用win10原版系统没有太大问题,所以装的还是win10,后来安装的PS是2015版的,接下来的一个月里,每次用手绘板在PS里绘画的时候,总会莫名其妙的卡住,然后还会有超级恶心的水波涟漪效果出现(后来才知道原来有个长按变右键的功能导致)。

解决方法是打开控制面板,点击“笔和触摸”,里面“笔选项”选择“长按”,然后点击“设置”,把“将长按用作为右键单击”的勾取消掉即可。

但是在PS里绘画会卡的问题还是很难解决,毕竟PS越新,对电脑性能要求越高。苦于别的设计师经常丢一个超高版本的PSD模板,我却打不开。我还是默默忍受PS有一些卡吧。

 

youtube视频怎么下载

  1. 打开你的电脑,然后打开你的浏览器;
  2. 在浏览器中输入这个网址:en.savefrom.net,点击Enter键,进入这个网页;
  3. 打开你需要下载的youtube视频页面,将页面的URL复制下来;
  4. 将复制的URL粘贴到刚刚打开的这个网站:en.savefrom.net,等待加载,选择视频格式,然后download。

为什么不能把文件直接拖到PS里

1、同时按WIN+R键,打开“运行”。
2、在弹出的运行对话框,输入 regedit 命令,点击确定进入注册表界面
3、然后按照此路径HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Policies\System一直往下找,单击“system”, 在右侧“EableLUA”上双击,将其数值由1改为0。重启系统即可。

AI 怎么把缺失的字体全部替换

将缺失字体的某一对象选中,更改为另一指定字体。

然后按F7查看是否有锁定图层,如有,将其解锁,按Ctrl+Alt+2将所有锁定对象解锁,然后在菜单——字体——查找字体,上方选中缺失字体,下方选中要替换的字体,点右方的更改,如果需要全部更改的话,点“全部更改”的按钮就可以了。

使用Axure制作iphone原型设置尺寸问题

机型  在Axure应画的尺寸(px)

iPhone4 320*480

iPhone5  320*568

iPhone6  375*667

iPhone 6 Plus 414*736

用Retina屏按照手机原物理尺寸设计原型图,发布生成html在网页中打开怎么显示的是放大版的?

答:举例:iPhone 4/5 的缩放比是2,虽然手机屏物理尺寸是640宽,但实际对应的网页尺寸是640/2=320宽,所以其实无论是前段开发还是Axure原型设计,使用的页面宽都应该是对应网页尺寸,而不是实际手机屏的物理尺寸。
具体手机屏的缩放比是多少可以在PC端Chrome的开发者工具里查到。

艺术二维码如何设计

有自动(有一些免费)生成艺术二维码的链接

(知乎回答)https://www.zhihu.com/question/44396102

http://www.360doc.com/content/16/1115/11/21993621_606698431.shtml

 

那如果自己来设计制作呢?

需要注意

(制作之前需要理解什么是二维码http://www.uisdc.com/things-about-qrcode-design)

1.关注二位码的对比度
原始二维码采用黑白两色,是因为黑白对比度最高。因此0、1两个代码的色彩对比度越高越容易被识别,我们可以随意替换颜色,但是要注意0和1两个代码的颜色对比。

2.栅格的形状

二维码的基本结构是矩阵,矩阵的最小单位是1栅格,每个栅格我们都可以选择任意形状,但要注意栅格中至少有80%左右的面积是被填满的。

3.不可以反白

白色栅格代表编码0,黑色栅格代表编码1。反白后编码就会错误,无法识别。

4.找BUG,先从位置探测图形入手
在设计的过程中,需要不断用尝试用手机扫描看是否能够被识别,二维码的位置探测图形十分重要,必须要被清晰且明显的表现出来,如果你设计的无法识别,尝试重提高探测图形的对比度开始调整。

 

其实通俗来讲就是:我们可以在黑色区域做任意修改(变颜色,加装饰,加动画,可使用PS或AI或AE一点点拼接),只要不影响整体结构,那扫描是完全没有问题的。

当然,需要先准备一个纯黑白的原始二维码。然后进行图案替换,黑色替换深色,白色替换浅色。