1
什么是ui手绘
UI也一样,绘制能力是表达手段,基础需求,只是工作里的一小部分。
什么是ui手绘_ui手绘图标临摹,在所有这些跟绘画有关系的行业里,绘画是为行业目的服务的,所需要的美术基础也绝不相同。所以千万不要把跟绘画有关的行业一概而论,理解为艺术行业。跟绘画有关的行业多数都是商业行为,商业行为下,艺术这个词就褒贬不一了。
如果一个ui有绘画能力,有几个好处:
第一:就是你可以短时间,高效率的方式,快速尝试设计和比对,提高工作效率。
第二:就是你绘画越熟练,你真的时工作效率越高。因为你对透视,结构,光原理,光色,的熟练,可以让你快速拆解你眼睛所见的一切事物,然后去根据需求改变和重新组合它们。
第三:很多时候手绘是一种不可替代的存在。
2
ui手绘图标临摹
什么是ui手绘_ui手绘图标临摹,虽然说做UI不要求一定要很强的手绘能力,但会手绘的话肯定能加分不少,也会提高审美和逼格的!
一:观察第一步应该是先观察,观察你要临摹的设计亮点地方。色彩、构图、质感、布局、交互、版式、光影等等,任何不可放过的细节。
二:思考去揣测作者为什么这样做,这样做的优势是什么?比如配色,为什么用这几种色值?如果改变一些有什么效果?如果换成另外一种呢?表达的含义是什么?
三:草图不管你是不是美术专业出身,手绘功底好不好,我都比较建议去画草图,照着你要临摹的作品画,一来提高你的手绘能力,二来加强记忆,三来能够为下一步”默写“做保障。
四:默写所谓默写,就是把原作放在一边,按照记忆和你画好的草图来设计,凭感觉和思考来调整你的临摹作品。当你遇到了不可阻挡、无法突破的瓶颈时候再去考虑看看原作。这一点很重要,也是临摹提升的重要性。
五:对比临摹好了以后去对比原作,比较一下相互的优劣势,如果你的作品欠缺了一些东西,那么去好好的自省,这个过程也是深记忆的。
5
扁平化手绘ui教程
一、常规扁平化 步骤 1:
宽度: 500px, 高度: 400px. 背景色#e8d59b.
步骤 2:
参考线设置:
垂直:157px,177px,250px,323px,343px,378px
水平:72px,107px,127px,200px,273px,293px,328px
步骤 3:
前景色#d14242,,圆角矩形工具,半径40
步骤4:
椭圆工具,颜色#ffffff, 在中心创建圆状物体。
依然在圆形图层,选择减去顶层形状,画出圆环形状。
步骤 5:
自定义形状工具,前景色 #ffffff, 中心创建三角箭头
二、长投影
步骤 1:
矩形工具,前景色#000000, 在三角箭头图层以及圆环图层下方画出形状
自由变换,选择45度
为矩形形状添加图层蒙版
在图层蒙版位置按住CMD+左键单击圆角矩形形状图层,然后选择>反向
使用油漆桶工具,前景色设置为#000000,抹去超出圆角矩形的阴影
不透明度设置为 20%
步骤2:
步骤1是三角箭头的阴影,步骤2是圆环的阴影,类似同上,不再赘述。
三、 渐变式
步骤 1:
复制圆角矩形图层,然后移动到图层顶端,填充设置为 0%
步骤 2:
使用钢笔工具,删除一些锚点,然后拖移一些锚点到中心
为复制后的图层添加图层样式,如下(正片叠底 不透明度20% 缩放)
步骤3:
原圆角矩形图层设置(正片叠底 不透明度10% 缩放)
四、投影式
这个超级简单,给所有图层添加层样式即可(正片叠底 不透明度20% 距离10)