网格中元素的大小与位置

在利用网格来布局界面元素时,请注意参考如下关于大小和位置的提示

重要的元素要大一点,即便比例失调也可以考虑一下。

比如你在设计一个体育新闻网站,把高尔夫球弄得跟英式足球一样大似乎不够精确,但要是使用实际大小,反而会让人觉得网球大师杯赛还不如全美足球大联盟赛重要似的。体育迷们可能会因此争论,但体育频道的编辑则更倾向于对各种运动一视同仁。

体育新闻网站

不太重要的界面元素应该小一些。要想办法表现出不同的重要性,否则用户就会被搞迷糊。

记住这条规则:如果一个元素的重要性为1/2,那就把它的大小做成1/4。

把相似的界面元素放在一起,能够有效的减少视觉上的干扰因素(如:色标、标签、边框),也不必解释他们之间的关系。这样也可以让用户更容易集中注意力,因为它们不必在屏幕前东张西望了。

说到在计算机屏幕上布局导航元素,我从来没有发现任何证据能够证明导航条靠在屏幕的左边或右边,甚至横跨在屏幕上方的效果肯定更好。当然,这并不是针对网站而言的。真正应该担心的问题是,用户能不能轻易的找到想找的按钮。对于网站来说,这通常意味着把重要的链接与内容一起放到中间位置。

然而,移动端界面的问题还要复杂一些。把应用的导航按钮放在屏幕底部,用户触摸他们不会挡住屏幕。而大型的触摸屏上,导航放在右侧(或左侧)可能会给习惯用右(左)手的人带来麻烦。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,554评论 1 11
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,150评论 1 32
  • 2017年的夏天,一如既往的热。 抬头看看桌上画满圈圈叉叉的日历,你知道离高考又近了一天 低下头,又开始了题海的奋...
    公子云襄阅读 250评论 0 1
  • 孩子是上天赠予的最好的礼物,在这条成长路上,作为父母该如何牵着她的手一步步向前走呢? 不知不觉,女儿上幼儿园已经快...
    紫竹凌阅读 349评论 2 7
  • 化学已经深入了我们社会的各个领域,制造出了许多应用化学知识的产业,然而实验是化学学科的基本特征,在化学实验中,我们...
    喜欢你没有理由阅读 1,317评论 0 2