杭州平面设计公司分享味精vi设计理念

味精vi设计的核心价值在于为企业打造独特的品牌，味精vi设计可以给企业带来良好的社会声誉和经济效益。

注：本文“味精vi设计”配图为本公司设计作品

味精vi设计思路：

潮流来了又走。那些坚持最久的人这样做是因为他们解决了一个特殊的问题。正因为如此，现在流行的一个趋势是粘性元素；在我们滚动之前行为正常的元素，然后以某种方式保持它们在页面上的存在。

这种趋势始于侧边栏，但真正流行起来的是页眉。为什么？因为标题往往包含导航，而持久导航很受用户欢迎。

在本教程中，我们将创建一个贴在视窗顶部的页眉，但是为了不干扰内容，我们将在用户向下滚动页面时最小化它。

这是我们完成后的样子：

如果你想跟随代码，你可以在这里下载。

超文本标记语言

我们例子中的超文本标记语言非常简单，我们所需要的只是一个页眉中的h1 .下面我们有一个图像来强制页面滚动，这样我们就可以测试效果。

标题氕标签标题/h1/标题

img src='大图像。jpg ' width=' 782 ' height=' 2000 ' alt='大图'/

jQuery

半铸钢钢性铸铁(Cast Semi-Steel)转换是处理粘性头动画部分的最好方式。我们使用jQuery只是为了检测窗口的滚动位置。

当窗口的滚动位置大于一时——这意味着用户已经向下滚动了——那么我们要将类“粘性”添加到标题中；否则我们想要移除它（如果它在这里的话)。

这意味着我们将能够根据是否应用了“粘性”类来设计标题的样式。

$(窗口)。scroll(function() {

如果($(这个)。scrollTop() 1){

$('header ').添加类(“粘性”)；

}

否则{

$('header ').移除类(“粘性”)；

}

});

需要注意的重要一点是，以这种方式使用jQuery会降低性能；如果Java Script语言被禁用，导航将仍然工作，标题将只是在非粘性默认状态下被样式化。

半铸钢钢性铸铁(Cast Semi-Steel)

我们的半铸钢钢性铸铁(Cast Semi-Steel)用于设置两种不同状态的样式，默认状态和"粘性"状态；并在两种状态之间转换。

首先，让我们添加一些简单的样式来改善标题的外观：

标题{

位置：固定；

宽度：100%;

文本对齐：居中；

字体大小：72px

行高：108像素

高度：108像素

背景：# 335C7D

颜色：# fff

font-family:“PT Sans”，无衬线字体；

}

现在是有趣的部分：当用户向下滚动时，将应用“粘性”类，我们现在可以对标题进行不同的样式化，以反映页面上的新优先级

注：本文“味精vi设计”配图为本公司设计作品

味精vi设计总结：

味精vi设计的分享让我们明白品牌设计的核心是传递品牌价值，品牌设计通过logo设计（标志设计）、VI设计、包装设计等设计载体提高品牌的美誉度、忠诚度，打造味精vi设计并成为品牌核心资产。如果您有更多的观点，请联系杭州vi设计公司 。