您的位置:首页 > 其它

一个简单的“灰色调”登陆界面

2011-08-03 10:28 176 查看
昨晚一直没有睡好,早上来上班时感觉天旋地转的,头脑中就只有一个念头——趴在办公桌上睡觉······但是,不行啊,被老总看到了会被K死的


于是,我开始寻找我的兴奋剂~~~~~~

在一个网站上看到了一个很简单的灰色调登陆界面,一看就感觉像是大师的杰作,我心生山寨的想法~~~~~~

1、新建图像 800 * 500(因为是练习,所以文件大小我没有按照网页设计的一般规格来;如果是网页设计的话,我一般习惯文件大小新建为 1024 * 768)

2、设置前景色为#b4b3b4,背景色为#5d5b5c。然后使用渐变工具中的线性渐变,从边缘拉到下边缘,出现下图效果:





3、接下来就是分别画出或者写出登陆界面所需要的元素,比如提示文字(Email Adress、Password ···)、用户输入框和按钮等。



4、基本元素出来之后,就是美化效果。



5、最后就是添加底部栏。



6、最终效果就这样呈现在面前了哈!



做得挺山寨的,嘿嘿!
在做这整个的效果之中,主要是各个元素的美化效果比较关键,我也是在这个步骤花费的时间比较多的。如果有人也跟我一样是菜鸟的话,我建议,多去看看大师的作品,然后也来山寨一下,学习学习。相信会有比较大的进步的!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: