给予更重要的元素更强的视觉吸引度

soltanamow15

你希望用户看到什么，那么就将最重要的内容放置在接近页面上部的位置，以便尽可能快地传达给用户网站/页面的目标。 用户通常横向读取页面头部，所以这块区域是放置导航栏的好位置。 【设计法则】如何精进你的设计知识体系之—F型视觉模型！ 2. 为扫描而设计，而非为阅读设计 当我们应用F型浏览模型去思考用户行为方式的时候，可以将用户最感兴趣的内容沿着F型浏览模型去布局： 给予更重要的元素更强的视觉吸引度：使用排版和对比设计来突出文本关键字； 在左侧或右侧放置最重要的内容，因为这两个位置是用户横向视线扫描开始的起点和终点。这两处用户会做短暂停顿，所以能给予用户额外的时间来进行思考。



【设计法则】如何精进你的设计知识体系之—F型视觉模型！ 3. 利用侧边栏 侧边栏的存在能让用户有更深层次的参与感，因此使用侧边栏来推动用户的参与感： 提供你希望用户看到的任何内容，可以是一个广告，相关文 阿根廷 WhatsApp 号码列表 章系列、社交媒体小部件等，为用户提供一个挖掘特定内容的工具。 如下图的人人都是产品经理，横向的扫描的终点，放置的是有关联但无直接关系的内容，比如用户可能感兴趣的：社群入口，广告，相关文章。 【设计法则】如何精进你的设计知识体系之—F型视觉模型！ 4. 避免千篇一律的布局 F型布局的缺点是比较单调，用户很容易就对重复的、相似的内容感到厌烦。所以在用户浏览区域，可以适当添加一些“微妙的元素”或者“打破预期”的布局设计，来保持用户参与感。





比如下图：知乎信息列表，在同样排版的文字信息中间，插入了一个图文的排版，一下就打破了千篇一律的布局样式，让人眼得到休息。 【设计法则】如何精进你的设计知识体系之—F型视觉模型！ 四、F型浏览模式的使用注意点 F模型更适合用于内容区域以文字为主的网站布局，页面的前两段内容是重要的，使用视觉处理方式来对标题和副标题进行区分，增强视觉对比。 F型也不是绝对有效的，主要原因是因为这种布局本身的单调性，用户会错过一些重要内容。建议在这种布局中加入“突兀的”一行，这种差异有助于保持用户的注意力。 值得注意的是，因为每行结尾会出现浏览中断，所以这种地方一般用来放置一些广告或者你想要让用户注意到的内容，这个位置显而易见，却又不会分散用户在主要内容上的注意力。 五、F型模式带来的弊端，如何解决？ 前面说到F型排版的千篇一律带来的用户忽视的弊端，会导致用户只关注左侧偏上方内容，许多重要的内容都会被忽视掉，并且这种模式似乎已应用于网上的所有内容。