使用960栅格系统设计简洁网站(11)
作者:luycas 来源:活力盒子 发布时间:2011-08-14 06:20:39
标签:网站设计,960栅格系统
使用圆角矩形绘制提交按钮,然后添加内阴影,不透明度改为305,大小和扩展均为0,距离10px。添加“忘记密码”链接,样式:Arial 13pt 下划线 #A4BDCD。
17.页脚的右半部分
最后我们来完成联系信息。添加标题,文字样式:Arial 20pt B加粗 (#FFFFFF) ,并且水平对齐到左侧表单标题。然后添加联系信息,文字样式:Arial 16pt #FFFFFF.
18.检查布局和平衡
使用栅格和参考线来检查元素是不是对齐、并保持一致性。
如果没有,请及时调整。
19.欢呼,你已经完成了
值得庆贺,你已经小小领会了如何使用栅格系统布局网站,可以自定义属于自己的基本系统。
强烈建议你多应用该系统以达到纯熟的程度,让它变成你的第二感官。使用该系统会使作为设计师的你工作倍儿轻松。


猜你喜欢
- 原图可能雨点很小,天空部分比较亮。要渲染下雨的感觉还需要把背景压暗,色调调灰一点。这些作者都有详细说明。其中雨丝的制作比较重要,照片的点睛之
- 使用Illustrator中的图表工具,结合【凸出和斜角】和【投影】效果,可以制作出非常美观的3D图表。这种3D图表制作完成后,可以随时根据
- 最终效果:在本教程中,大家将学习如何使用Photoshop在短短几分钟内再现著名的Aqua墙纸。这其实很简单的!(其实就是个字体教程)pho
- 最终效果图:在这一课中将教你创造这副乌鸦的插图(教程翻译自:tutsplus.com)。运用几个有限的工具和资源做练习你就会得到意想不到的效
- 在本教程中,我们将使用Illustrator和Photoshop创建一个很棒的糖果条字体效果。 在此过程中,你将学习如何:创建高级
- 本教程婚纱照片的调色方法。大致思路:先大致的调整下图片的色彩层次,可适当的加点素材修饰,然后用调色工具调色,色彩的效果可按自己的喜好调整,最
- 本教程制作效果非常梦幻。制作方法:先用路径工具给人物画上自己喜欢的路径,然后描边路径,再多次利用滤镜效果制作出发光效果,方法非常简单实用。其
- 原载于:abduzeedo 作者:fabio sasso 翻译:高小白 前些日子我看了一部电影,电影中有一个很小的孩子坐在月亮上钓鱼,这种画
- 这回我们来制作的是晶莹剔透小字体,很可爱``很漂亮哦```先看看效果图。 首先我们用钢笔勾出想要设计的内容,这里我们要注意的是曲
- 本教程利用填充色来上色。在上色之前需要先找张类似的正常人物图像来参考一下。根据参考图像确定好人物各组成部分的大致颜色。然后就可以分层来上色。
- 译者的话:如何让一张普通的图片变得更加有力量?如何有意识地引导读者的眼睛去到图片的某一区域? 如何更加有效地传达你的对象?八个简单的设计技巧
- 我要感谢这些艺术家允许我使用他们的图片:Rene Asmussen, night-fate-stock, vividlight, jdbar
- 如何使用ps给普通照片突出人物虚化背景?给大家介绍如何使用ps给普通照片突出人物虚化背景,一起来看看吧。1.将照片素材拖进ps中,复制背景图
- 作者在制作的时候非常讲究细节和颜色。用到的素材也比较多,不过作者都安排的非常到位。整个效果华丽稳重,给人较强的视觉冲击力。最终效果1最终效果
- Photoshop CS5中的"色调"技法在对人物照片进行后期处理时,首先需要定位出预期制作的风格,比如怀旧
- 原图素材看上去有点偏色,人物整体感觉有点脏。可能是背景太白,人物质感肤色显示不出来。为了突出肤色,可以给照片加上淡淡的背景,然后把肤色调成跟
- 本教程介绍艳丽的潮流海报制作效果。这类海报制作相当有个性,不受任何限制,可以尽情的发挥想象去制作,笔刷及纹理素材可以任意添加。(文/Sunn
- 本文由 中国教程网 38732(飞扬的领带) 原创,转载请保留此信息!大家好!为了完成任务,我制作了一个专门给新手看的简单教程。用Illus
- 艺流风尚的作品都很前卫,制作水准也相当高超,代表着中国设计中较高的水平。他们的作品很讲究画面的创意构图及人物的创意设计。本教程没有提供制作的
- 本例介绍使用Fireworks制作多样式按钮,主要讲解渐变填充、高光样式的运用,适合新手朋友学习,希望能给朋友们带来帮助。