• 内页banner
  • ui1
  • 内页3
技术专栏您当前所在位置: 首页 > 技术专栏

UI设计中的小技巧

更新时间:2017-11-09 16:33:26点击次数:82次字号:T|T

优秀设计作品应该既赏心悦目,也能清楚地传达出关键信息。在此向大家介绍几种设计时的小技巧,希望能让大家在做设计时轻松创建平衡的页面布局。                      

01、使用网格系统

使用网格系统让页面具有一定平衡性,网格系统是印刷设计中遗留下来的一种经典布局方法,这些年以来网格系统已帮助设计师完成了许多线上设计工作,成功将网格系统的概念移植到数字媒体中。使用网格系统规划页面上不同元素的位置,创建并促进页面中不同元素之间的连接,能产生强烈的页面平衡感,为受众提供清晰的结构参考。

02、选一个焦点

在布局中找到一个焦点创造页面平衡布局有效方法之一比如在设计中常用到的大图像,是页面中最大的单一焦点元素。良好的视觉效果可以吸引受众进入页面中,这时可以围绕它安排其他内容。如果有多个视觉元素,用格式塔理论的邻近原则将它们组合在一起,并用对齐原则对齐它们。标题或引文副标题也可作为焦点,好的标题同样可以产生强大的视觉吸引力,并以此为基点安排其他元素,最终达到页面布局的平衡。


03、使用三分法则

三分法则也是创造页面平衡布局有效方法之一。简而言之三分法则就是将页面垂直和水平分为三分之一,网格线相交的点就成了现成的焦点。三分法则常用的使用方法是将页面的最重要元素放置在页面的上部(或下部)三分之一处,使主焦点对齐匹配其中一个交点 接着将关键元素与这四点对齐,便可获令人满意的构图。三分法则本身不会为布局提供平衡,但是通过扩展原理很容易实现平衡的页面布局。

04、使用留白

留白也称“负空间”,实际上空间并不都是有色的,任何与焦点信息无关的空白空间都可被归类为“留白”。在印刷媒体中,利用留白的常用方法是扩大页边距和间距。在网络上只要在元素周围提供充足的呼吸空间,就可以使整体布局趋向合理和平衡。想要达到好的留白效果,需要用清晰的布局把内容固定好,否则随意使用留白可能会导致页面元素与元素之间相互脱节。

05、重复设计元素

重复是格式塔原则中的另一种原则,设计中使用重复原则可达到很强的联系性和平衡性。这一思路是通过识别和再利用图案进行设计处理并贯穿整个布局,这样可以为受众提供参考,使不同的区域在感觉上是连通的,并且感觉是相同整体布局中的一部分,页面达到和谐、统一的视觉效果,能加强给人的印象,也可达到一种有规律的节奏感和形式美感。


06、使用层次结构

实现页面布局平衡的关键方法之一便是创造清晰的结构和层次构成页面的不同元素,决定哪个元素是最重要的,并以此元素为基准调整页面上其元素的层次关系。

07、使用比例、对比和和谐

比例的使用能让页面布局设计中实现良好的视觉平衡,通过让一些元素比其他元素更大,就会出现秩序和层次感。这有助于创建一个舒适的布局,因为受众会首先查看布局中的较大元素,紧接着查看较小的元素。

这个原理也适用于增加对比度,通过对比将页面上的元素隔离开来,会使眼睛首先关注该重要点。使用和谐的原则,则能在判断两种以上的要素或部分与部分的相互关系时,在感觉上给我们一种整体协调的关系。

伟大的设计方法都是在最基本的设计基础知识之上发展而来,关键是需要勤于练习和运用,才能稳固地掌握运用