5分钟卡通MBE图标UI教程

本作品风格(style)和案例由巴黎设计(Design)师MBE创造,本人只是给大家一个小思路。原文地址是作者作品链接。
再一次强调,本风格(style)和案例由巴黎设计(Design)师MBE创造,原作都是AI绘制,这里是给大家一种PHOTOSHOP绘制思路。
· STEP?01 ?·
矢量圆角矩形,改变其下方角度(angle)。
· ?STEP?02 ?·
把填充色关闭,把描边点开。右键点击大小输入框,然后选择(Select)像素,输入10像素。
· ?STEP?03 ?·
用钢笔添加几个锚点,随意添加即可。
· ?STEP?04 ?·
用直接选取工具,框选或者点击一些部分,delete删除。同样可以点击某些锚点上下调整。
· ?STEP?05 ?·
把描边选项的端点选择(Select)圆角。
· ?STEP?06 ?·
填充色改成蓝色,图层位置(position )调整放在轮廓下方,填充个蓝色。
· ?STEP?07 ?·
用布尔运算的减去顶层图像,保留一个边儿,将其颜色变成深色一点的颜色(Color)作为阴影部分。移动端UI设计不单单从事美术绘画,更需要对软件使用者、使用环境、使用方式进行定位,并最终为软件用户服务。UI设计师进行的是集科学性与艺术性于一身的设计,他们需要完成的,简单说来,正是一个不断为用户设计视觉效果使之满意的过程。UI设计教程UI表面上看是用户与界面两个组成部分,但实际上还包括用户与界面之间的交互关系。
· ?STEP?08 ?·
做一个雪糕的把儿,可以尝试将描边选项的对齐变成外对齐。
· ?STEP?09 ?·
做一个高亮的部分,仍然是用添加锚点的方式。如果你发现某个部分不是圆角的,可以尝试将钢笔工具的最后一个转换点工具点击一下锚点把角度(angle)点下。
· ?STEP?10??·
嘴巴的部分可以用布尔运算切个半圆儿,然后用描边外轮廓并使用(use)圆角。UI视觉设计一个软件产品在编码之前需要做的就是交互设计,并且确立交互模型,交互规范。三是用户测试/研究,这里所谓的“测试”,其目标恰在于测试交互设计的合理性及图形设计的美观性,主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究,UI设计的好坏只能凭借设计师的经验或者领导的审美来评判,这样就会给企业带来极大的风险。
· ?STEP?11??·
圆角矩形工具做一个小长条的红色舌头,放置即可。
· ?STEP?12??·
做地平线,方法(method)很多。
· ?STEP?13??·
做一个放射小效果(effect),怎么做都可以,也可以用这样的笨方法(method)。
· ?STEP?14??·
基本上完成了,然后对于颜色最后都可以调整一下。
 
实测确实是5分钟做完
然后忘记保存(Save)了……
所以不分享PHOTOSHOPD了……
动动你们的小手赞一个

 

0
分享到:

评论0

请先

社交账号快速登录

 
QQ在线咨询