网页设计再上一层楼
网页设计到另一个层次深圳网站设计的微妙细节:把网页设计推到另一个层次你有没有见过一个网站并立即被它的设计所打动 然后你仔细看看,发现这真的让人惊叹。这是一个微妙的细节。一些设计师在他们的设计包括。这类设计师都是边界完美主义者,不怕充分利用变焦工具,在PS图象处理软件中画出像素大小的画笔。在这篇文章中,我们将看一看在网页设计中使用的几个微妙的细节,使它们从伟大的。
pixel perfect line的工作原理类似于spark designer,在搜索栏底部和顶部导航栏使用1个像素线使边缘流行。任何时候你有一个较浅的颜色旁边的较深的,较浅的一个会出现更接近的幻觉,有一个上升的边缘。请注意,该行只有几个色调比背景色浅。这就是技术发挥作用的原因。如果你用白线,总是会有很强的冲击力。
Atebits也使用了类似的技术,但这里是针对创建者的。请注意,它们由两条1px线组成,一条深一条浅。这给人一种马赛克凹槽的错觉。另一个很好的方法是线的末端如何消失而不是突然结束。
带有约束阴影的阴影的细微细节是赋予设计深度的一个很好的方法,但是在创建阴影时,重要的是不要超出它PS图象处理软件阴影效果是一件危险的事情,当在错误的人手中时。阴影的强度与背景色有很大关系。较暗的背景需要较暗的阴影,较亮的背景需要较亮的阴影。fubiz设计师在导航栏下方使用了一个微妙的阴影,给人一种增强页面效果的错觉。
为了好玩,让我们看看如果设计师有一点疯狂的影子会发生什么。看下面的图片。结果是相当业余。官方网站白宫的微妙细节到处都有阴影,但因为它们都很微妙,所以网站保持了一个非常干净的外观。
微妙的细节和简单的渐变就是这样一个简单的效果创造。它们可以用来获得各种各样的效果,比如给人以光的错觉或创造深度,但关键还是要保持微妙。渐变的颜色变化从一结束到另一个应该是分钟。
Tapbots使用简单的渐变背景使其显示光源iPhone的照明。像这样微妙的细节有助于把整个设计结合在一起。在这种情况下,梯度使得iPhone可信思维发挥了很大作用。
每个标签都有一个渐变填充超级实验室。它给人的深度错觉,他们提高了一点点超级实验室也是一个很好的例子像素完美的细节上面提到的。
精确的纹理通常用于填充大面积区域。这是一个简单而快速的方法来增加很多的兴趣,但纹理也可以用更精确的方式来添加多个微妙的细节层。
试着忽略这里无耻的自我推销。在我的作品中,我使用了大量的纹理,使它呈现出磨损和风化的外观。但是,我没有用更大的纹理区域填充内容,而是采取了一个步骤,使用一些纹理片段沿边缘添加更多细节。
精妙细节Liam McKay是他设计精妙肮脏效果的大师。在他的博客上,他使用了微妙的污点和纹理,完全是有条件的口音,而不是分散注意力的内容。请注意,即使是1px边界线也有一种破旧的感觉。