Fireworks打造专属的UI套件教程(4)

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:优设   作者:情非得已

关键词

24.添加页码

Fireworks打造专属的UI套件教程

复制一份之前绘制的按钮,移动到画布的其他区域。大小改为30x30px,文本替换为“

25.复制该编组

Fireworks打造专属的UI套件教程

复制页码编组,右移,文本改为“1”。

复制,移动到最右端,文本改为“>”

26.再次复制

Fireworks打造专属的UI套件教程

再次复制页码编组。总共复制六次,页码从2到7.

然后直接选择这些页码框,填充颜色#FFFFFF 边框颜色#BFBFBF

27.分享按钮

Fireworks打造专属的UI套件教程

套件中包含的分享按钮用起来非常方便。下载支持文件,然后添加到UI套件中。如果感觉不够精致,你也可以自己再改改这些按钮。

28.最后一次组织排列

Fireworks打造专属的UI套件教程

最后还要检查整体是否排布有序。如果没有,那么赶紧整理、排列一遍。

 收藏