+86 186 8888 8888
admin@qq.com

幸运农场代理:页面设想中的排版四大准绳

  幸运农场公式亲密性(Proximity):相互有关的项该当接近,归组在一路。若是多个项彼此之间具有很近的亲密性,它们就会成为一个视觉单位,而不是多个伶仃的元素。这有助于组织消息,削减紊乱,为读者供给清楚的布局。

  上面这个页面赤色框框出部门属于两个内容块,两头有一个间隙,这就是属于亲密性的使用,使得统一块内容在一个区域内。

  UI设想中,除了咱们夸大的配色方案,字体,UI元素之外,另有一点是很主要的,那就是-设想结构的四大准绳。(对齐,比拟,亲密性,反复)

  这个页面是内容保举列表页,从文字的比拟阐发来看,文章的题目与简介的比拟,点赞数评论数和文章题目的比拟,一览无余,使页面更易读。

  想更深切进修四大设想准绳的读者能够去看看《写给大师看的设想书》,会有更多的开导。

  这个页面是内容列表页,多个内容块是属于统一种设想情势-作者+图片+题目+简介+操作,每个内容的设想情势都是一种反复,有了反复,读者能够更简略纯真的阅读,不消进修本钱就晓得是若何的展示情势。很难想象一个列表页有多种设想情势(上面作者两头图片下面题目or上面图片两头题目下面作者or采用左中右的情势),如许不只不美妙,也会给用户形成进修本钱,设想者和开辟者也得花更多的时间在页面上。

  反复(Repetition):让设想中的视觉因素在整个作品中反复呈现。能够反复颜色、外形、材质、空间关系、线宽、字体、巨细和图片,等等。如许一来,既能添加层次性,还能够增强同一性。

  对齐(Alignment):任何工具都不克不迭在页面上随便安顿。每个元素都该当与页面上的另一个元素有某种视觉接洽。如许能成立一种清楚、精良并且清新的外观。

  比拟(Contrast):比拟的根基思惟是,要避免页面上的元素过分类似。若是元素(字体、颜色、巨细、线宽、外形、空间等)不不异,那就爽性让它们判然分歧。要让页面惹人瞩目,比拟凡是食最主要的一个要素,恰是它能使读者起首看这个页面。

  小结:页面更多会采用上面四种排版夹杂的设想情势,细心察看上面每一个页面就不难发觉四种设想准绳都有用到。

  这个页面是一个保举关心的列表页,处处能表现设想者的对齐体例。最右边的与屏幕边沿的对齐,列表的保举名字的对齐,左边的“关心”按钮的对齐 等等。这个页面看上去所有的元素都同一,有接洽并且相互有关,各个零丁的元素之间具有着某种视觉纽带,尽管没有间隔线,可是通过同一对齐的体例,使页面看起来更容易且美妙。

  设想页面最根基的就是排版结构了,若是你感觉本人设想的页面老是哪里不合错误劲,为什么别人的页面看起来那么恬逸,也许这篇文章能解答你部门的迷惑。

粤ICP备68542517号