台州包装设计公司分享梅子酒vi设计理念

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

梅子酒vi设计思路：

几个月前，我们推出了新的启动长颈鹿网站，我们一直想写一篇关于我们如何为感兴趣的人做前端的文章。

我们的目标是创建一个能展示我们品牌的有趣而有反应的网站。一旦我们在纽约木桶的朋友同意为这个网站做平面设计，我们知道我们也能设计出一些巧妙的技巧。我们告诉他们，我们想要一个非常高的长颈鹿，但是直到我们拿回设计，我们才真正看到所有的可能性：背景中有不同颜色、角度和形状的多边形；在前景中，有各种各样的元素可以在阿帕拉克斯网站中很好地工作…还有那个巨大的长颈鹿。

我们面临的挑战是确保我们不要过度使用Javascript，以免影响网站性能和用户体验。最终，我们决定放弃阿帕拉克斯的想法，转而采用"成长中的长颈鹿"效果。

您可以在这里看到这个效果的例子，如果您想跟随代码，您可以在这里下载源文件。

站点结构

在基本层面上，该场地包含三个相互堆叠的易裂部分。网站的副本和主要内容位于顶层，长颈鹿位于第二层，多边形背景位于底层：

节id='背景包装'

！形状！-

/部分

/section id='长颈鹿包装纸'

！一只非常高的长颈鹿

/部分

节id='内容包装'

！-徽标、文案、照片、滑块等-

/部分

对于这个演示，我们将省略背景包装器，因为没有太多要做的。

成长的长颈鹿效应

基本上，我们的目标是在长颈鹿上升时将"启动长颈鹿"徽标固定在适当的位置，然后在某个点将该徽标释放到页面的正常流程中。因为长颈鹿应该在用户开始滚动时就开始上升，所以不管屏幕有多高，她的鼻子都应该在褶皱的正下方。

确实有很多方法可以做到这一点（我们当然欢迎任何建议),但是我们选择的方法使用jQuery.waypoints作为检测和响应滚动事件的手段。

为了确保长颈鹿在徽标后面滑动，我们将徽标放在"内容"部分内的固定包装中。长颈鹿是内容部分的一部分。两个部分都绝对定位。

超文本标记语言

节id='长颈鹿包装纸'

img id='长颈鹿src='长颈鹿。巴布亚新几内亚'/

/部分

节id='内容包装'

section id='first-content '

div id='big-logo-wrapper '

img id=' big-logo ' src=' SG _ logo _ large。巴布亚新几内亚'/

/div

/部分

/部分

半铸钢钢性铸铁(铸造半钢)

正文{

背景色：# 000;

注：本文“梅子酒vi设计”配图为本公司设计作品

梅子酒vi设计总结：

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