企业网站布局的技巧

发布时间:2016-04-23 09:39:50

     今日我们就一同来仔细看看页面计划师们是怎样通过对比、留白和计划来发明令人难忘的不对称计划。不对称的计划并不满是外部概括上的差异,它一样可所以内部结构上的不对称。举个比方,图库页面中,每张图都有缩略图,其中某个比其他的缩略图略大一点,这种差异会立刻吸引用户的注意力。总的来说,不对称计划非常适合于将用户的注意力吸引到特定的区域或许元素上,这是它的优势地址。

     当你将视界中的视觉搅扰都移除了以后,你的用户会很快注意到那些纤细的差异。这个时分,你可能会恰当地添加一些作用,比方突变的布景,甚至jQuery 动画。这么的作用能让页面中仅剩的一两个元素飞快地让人注意到。

     出名Mac途径计划软件Sketch的官方网站的计划便是个极好的比方,深色和淡色被容纳到一个一致的页面计划中来。在页头中,你会注意到两个按钮:深色的“免费试用”和淡色的“立刻收购”。有意思的是,两个按钮都是一样的大小,而且处于同一个水平面上,而且是同一色系。但是,“免费收购”的按钮被计划成为鬼魂按钮,整体和深色布景简直融为一体。

  这么一来,运用浅蓝色实底的“立刻收购”按钮和布景构成了明显的对比,恰当的显眼。当你翻开页面的时分,会一眼注意到收购按钮,这便是通过许多的留白和合理的对比营建出来的视觉引导。

不对称计划让环视页面的用户更简略注意到这些被精心计划得“杰出”的元素。至于计划和留白的控制,你可以运用A/B测验来寻求最好的份额。

  从Sketch 的官方网站上,可以学习到这些经历:

  ·对比并不只是色彩的对比,它一同也可所以页面上其他控件之间的大小对比、方位对比

  ·在不一样的计划和情况下,留白可以格外显眼,也可以非常不显眼

  ·周围的元素的烘托对于其他的元素的可见性有着主要的作用

  ·对称与和谐能制造和谐的观感,而不对称计划则能吸引用户注意力,两者的运用应当平衡。



友情链接: 即墨网络公司 平度网络公司 网品互联 莱西网络公司

Copyright © 2002-2025 QUAUTY ONLINE. 网品互联 版权所有 鲁ICP备15007226号-1

鲁公网安备 37028202000213号