罗湖公司

    网页设计技巧:网页设计中的F式布局

    日期:2018-03-08 人气:513447
    导读: F式布局简介F式布局是一种很科学的布局方法,基本原理依据了大量的眼动研究。一般来说,用户浏览网页的视觉轨迹是这样的——先看看顶部,然后看看左上角,然后沿着左边缘顺势直下….而用户往往不太注意右边的信息,这是不是有点像字母F?据此,我们习惯性的把重要元素(诸如品牌Logo,导航,行为召唤控件)放在左边,而右边一般放置一些对用户无关紧要的广告信息。&n

     F式布局简介

    F式布局是一种很科学的布局方法,基本原理依据了大量的眼动研究。一般来说,用户浏览网页的视觉轨迹是这样的——先看看顶部,然后看看左上角,然后沿着左边缘顺势直下….而用户往往不太注意右边的信息,这是不是有点像字母F?据此,我们习惯性的把重要元素(诸如品牌Logo,导航,行为召唤控件)放在左边,而右边一般放置一些对用户无关紧要的广 

    F式布局原理

     
    F式布局能够奏效的原因,在于F式布局符合用户的浏览习惯,更自然。符合“从上到下,从左到右”的阅读模式。
     
    但是这种阅读模式有利也有弊:
    这样一来,最有价值的内容只能放置在页面顶部了。有些俗套
    文本内容无法有效的引起用户注意,用户甚至连摘要都懒得读,看看标题就“过”了
     
    网页过分注重对“标题”和“图像”的包装,无疑不符合内容至上的原则
    在采用F式布局进行设计师,很多设计师感觉自己不像是设计师,而想是制造噱头的“广告商”。网页设计太具备功利性,只追求一时的浏览量,不遵循“内容为王”的原则,很多用户第一次可能感觉不错,但是看了内容后大呼上当,可能下一次他们就不会再次访问该网页了。
     
    因此,设计师要协调好内容与布局之间的关系。这就有点像武侠小说了,内容好比内力,布局好比招式。花拳绣腿再漂亮,内力深厚的人一招便能“以力破巧”
     
    那么右面的侧边栏该要怎么设计呢?这里给出两点建议:
     
          1.呈递相关内容。比如和网站主题相关的链接、广告,相关阅读推荐,社交媒体微件等等。不要为了牟利而放置些低俗的、和内容不相干的广告。
     
          2.可以防止一些内容检索工具,比如过标签、文章检索、最热文章等等。
     
       总结
    不管设计趋势怎么变,F式布局暗藏的原理不会过时,因为这是用户长期的习惯。
     
    或者说,F式布局只是一个幌子,本文的目的是为了强化大家对用户长期阅读习惯的理解——“从上到下,从左到右”,尽管这有点老生长谈,但是经过本文形象化的剖析,你是否也有所感悟了呢?对于节奏的切分,你又产生了什么新的看法?
     
    吸引人的图像、具有噱头的标题仅仅是花招,内容才是王道,如何结合,如何两者兼而有之,设计师需要走得更远。
     
    让布局不仅仅是一种方法,我们可以看的更远,融入一些用户体验设计元素。尝试一下,让你的设计不断“升级”。
     

    文本来自采集文章 http://shop5.07551.com.cn/24/152.html 如需转载或删除,请联系管理员。

    1 2 3 4 5 6 7 8 9
    分享到:
罗湖网站建设
【罗湖本地网络公司】——承诺3小时内上门服务!罗湖上门全国热线:400-666-2014 【我要收藏此页面】 网站地图 粤ICP备15108339号 网站维护:深一深圳网站建设
全国罗湖网站制作-服务网店