当前位置

常用于网站建设的四种设计细节

SEO常识标签：

常用于网站建设的四种设计细节

企业管理社区上一段时间被称为“细节决策成功或失败”。当然，企业管理不是我们在这里讨论的话题，但在网站的建设中放置这句话确实是真理。我们的眼睛和感情总是非常热衷于那些不了解网络设计技术的人也可以从一堆设计的作品中挑选出优秀的设计工作。虽然他不能说为什么这件事比这些东西更好，但直觉会告诉他他喜欢哪一个。如果其他人问我们为什么这项工作比其他工作更好我们的答案是“这很大的原因是因为优秀的设计作品总是充满了丰富的细节。”在本文中，我们从技术的角度开始，作为优质贴花的Redux Wordpress主题设计的示例，总结了网站建设中常用的四种设计细节。

首先，1像素衬里

在页面顶部，您可以看到比背景颜色略微水平线的像素，以将纯色的背景和背景与材料分开，如下所示：

在网站建设中常用的四种设计细节的演示图片

如果没有这种转变，我们会来看。

在网站建设中常用的四种设计细节的演示图片

实际上，在Web设计中，使用该行的示例非常常见。例如，在下面的这个例子中，您将在“Dorchester Hotel”的黑色边框顶部上找到一个像素的灰色线。

在网站建设中常用的四种设计细节的演示图片

在以下设计的按钮中，绿色和黄色边框的顶部也可以看到一个颜色浅线，这衬里是更好的，因为它适用面具，从顶部会找到这条线来摆脱这条线。此外，“添加到购物车”之间的分离线和“$ 9.99”两个字符实际上是两条线，左上的颜色深，右侧是轻微的，使得可以产生线的凹陷效果。

在网站建设中常用的四种设计细节的演示图片

使用该线的原因是反映2D效果中对象的三维效果，并且立体实施例必须具有阴影和高光。我们通常使用图层样式来实现的阴影，而其中一个亮点是实现的，最常见的技能之一是使用衬里。上述三个示例的三个示例位于物体的顶部，并且光从顶部照射，并且高光位于物体的顶部。如果光从较低方向照射，则高光应位于底部，然后将衬垫放在物体下方。所以在使用这条线时，我们总是问问自己这些问题。 “我在这里使用了这条线。源头在哪里 ” “如果光源在这里，那么位置是什么 ”这两个答案，可以设计的物体的三维效果可以更加真实。

二，微妙的材料

Redux主题对于解释背景材料来说是一个很好的案例。因为在整个页面中，从顶部到底部使用三种不同的材料作为背景。将上述深蓝色部分施加到凹坑的材料上，中间黑部分施加到纺织布的材料上，而底部是杂色的材料。当然，这三种材料非常薄，但效果非常出色。事实上，太引人注目的和复杂的背景材料不仅无法设计，而且由于读者的注意，整个设计质量降低。所以最好的策略是保持你的背景材料细腻和柔软。

第三，软梯度

是在下面图片上的文本框上的桉树的感觉，对梯度对我们的影响。想象一下，如果它被放置在单个单个上的白色文本框上，它必须增加了渐变，让我们感到更有趣。

此外，页面的左边和右边缘部分还应从纯色背景到材料背景的梯度，这将使深蓝色不规则背景材料更加自然。应该指出的是在使用梯度使用中，除了一些特殊情况外，不要使用太强的渐变，无论是彩色的还是亮度或饱和度太强。因为这种强烈过度是不是真的，所以它给人一种非常不舒服的感觉。

四，微妙的阴影

注意观察redux黑暗背景上的灯文本，您会发现它们已添加到投影效果中。现在我们可以使用CSS3中的Text-Shadow属性来完成文本的投影设计，而不是在Photoshop中完成此工作。此外，使用CSS3将影子自由添加到文本。在浏览器支持的情况下，您可以添加要为任何文本添加的影子效果。当然，IE8以下版本的浏览器不支持此属性，这是我们需要在设计中关注的地方。另外，与上述其他设计细节相同，阴影的效果应该柔软，不太强，否则很容易让整个设计看起来一种肮脏的感觉，这不够精致。-----昆明网站建设

上一篇：要做好优化，关键词的布局很重要

下一篇：鸿翥分享seo教程，能让网站在百度排名更快

相关文章

随机文章

行业资讯

运营技巧

案例

热门关键词

稳定stable

网站可用性高于99.9％

贴心intimate

全国7*24小时客服热线

专业profession

产品经理在线技术支持

快速fast

快速建站，快速排名

承诺promise

华夕有目共睹，我们选择声誉

坚持Adhere

6+年专注基础服务