一个简单的“灰色调”登陆界面
2011-08-03 10:28
176 查看
昨晚一直没有睡好,早上来上班时感觉天旋地转的,头脑中就只有一个念头——趴在办公桌上睡觉······但是,不行啊,被老总看到了会被K死的
于是,我开始寻找我的兴奋剂~~~~~~
在一个网站上看到了一个很简单的灰色调登陆界面,一看就感觉像是大师的杰作,我心生山寨的想法~~~~~~
1、新建图像 800 * 500(因为是练习,所以文件大小我没有按照网页设计的一般规格来;如果是网页设计的话,我一般习惯文件大小新建为 1024 * 768)
2、设置前景色为#b4b3b4,背景色为#5d5b5c。然后使用渐变工具中的线性渐变,从边缘拉到下边缘,出现下图效果:
3、接下来就是分别画出或者写出登陆界面所需要的元素,比如提示文字(Email Adress、Password ···)、用户输入框和按钮等。
4、基本元素出来之后,就是美化效果。
5、最后就是添加底部栏。
6、最终效果就这样呈现在面前了哈!
做得挺山寨的,嘿嘿!
在做这整个的效果之中,主要是各个元素的美化效果比较关键,我也是在这个步骤花费的时间比较多的。如果有人也跟我一样是菜鸟的话,我建议,多去看看大师的作品,然后也来山寨一下,学习学习。相信会有比较大的进步的!
于是,我开始寻找我的兴奋剂~~~~~~
在一个网站上看到了一个很简单的灰色调登陆界面,一看就感觉像是大师的杰作,我心生山寨的想法~~~~~~
1、新建图像 800 * 500(因为是练习,所以文件大小我没有按照网页设计的一般规格来;如果是网页设计的话,我一般习惯文件大小新建为 1024 * 768)
2、设置前景色为#b4b3b4,背景色为#5d5b5c。然后使用渐变工具中的线性渐变,从边缘拉到下边缘,出现下图效果:
3、接下来就是分别画出或者写出登陆界面所需要的元素,比如提示文字(Email Adress、Password ···)、用户输入框和按钮等。
4、基本元素出来之后,就是美化效果。
5、最后就是添加底部栏。
6、最终效果就这样呈现在面前了哈!
做得挺山寨的,嘿嘿!
在做这整个的效果之中,主要是各个元素的美化效果比较关键,我也是在这个步骤花费的时间比较多的。如果有人也跟我一样是菜鸟的话,我建议,多去看看大师的作品,然后也来山寨一下,学习学习。相信会有比较大的进步的!
相关文章推荐
- C#编写的一个简单的登陆界面对话框的原代码
- 一个简单的登陆界面程序
- java学习笔记之使用MyEclipse写一个简单的登陆界面(二)
- Android如何制作一个简单的登陆界面
- 一个简单的登陆界面
- 一个简单的密码登陆界面。C语言
- [安卓初学者实验]实现一个简单仿qq登陆界面
- 一个简单的QQ登陆界面
- 使用java的GUI设计一个简单的登陆界面(1)
- 用Html写一个简单的登陆界面
- 一个简单大气的登陆(login)界面源码介绍学习
- 一个简单WPF登陆界面,包含记住密码,自动登录等功能,简洁美观
- 用Html写一个简单的登陆界面
- 一个简单的安卓仿qq登陆界面
- openwrt中luci界面中简单的添加一个配置说明
- 一个简单的网页密码登陆php代码
- 使用纯代码自定义UItableviewcell实现一个简单的微博界面布局
- myeclipse编写的一个简单登陆程序
- 一个简单的防止同一ID重复登陆的方法
- 用ASP.NET连接数据库写的一个登陆注册界面