教程

  • 图片垂直居中解决办法

    上周做需求,遇到相册中要实现图片垂直居中的问题,记得之前自己遇到过,但是很久没有做忘记了,这次重新温习一遍。其实如果单是针对FF,一个很简单的属性就可以解决,但是问题是我们要考虑ie,没有办法,要针对ie单独的写hack。

  • RDFa介绍——构建更友好的web页面

    看着这个题目可能大家会有点陌生,不知道是什么,说的直白一点,RDFa就是让你的页面更好的被机器所理解,而不简简单单是展示你的页面,下面就关于此对什么是RDFa做个简单介绍。

  • Photoshop制作一个立体文件盒图标

    在制作之前,需要对立体的透视有一定的了解。这样制作起来就比较方便。而且做出的效果就比较真实。教程虽然不难,不过还是要注意好细节及光感的处理。

  • 21个神奇的CSS技巧

    21个神奇的CSS技巧 CSS有无穷的发挥力。继53个CSS技巧后,让我们再来欣赏21个更加高阶更加神奇的CSS技巧,它们可以让你实现一些非常酷的网页效果。需要提醒的是,这些技巧并不一定都适合使用,但却有助你对CSS的运用更加娴熟。

  • logo设计方法定位 logo设计制作基础教程

    几个设计定位: 1, 以名称的文字定位(中文、英文、拼音) 2, 以名称的图形定位(人物、动物、植物、建筑等具体实物) 3, 以名称的图文配合定位 4, 以代表对象的外部特征定位 5, 以代表对象的内部特征定位 6, 以代表对象发挥的效能定位 7, 以突出标志个性特征的角度定位 案

  • 节约信息在页面上占据的空间

    通常看一个网页的时候,你会看多少屏以内的内容?一屏?两屏?还是……根据很多网页设计者的认识,大部分访客不会从头到尾浏览一次网页,通常三屏以后的内容就很少人认真去看了。

  • 16个创建Web设计的最佳PhotoShop教程

    创建网页设计教程是一个强大的方式来学习新技术,并获得新的设计概念的启发。由于photoshop是很多网页设计师的首选设计工具,我想本文将是对你有益,我们收集了创造网页设计和网页设计元素的16个最佳Photoshop教程。

  • 用户界面设计10原则

    设计真正伟大的用户界面没有什么伟大的奥秘可言,做到保持简单易用就可以。 ‘保持简单易用’意味着不要让用户分心。恰恰相反,好的UI让用户达成目标。结果如何?你的培训和维护费用降低,并获得更开心、满足和高效率的用户。

  • Ethnique公司logo设计过程和思路

    来自巴西的设计师Roger Oddone的作品,通过此作品你可以了解到logo的设计的一些思路。

  • 22个优秀的四季风格网站欣赏

    随着夏季即将结束,晚上开始吸引我们灵感的是秋季的活动,我认为一些季节性的网站很有规律的。我挑选了一些网站,这些网站有季节性的设计特点。有一些惊人的设计细节,话费了设计师很长的时间。现在让我们来享受一下吧。

  • Photoshop制作时尚web2.0风格导航面板

    这篇Photoshop教程主要介绍利用图层样式的设置等,来制作黑色时尚的web2.0风格的导航面板,希望大家喜欢!

  • CSS定位属性Position详解

    CSS中最常用的布局类属性,一个是Float(CSS浮动属性Float详解),另一个就是CSS定位属性Position。

  • 国外最流行的五种个人网站设计风格

    对于一位网页设计师来说,要展示您的工作,拥有一个个人网站至关重要。一个网站设计是否有效,关键是如何布置网站的内容。下面我们将介绍一些设计师和艺术家的个人网站的几种布局,并看一看每种风格的若干例子。

  • 制作网页的5条非常不错的建议

    每天互联网上大量编写的页面内容误导和浪费了用户成千上万个小时。对于今天超过10亿的互联网用户来说,这些误导等于同等的挫败 感。而对于你的客户,这也许就意 味着擦肩而过的机会。深入了解高效的页面代码方法会提升每个你的设计和网站的在线体验。而你的用户则会用市

  • 常用的2种DIV最小高度写法

    在IE6中,使用CSS定义DIV的高度经常遇到这个问题,就是当DIV的最小高度小于一定的值以后,就会发现,无论你怎么设置最小高度,DIV的高度会固定在一个值不再发生变动,这个问题的确很烦人。

  • 27个电子商务网站的价格菜单设计

    在电子商务类网站中,支持在线报价的价格菜单页面是不可缺少的部分,那么如何让用户更快捷方便地选择符合服务的价位就成了设计者必须注重的问题了,创建一个好的价格菜单体系,可以更有效地把握客户,一目了然,清晰直观地告诉客户每个不同规格的价格参数,是表现自身人

  • 页面线框图教程(之一):从本质到表象

    页面线框图(Wire frame)是网站设计方案中的重要组成部分,无论是I-Board、Page-Layout、UI-Draft这些不同的称呼,它们的本质都是一样的,网站策划师、网络产品经理的最后交付文档,通常的呈现设计是最直观有效的。

  • 李龙:如何设计有效的网页布局?

    “布局”是指页面内容的尺寸、间距及位置。有效的布局对于帮助用户快速找到他们想要的内容至关重要,并可以在结构外观上令用户感到舒服。

  • 2009年电视剧网站和电影网站设计趋势

    近些年来,越来越多的厂商和媒体为电视剧、电影制作专门的网站,这些网站主要呈现相关的介绍、节目单、观众互动等内容。旨在扩大宣传面,提高收视率,让更多的观众对节目产生兴趣。本文就介绍了制作漂亮、实用、有吸引力电视剧、电影网站的一些设计趋势和案例欣赏。

  • 40个免费PSD源文件下载网站

    当涉及到图像编辑或照片修饰,photoshop通常是首要选择。但是,要学习PhotoShop却并不那么简单。幸运的是,网络上有很多PhotoShop分享着许多精美漂亮的PSD源文件,你只需要做简单的修改,就可以使用在自己的项目或网站上。

  • 公用样式模板的设计制作

    这个话题是应腾讯ISD同仁之邀在WebReBuild三周年交流会上做的主题分享。由于临场等原因有些问题当时没有讲明白,回来后按原有思路形成了一篇小论文,对其中一些问题进行了进一步阐述。

  • CSS背景属性5个应用实例

    Hi,大家好,我是CssRain的站长。爱好前端开发的我先后从事过Java开发,JavaScript,CSS开发等,已经工作两年+了。目前就职于亚信中国(Asiainfo),担任前端开发和创新工作。忠心希望所有的读者在这里都能够有收获和进步,同时也希望大家多多支持CssRain。这是我的最大

  • 36个折纸风格logo设计

    折纸是日本著名的折叠纸张的艺术。折纸艺术只是使用一些不同的折叠方式,却能被用各种各样的方式组合成错综复杂的设计。而受折纸启发的logo设计则是一种新的logo设计趋势。

  • 15个图片尺寸调整工具

    15个在线图片尺寸调整工具 你用什么工具来调整图像尺寸大小?photoshop,哦,太牛刀了。我们介绍的15款图片批量处理软件,你可能懒得下载。那可以尝试下面这些在线图片尺寸调整工具,带给你方便与快捷。

  • CSS浮动属性Float详解

    CSS浮动属性Float详解 什么是CSS Float? float 是 css 的定位属性。在传统的印刷布局中,文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。在网页设计中,应用了CSS的float属性的页面元素就像在印刷布局里面的被文字包围的图片一样。

  • Facebook是如何设计的

    Facebook设计团队致力于产品设计、市场、UI模式、品牌以及前端开发。团队由15名产品设计是、5个UI工程师、5个用户体验设计师、4个交互设计师、以及一个1个内容策划。在这家1000人的公司中,共有25位设计师。

  • 28个极简风网站设计

    有时候并不一定“多多”就“益善”;相反,简约的设计也会有很多的可欣赏性。简约的Web设计可以更好地突出本质的核心内容,更直观快速地向用户传达网站的设计目的。这里为你例举了28个不错的国外崇尚极简设计风格的网站,欣赏的同时希望也能给你一个启迪。

  • 16强大的PhotoShop灯光效果教程

    昏暗背景+灯光效果,可以对图片进行渲染,制作出灯火通明,富丽堂皇的画面。 本文推荐16个photoshop灯光效果教程,可以教会你制作各种漂亮到极致的PhotoShop灯光效果和极光效果。

  • 3个你可能从未用过的HTML标签

    HTML标签众多,在HTML手册里你可以都查到。但有的HTML标签你可能从未使用过。不是因为你欠缺学习精神,而是它们确实用处不大。如果你有探索精神,那就接着往下看吧。

  • Photoshop制作梦幻的古典手绘人物签名效果

    签名效果的制作需要一些高光及笔刷素材,制作的时候就是溶图的过程,由于素材较多,每一幅素材都需要调整下颜色,跟主体颜色接近。