金融vi设计的核心价值在于为企业打造独特的品牌,金融vi设计可以给企业带来良好的社会声誉和经济效益。
注:本文“金融vi设计”配图为本公司设计作品
我们都从某处开始。作为一名新的设计师,我不可能不关心我设计中的结构。我会打开Photoshop,把像素推来推去,直到我做出我认为看起来很酷的东西。正如我对代码的理解,我的过程也是同样的杂乱无章。我不太喜欢回顾过去的日子。我的工作既马虎又没有重点。我没有明确的目标。首先,考虑到我大部分的设计教育都来自用计算机修改(图片或照片)教程网站,我认为这并不坏,我的作品并不糟糕。但是后来我学习了网格系统。我不知道它们是何时以及如何在网页设计中被广泛使用的,但是突然之间,我去过的每一个网页设计相关的网站都充斥着960篇文章100 . GS或其他网格系统。所有大牌都强调在我们的布局中提供一致的视觉结构的重要性,这变成了一种趋势。正如这一趋势迅速成为行业标准一样,现在我们大多数人都不会再考虑是否要实施阿格里德系统。唯一的问题是,哪一个?我们会选择知名品牌还是阿莱塞知名品牌,甚至是我们自己的品牌?在本文中,我想看看第二个选项:新的、不太为人所知的网格系统。总有人想出新的方法来解决各种布局问题,我认为尽可能多的熟悉这些方法是很重要的,所以让我们来看看一些基本的网格框架。
简单网格系统
34网格
34网格是关于相等的列分布。它也可以适应不平等的分布,但这不是这个网格系统的主要目的。对于那些想把大部分或全部页面分成水平相等部分的人来说,这就是你的框架。它是如何工作的这个框架被设计成能适应你的需要,所以你不能只是下载然后就走。您需要首先在项目主页上配置您的网格阿奎克表格允许您确定一行中可以容纳多少列,边距有多大,以及当视窗大小改变时是否对列应用CSS3过渡。代码本身分为两个半铸钢钢性铸铁(Cast Semi-Steel)文件:一个包含基本代码,另一个包含所有媒体查询100 . CSS类很简单。正在应用“col_ 1”到某一列会将该行填充到100% . " col _ 2 "将创建一个宽度为50%的列,依此类推。此外,img元素,对象和其他一些自动调整大小。有一个额外的类来帮助视频对象的行为。该项目的网站提供了如何让脸书和推特嵌入发挥好的建议。缺点似乎没有任何方法可以嵌套列,或者在单行中创建更复杂的列排列。另一方面,如果你不需要复杂,你只需要一个简单的框架,你可以随时调整,34网格将会完成这项工作。
简单网格
简单网格是一个响应选项,最大宽度为1140像素。换句话说,虽然它被设计成与平板电脑和手机配合使用,但简单网格确保了大屏幕不会被遗漏。顾名思义,这个网格系统是相当轻量级的。整个文件是一个四千字节的未压缩半铸钢钢性铸铁(Cast Semi-Steel)文件。类名被设计成易于理解:'第二栏6英尺将该行分成六列,并将列宽定义为两列宽。每行可以分成一列第1栏1 '或者两个、三个、四个等等。一直到十二点。像34网格这样的缺点,似乎没有为嵌套列做任何准备。此外,第一列和最后一列的边距处理方式可能会在创建时造成困难,例如,照片图库.
烤
这是为那些喜欢用简单英语类名的简单网格的人准备的。它反应灵敏,易于理解,并能快速实施。它是如何工作的。容器'和。"网格"元素被放置在适当的位置,柱子以传统的方式实现。一类('单位’)
注:本文“金融vi设计”配图为本公司设计作品


总监微信咨询 舒先生

业务咨询 张小姐

业务咨询 付小姐