相关分类
AI实例教程
AI技巧
AI脚本运用
illustrator视频教程
飞特网 顶部通栏广告

AI在UI设计中的注意事项

留苏发布于:2014-2-12 15:14
留苏
河北省 石家庄市 平面设计师
发私信 + 关注
简介: 对于做设计而言,工具只是完成作品的手段。因此,其实对于做 UI 设计来说,到底是选择 PS 还是 AI 还是别的这样的问题并不重要的。只是对于我自己而言,做设计几乎全部是用 AI 来做的,所以这一系列教程大多数是关于 ...


这一步后,按钮就画好了,有高光,且模拟了下凹效果:

此时的外观面板应如图所示:

-

按钮画好了,接下来,说说这样做有什么好处。

首先,这个按钮本身只用了一个图层,并且只是一个矢量对象,保持了文件的整洁。不信,可以看看「图层」面板,只有按钮和背景两个图层。

到此为止,按钮的大小正好是预定的 72×32 像素大小,且是像素精确的:

然后,如果我不满意按钮的大小的话,我可以随意调整,而不用担心渐变和圆角大小什么的也跟着变动。如图,虽然按钮大小变大了,但边缘依旧是 1 像素粗细,且圆角依然是 5 像素大小,渐变也没变:

要是不满意圆角的大小的话,也可以随意调整,不必担心其他的也跟着变:

把按钮换个颜色?简单,把最下面的填色层换一个颜色就可以了,其他的都不用改,渐变什么的依然在:

 

导出时,可以很方便地,严格按照按钮大小来建立切片,切出来的大小不多不少正好是 72×32 像素大小。

为 iPhone 4 这样的 Retina 屏做设计?好说,导出时设置按 200% 比例导出就可以了。

有好几个按钮?也好说,可以用一种方法,让所有的按钮都做成这样。更棒的是,修改一个按钮的样式后,可以让其他按钮的样式也跟着变。这个方法留作课后探究题来研究吧。 XD

课后作业:

1. 根据本课所学到的知识,做出如图所示的文字效果:

2. 说说用这种方法做文字效果有什么好处。

下课了,希望大家学习愉快。

FEVTE编注:更多AI教程讨论及AI作品提交请到飞特论坛AI交流区:https://www.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=132

1234
51

好评
13

差评

刚表态过的朋友 (64 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

留苏
河北省 石家庄市 平面设计师
+关注 发私信
发表评论

最新评论

引用
MOMOWEOLAI发布于:2015-12-2 15:40

啦啦啦啦!
引用
安然苦笑发布于:2015-8-25 14:55

引用
larva发布于:2014-9-7 12:41

快点赞~!!!~

引用
AlfredKo发布于:2014-8-4 11:11
做了一晚上,请教了大神才做出来了
虽然这帖子很久了,但我有必要回答一下各位的疑问
1. 描边的单独作变换。在外观中,选中那个半透明白色描边层,然后左下方那里有个fx,点选中,扭曲和变换=》变换,就好了
 
2. 我是做出来了个像位图般很多像素的样子,字体一点都不清楚,原来我是按了视图=》像素预览,这个功能是用来看杂点的,一般不需要摁,摁了的话,导出来的jpg也是很多像素渣这样子
引用
minxy919发布于:2014-5-22 11:36
我怎么描边那没有出现虚的状况呀  还有那个变换在哪呀 我选中整个矩形 然后点变换那 是整个矩形移动了 怎么单独选中那个白色描边变换
引用
fanfanhappy发布于:2014-3-14 12:01

教程很好~ 点赞赞赞~~~

引用
(∵)nnn发布于:2014-3-9 16:51
历经千辛万苦,我终于做出来了,哈哈哈哈哈哈哈,我AI人生的第一个按钮

引用
(∵)nnn发布于:2014-3-9 16:34
那个变换在哪里打开啊,找不到这个功能。。。
引用
杨洋发布于:2014-2-18 11:41

感谢楼主的详细教程,我帮楼主回答下吧。[使描边内侧对齐]在描边下的选项中,见图。第二个问题,说的不详细。

引用
九侯发布于:2014-2-17 15:11
文字描边没有【使描边内侧对齐】,这样【变换】之后用来做字体嵌入效果的描边会显的比较大,请教下楼主有什么好方法吗?谢谢

查看全部评论(12)

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计