大家好,今天我们来学习彩虹的按钮图标。UI设计学习“UI”的本义是用户界面,是英文User和interface的缩写。UI设计师简称UID(User Interface Designer),指从事对软件的人机交互、操作逻辑、界面美观的整体设计工作的人。
建立画布800x600pi,填充颜色(Color)为#a846ff。复制一层做一个渐变叠加得到画板效果(effect)
接下来我们做按钮,建立一个圆角矩形308x308pi,半径为68
给椭圆矩形做效果(effect),混合模式(pattern):斜面浮雕——颜色(Color)叠加——投影看过前面课程的同学应该知道,我们做完底部后,要一步步做投影。复制一层,填充黑色,下移20,高斯模糊15,图层不透明度25%。在复制一层,高斯模糊为20,不透明度15建立剪切蒙版,因为图标是一个椭圆矩形,阴影也要擦出来图标轮廓。
建立一个225×225的圆形,颜色(Color)渐变为
在建立一个226×226的大圆在外面我们只是做外面的轮廓,留下边缘部分
建立112×112,的中心按钮混合模式(pattern)做图标效果(effect)给按钮在做一个阴影,复制一个置于按钮下方。UI设计教程UI表面上看是用户与界面两个组成部分,但实际上还包括用户与界面之间的交互关系。UI视觉设计一个软件产品在编码之前需要做的就是交互设计,并且确立交互模型,交互规范。三是用户测试/研究,这里所谓的“测试”,其目标恰在于测试交互设计的合理性及图形设计的美观性,主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究,UI设计的好坏只能凭借设计师的经验或者领导的审美来评判,这样就会给企业带来极大的风险。高斯模糊,大家看到我给这个圆左右压缩(compression)一点,光源从上方打过来,为了过渡(transition)自然,我们可以根据情况(Condition)改变做阴影的形状,做完后图层透明度改为75%。
做一个96×96的中心圆颜色(Color)填充采用叠加效果(effect),做渐变叠加最后就是两个旁边显示状态按钮,大小为15x15pi。右边颜色(Color)填充为#6fe2fb,左边为描边
以上就是今天的全部了

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。