网页设计推向另一个层次
深圳网站设计微妙的细节:把网页设计推向另一个层次
你曾经看过一个网站,立刻被它的设计给人留下了深刻的印象?然后你仔细看看,发现真正使它惊人。这是微妙的细节。一些设计师在他们的设计包括。这些类型的设计师正在边境线的完美主义者,不惮于充分利用缩放工具,在PS图象处理软件一个像素的笔刷大小。在这篇文章中,我们将看看几种微妙的细节正在使用的网页设计,把他们从伟大。
像素完美线工作
像火花的设计师,用1像素线沿四周和顶部的导航栏的搜索栏底部,使边缘的流行。任何时候,你有一个较浅的颜色旁边的深色,较轻的人会出现更接近的错觉,有一个上升的边缘。请注意,线条只有几个色调比背景颜色轻。这就是使技术有效。如果使用的是白色的线,它会一直强烈的影响了。
类似的技术被用于Atebits,但这里是用来创建器。注意,他们由两个1px的线并排,一深一浅。这给出了一个镶嵌槽的错觉。另一个很好的接触是如何结束的线条消失,而不是突然结束。
微妙的细节
阴影与约束
阴影是一个伟大的方式给设计深度,但当创建阴影,重要的是不要超过它。PS图象处理软件的阴影效果,是一种危险的事情时,在错误的人手中。阴影的强度应该与背景颜色有很大关系。较深的背景需要较暗的阴影,较轻的背景更轻的阴影。
对fubiz设计师使用下面的导航栏的一个微妙的阴影给的幻觉,它提高了页面。
为乐趣,让我们看看会发生什么,如果设计师有点疯狂的阴影。看看下面的图片。结果显得相当业余的。
微妙的细节
官方网站的白宫有阴影无处不在,但因为他们都做了微妙的,该网站保持一个非常干净的外观。
微妙的细节
简单的梯度
梯度是这样一个简单的效果来创建。他们可以用来实现各种结果,如给光源的错觉或创造深度,但再次关键是保持其微妙。颜色的变化从一端的梯度到其他应该是分钟。
Tapbots使用一个简单的梯度的背景使其显示光源照明的iPhone。像这样微妙的细节有助于把整个设计拉在一起。在这种情况下,梯度使iPhone的可信的思考起了很大的作用。
标签在超级实验室各有一个渐变填充。这给了深度错觉,他们稍微提高了。超级实验室也是像素完美细节上面提到的一个很好的例子。
精确的纹理
纹理通常用于填充大区域。这是一个简单和快速的方法来增加一个设计的兴趣很多,但纹理也可以使用更精确的方式,以添加多个微妙的细节层。
试着忽视这里无耻的自我推销。在我的作品中,我使用了大量的纹理来赋予它磨损和风化的外观。然而,而不是仅仅填充与纹理较大的区域的内容,我走了一步,并使用了一些纹理的碎片添加更多的细节沿边。
微妙的细节
Liam McKay是创造他的设计微妙的肮脏效果大师。在他的博客上,他用微妙的污渍纹理,完全有条件口音而不是分散注意力的内容。注意,即使是1px边框线有一个破旧的感觉。