当前位置:首页 >ui设计素材网站有哪些 >设计沉思录|这一次,我们尝试设计了仪式感 正文

设计沉思录|这一次,我们尝试设计了仪式感

来源:ui设计网   作者:ui设计前景怎样   时间:2020-08-07 18:28:37

一限制字体数量一个版面中字体的变化不易过多,设计设计式感不论信息量有多少,字体选择控制在二至三种已足以应付画面的需要。

以我的工作经验来说,沉思次尝试刚刚有讲到我们公司还是大量使用着1024px的电脑,沉思次尝试所以在定义网页宽度的时候,这是要考虑第一个因素,虽然这样的设备在市面上已经很少见了,但是我们设计的时候就要以1024px的画板来画界面。网页的宽度主要分为两种:录|仪定宽:录|仪内容区域宽度固定自适应:内容区域宽度跟随浏览器变化定宽模式定宽是我们在看到的大部分网页中最常见的一种形式,宽度分别由:960px、980px、1190px、1210px,有人看到这里可能会有疑问,我们平时做的设计稿不是1024px、1280px、1366px吗?在定义网页宽度时,我们第一件事是考虑我们的受众用的显示器。

设计沉思录|这一次,我们尝试设计了仪式感

1、设计设计式感显示器设备在定义网页宽度时,我们第一件事是考虑我们的受众用的显示器原文地址:沉思次尝试形而设学(公众号)作者:慕言转载请注明:学UI网海报设计总是套模板,该如何快速解决?。海报设计总是套模板,录|仪该如何快速解决?路野TK版式构图2020-07-11884浏览海报设计总是套模板?该如何快速解决?海报设计教程第七期,录|仪本期针对这个问题就通过两个改稿案例来帮助大家分析,更好的理解和对比平时工作中遇到的问题,找出最合适的解决方案

设计沉思录|这一次,我们尝试设计了仪式感

STEP.1-新建合成新建800*600合成,设计设计式感帧速率25,设计设计式感命名为搜索STEP.2-绘制图标在合成内新建纯色,用来添加3DStroke效果命名为icon打开效果-RGTrapcode-3DStroke,添加到纯色icon图层上选择icon图层,使用圆形工具和钢笔工具,绘制搜索图标。AE自带的3D图层无法制作立体的线条,沉思次尝试必须借助粒子插件套装中3DStroke的帮助。

设计沉思录|这一次,我们尝试设计了仪式感

【使用软件】AdobeAfterEffects【使用插件】3DStroke(文章底部下载源文件)【学习要点】3DStroke插件和抖动表达式【难易程度】★★☆☆☆【效果简介】比起单纯的图形变化,录|仪3D效果更会让人眼前一亮。

此时绘制的线条自动变为3D立体线条STEP.3-制作动效找到3DStroke的属性,设计设计式感调整线条粗细,设计设计式感并在Y轴旋转属性上K帧到第7帧的地方,将y轴旋转改为90,选中两个关键帧,按F9添加缓动曲线,图标旋转动画初步制作完成STEP.4-添加表达式按住alt键点击秒表按钮,打开表达式窗口,添加表达式:amp=.50;freq=2.0;decay=5.0;n=0;if(numKeys0){n=nearestKey(time).index;if(key(n).timetime){n–;}}if(n==0){t=0;}else{t=time–key(n).time;}if(n0){v=velocityAtTime(key(n).time–thisComp.frameDuration/10);value+v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);}else{value}前三项分别控制振幅、频率和阻力,可以根据需要调整。沉思次尝试在背景下为猫咪和植物都增加一个简化的投影。

可能把这个立体感换成鲜活、录|仪生动更合适。画好的形状如果超出了猫咪的大轮廓,设计设计式感就利用形状生成器剪掉。

注意每只猫爪都是用矩形的变体,沉思次尝试这样能让猫咪看起来有种简洁的抽象感,和写实的猫咪能拉开风格距离。给猫咪更多细节第二个层次,录|仪应该是猫咪更多细节:面部、毛色之类,让猫咪看起来可辨认。

标签:

责任编辑:ui设计属于什么专业,好就业吗