UI知识,论新手如何单独完成一款APP的设计(3)插图

UI知识,论新手如何单独完成一款APP的设计(3)

这次制作周期较长,准备工作做得比较足,最终效果还是可以接受的。 不满之处当然有很多,比如部分ICON画的整体性不足,没有制作动效等等,但毕竟是自家的孩子,而且还是大宝贝,我个人还是很喜欢的~ 也欢迎大家多说

美工知识,资深美工如何偷懒插图

美工知识,资深美工如何偷懒

昨儿个,有个小伙伴在群里抱怨,说是接了个美化界面的任务,可是,怎么也美不起来。 最后,也许会有人问,如果不知道这不是自己的工作怎么? 那就把耐克的标志贴脸上,JUST DO IT。

广告位
UI知识,UI设计切图的命名规范(4)插图

UI知识,UI设计切图的命名规范(4)

首先分享一个比较好用且快捷的切图软件………………… Cutterman; 这是一个photoshop扩展功能切图插件,它支持IOS、Android、WEB切图,一键切图,方便快捷。 它在Photoshop中是这个样子的; 大家可以试一下

UI知识,UI设计切图的命名规范(2)插图

UI知识,UI设计切图的命名规范(2)

命名规范是:login_logo.png(登录LOGO) 第二个是启动页背景命名规范:login_bg.png(登录背景) 第三个和第四个是登录按钮及输入框 命名规范:login_btn.png(登录的按钮) login_input.png(登录输入框) 这个界面中

UI知识,UI设计切图的命名规范(3)插图

UI知识,UI设计切图的命名规范(3)

如:tab_set.png/tab_set_pre.png 主页面icon命名规范:Home_(功能属性)_(描述).png 如:Home_icon_share.png ps:描述可用英文或者拼间开头字母组合 部分功能属性简写: 按钮:btn 按钮文字:btntext 复选框:c

UI教程,三维立体圆形旋涡图形图标(4)插图

UI教程,三维立体圆形旋涡图形图标(4)

先画出大体的圆形,然后利用CTRL+T自由变换做出旋涡的效果即可,喜欢的可以动动手练习一下这个技巧。 先声明一下,这不是原创,只是总结了一下,为了让新手看得更明白,增加了许多详细步骤。 闲话少说,上图。 另外

UI教程,三维立体圆形旋涡图形图标(2)插图

UI教程,三维立体圆形旋涡图形图标(2)

中圆图层按ctrl+j,复制3个一样的,然后调整第二个中圆的中心点和大圆的中心点重叠。 上面输入旋转角度90度,按回车确认,结果如图所示! 6、依次给另外2个圆旋转,第三个中圆的角度是180度,第四个中圆的角度是-90

UI教程,三维立体圆形旋涡图形图标(3)插图

UI教程,三维立体圆形旋涡图形图标(3)

8,同第7步类似,按住ctrl键,鼠标左键单击1下图层,选择1下,出现蚂蚁线后,鼠标左键单击4左图层蒙版, 用橡皮擦擦去多余部分。 9、给3上中圆创建图层蒙版,选中1下,在3上图层蒙版上擦去3上多余的部分! 10、最后

贴图教程,简单几步制作iPhone效果图模版(4)插图

贴图教程,简单几步制作iPhone效果图模版(4)

十分简单的一个教程,适合新手学习。 第一步、浏览器打开www.apple.com.cn,找到喜欢的iPhone图片 截屏保存 注:因为无法另存下载 第二步、Photoshop打开截屏图片 裁切图片 去掉无关的内容 保存文档 命名为iPhone高

贴图教程,简单几步制作iPhone效果图模版(2)插图

贴图教程,简单几步制作iPhone效果图模版(2)

绘制640×1136的矩形 注:这是iPhone5的尺寸 如果亲的设计稿是6或6P 那就绘制相应尺寸的矩形 右键矩形图层 选择转换为智能对象 回到画布 对矩形执行扭曲 快捷键为command+T 右键 弹出菜单选择扭曲 将矩形的4个角 拉

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部