联系电话:153-1216-2151
热门资讯
头条资讯

网页设计,如何打破网格限制并保持协调?

  现在,网格现已成为一切网页规划的根底。这些不行见?#21335;?#26465;发明出一种空间节奏感和视觉流畅感,它们是使页面更调和的根底。

 

  可是,网格的意图是帮助您创立一个好的规划,当您开端逐步习惯网格的存在?#20445;?#19981;要受其束缚。您不必100%限于网格,偶然打破网格规划可能会使您的规划愈加有目共睹。可是,要打破网格并坚持页面和?#24120;?#26377;技能,没有任何“特别”规划是好的。今日我们来谈谈这个。

 

  了解电网体系

 

  要打破网格,那么你首要要了解网格体系。不管您运用网格是什么样的风格,您的网页规划进程都会“根底设施”,它能够帮助您确定要放置的元素,以帮助您保证页面堆栈上的不同控件不显现不行操控,有助于保护页面的安排。

 

  实际上,不同范畴的规划师一直在运用电网。在网页规划师开端运用栅格之前,先看报纸和书籍,他们现已播放了这个体系完善。

 

  栅格能够做很多工作:

 

  ·坚持内容的安排。在网格体系中,元素从左到右,从?#31995;?#19979;都明晰明晰地安置,使布局坚持共同。

 

  使规划更有功率,由于规矩网格摆放各种UI元素是规矩的。

 

  使不同页面的页面好像共同

 

  让元素和元素之间的距离相同,使整个规划坚持清洁

 

  由于电网具有如此多的优势,那么为什么要打破电网呢?

 

  不难理解,网格创立一个共同和和谐的网格元素的观点,打破自然愈加“耀眼”,这无疑是一个压力。想要让这个元素打破网格,还要与其他元素构成很大的压力。

 

  将不同的元素放在不同的层中,这样能够保证某些元素不在网格中,而其他元素坚持共同。

 

  由于资料规划的遍及,许多网页现在现已开端运用图层来办理网页中的不同元素。不同层次的不同元素,具有不同的运动规矩,彼此堆叠和差异化,操作更有功率。Cmmnty这个页面,所以线条和文字与?#35745;?#21457;生堆叠,用过错的布局来发明一种不平衡的作用。您将看到整个网格轨道的规划,而这次视觉不平衡的一部分,这是适当显眼的。

 

  有意图的运用空白

 

  想着重一个元素,空白永远是有用的手法。只要在正确的当地创立空白,才干使其周围的元素杰出。

 

  我们常常以为,在移动方面的布?#31181;校?#21333;排或单排的布局更为合理,但摆放布局实际上是可行的,创立更完好的视觉规划很重要。

 

  如SAS这样的网站,当规划师用空白打破传统布局的时分,让文字留在不同的块,加上图标的?#34892;摹?#36825;种规划使这些元素愈加有目共睹,引起用户的重视。运用空白,为这些元素发明了“留意”的机会。

 

  将元素放在容器中

 

  当元素?#20113;?#20182;容器中的?#25345;中?#24335;?#35805;?#25324;?#20445;?#21363;便光栅体?#24403;?#25439;坏,它也常常给出全体感。就像上面的页面一样,打破栅格文本放在布景色彩,就是这样做。

 

  这是放在一个容器的元素,即便不遵从电网规格,但也常常给人一种彼此关联的感觉。

 

  这也包括在容器中,也损坏了网格体系的规划,这是一个适当风趣的手法。许多容器被规划为彻底对称的,但元素不是,这在?#25345;?#31243;度上打破了本来的单调规划。

 

  调整详细要素

 

  打破栅格的方法是用细节来做。但这并不意味着一切?#21335;?#33410;?#21152;?#35813;被添加到任何当地,空白的原因是一样的,如果网站无处不在打破网格?#21335;?#33410;,那么网站会彻底紊乱。因而,挑选详细元素进行调整更为有用。

 

  虚线的元素是一个十分好的挑选。例如,为了着重附加到粗体和引人留意图色彩的元素,调整其方位或微调其方位,让它损坏网格体系。

 

  点点土地运用较长的平行四边形“打破网格”,首要形状不常见,引人留意图赤色及其半层叠的方位,让它从全体上看规划锋芒?#19979;?/p>

 

  让它向上移动

 

  跟着举动,使网格体系的元素出来,也是一个好办法。相同,当一个元素向上移动?#20445;?#20316;用将会十分显着,乃至能够使全体网格体系不那么显着。

 

  当然,Trippeo的做法愈加激进:它使得中间的计费图形方位不变,布景的一切元素都在移动,整个页面进入视频布景,网格体系和视差翻滚等技能,肯定是一个奇思妙想技能的高度整合。

 

  发明打破网格的幻觉

 

  有时分,打破栅格不需要你真的“打破”它。您能够在具有风趣形状和不对称调配的光栅体系中创立“破碎”作用。

 

  不损坏网格的长处在于,您依然在利用光栅体系,一起依然在做不同的工作。的方法是运用奇数行进行规划,加上不完好或不充分的元素填充造成过错,走漏,缺少不对称效应。

 

  像上面这样Marche Notre Dame这个网站,尽管看起来不对称,但内容依然是网格的布局。

 

  定论

 

  打破网格规划并不简单完成,由于操控往往使整个规划变得紊乱。 一起怎么参加想入非非不会损坏整个项目? 实践总是过错的。

英国南安普敦大学法学院
棋牌app白菜网哪里有 pk10计划在线 pk10预测在线网页 金英权 时时彩压龙虎合刷流水 辽宁体彩11选5手机版 21点手游 七星彩2019年头尾 浙江11选五中奖查询 广西快乐十分综合版走势图 天龙内测服怎么赚钱 av女优裸体性交图片 高清快速播放器 滴答怎么赚钱 重庆时时彩开奖 足彩单双玩法