酒水饮品vi设计的核心价值在于为企业打造独特的品牌,酒水饮品vi设计可以给企业带来良好的社会声誉和经济效益。
注:本文“酒水饮品vi设计”配图为本公司设计作品
看看这支不可思议的笔,这是对苹果鼠标多年来彻底演变的致敬。使用半铸钢钢性铸铁(Cast Semi-Steel)绘图和过渡的清晰混合乔希巴德展示了我们每天使用的设备的美丽简单——没有给第二一眼。
点击不同的鼠标(多么meta!)是怀旧。这让人想起过去,当时外围设备所能实现的功能远没有今天这样令人印象深刻。有了BetterTouchTool这样的应用和苹果自己的操作系统,我们可以用道格恩格尔巴特在1963年(比最初的利萨穆斯早二十年)根本无法想象的方式与鼠标互动。
观察不同模型之间的无缝转换揭示了老鼠的一些特殊的相似之处,并给出了老鼠进化的感觉。苹果的标志,虽然并不总是得到同样的重视,但却出现在所有的设计中。1998年,随着苹果通用串行总线鼠标(苹果电脑中的iMac鼠标)的发布,我们开始看到标准的单击界面慢慢消失。
通过重用所有相同的基本元素,并对每个元素应用过渡风格,代码就像主题一样,优雅而简单100 .巴德。仅仅使用了大量的我元素,并在每个元素上应用了鼠标特有的风格,创造了一个独特的艺术作品,即使是那些不太懂半铸钢钢性铸铁(Cast Semi-Steel)的人也能欣赏。
怎么做到的?
如前所述,每只鼠标都重复使用一些相同的组件。这使得标记简洁,CSS以易于阅读的逻辑方式构建。每个鼠标都由自己的模块表示,如下所示:
/*姓名*/
/*形状和颜色*/。名字.老鼠,丽莎.老鼠.top { }。name.mouse { }。名称.鼠标.top { }。姓名。电缆,丽莎。电缆我,100 .丽莎。按钮{ }。姓名。电缆{ }
/*所有"电缆"元素的通用样式,如侧按钮或电缆保护器*/。姓名。电缆我{ }
/*处理"电缆"元素的大小和位置*/。姓名。电缆我:第n个子(1) { }。姓名。电缆一:第n子(2) {宽度:60px高度:10px顶配:90px左:-25px;}。姓名。电缆我:第n个子(3) { }。姓名。电缆我:第n个子(4) { }。姓名。电缆我:第n个子(5) { }
/*这些是不言自明的*/。姓名。按钮{ }。姓名。徽标{ }
我已经去掉了实际的样式,这样我们可以专注于半铸钢钢性铸铁(Cast Semi-Steel)的实际结构。实际上并没有人们想象的那么复杂。如果你想深入了解什么样的风格适用于什么地方,可以参考原始资料。
形状和颜色主要是使用具有多个框阴影的边框半径属性来完成的,而鼠标特定元素的实际大小和位置由电缆的子元素来处理。
最后巴德使用了一些聪明的Javascript,根据用户点击的列表项更新了鼠标父类:
$('李')。on('click 'function() {
var self=$(这个);
$('活动')。移除类(“active”);
自我。add class(" active ");
self.closest('ul ')。a
注:本文“酒水饮品vi设计”配图为本公司设计作品


总监微信咨询 舒先生

业务咨询 张小姐

业务咨询 付小姐