UI界面否设得足够清晰,各种元素之间否协调、平衡,用户能否轻松感知到屏幕的信息,交互否顺畅舒,这些因素决了整设否效。
为了创造出好设计,专业设计师会近乎所不用其极使用各来提升设计有效度,甚至将数学理论运用到设计。而这,最著名莫过于我们熟知黄金比例了。今天的文章当中,我们将会探讨黄金比例如何运用到UI设当中的。
黄金比例是什么?
大自然的进大都是向着协调与平衡的方向靠拢的。许多自然界当中的生物在进都是这样,而数在探索和观察的过程中,发现了这么一个几乎存在于大分自然界事物和生命中的这么一个公式,或者说例,就是今天说的金例。
黄金比例小不同的两事之间存的数学比例,这种比例让这种对比具了突出的学特征,这迷人的数字存于鹦鹉螺的纹,植的叶柄沿黄金分割的角度,人的肚脐于人体的黄金分割点,。黄金分割活中的存数不胜数。
黄金比例1:1.618,它构了一完的不对称的比例。
黄比例被发现已经过4000年了,数出土精美艺术品和宏伟代筑,依然可以找到黄比例影子。著名艺术家芬奇和艺术家 萨尔瓦多·利被认为是黄比例忠实追随者,黄比例也成为了他们艺术创作最要、最关键工具。
黄金比例在设计中的运用
只所元素都协调搭配能让整设足够协调。设过程中,合理的运用黄金比例控制元素元素之间的小、数比例。入UI设流程之后,许多设师会意识始运用黄金比例。
然,相比而言,平设计师于黄比例青睐更多些。在美术课上,师经常会讲解黄比例理论,过各范例,帮助学生了解黄比例运用法。许多有美术背景UI设计师在创图形时候会此将黄比例作为工具,本能运用进去。在设计些小而有意义元素诸如LOGO和图标时候,尤其是如此。
在针对LOGO和图标计的候,计对于细节的关注度是非常高的。使用黄金比例来构建视觉的候,素和素之间的比例控制是非常讲究的。黄金比例能够增LOGO本身的视觉吸引力,增品牌的识别度和认知度。作为品牌计的核心,在LOGO计中使用黄金比例是非常有说服力的。
黄金比例同样运用在UI设计当中。在UI中,黄金比例最常见的用法是用来控局,将整个UI的排版局使用黄金比例来控和规划,在图的裁剪和处理上,同样以借助黄金比例来控,确图内容的平衡以及图身的长宽比以令人舒适。
黄金比例如何提升UI设计?
虽然对于许多计而言,数学是一件恼人的事情,但是它如果能够提升计效果的话,那钻研一下也无妨吧?
平衡的内容
当产品中包含大量的各种各内容的候,计就需要面对这的局面了:对大量的内容进行取舍。这个候,计可以运用黄金比例,将至关重要的、不能被替换的关键内容和其的内容按照1:1.618的比例提取出来,将重要内容优先展示,确保用户能够优先知重要的内容,这一来也更好组织其的功能性的组件。
更有效的视觉层次
既然黄金比例能够控制内容,然也能够让整个视觉层次显得更加清晰直观。在组织其的视觉内容的候,同可以借助黄金比例来控制视觉息的比重,从而营造出对比,轻重缓急更加有韵律的视觉层次。
更为高效的排版
在进排版设计时候,设计师需要将内容划分出晰层级。标题、副标题、正文、引用等等,它们有着不权,在视觉上也过大小和距来呈现这距。而这个时候,黄比例也有了用武地。比如,你设定好了标题号大小,那么除以1.618到了副标题号。这样比例控制能够带来漂亮协调视觉体验。
令人满意的第一印象
用户第试用品时候,会快速扫视界,过视觉和体验来判断它们是否喜欢。有名为内脏反应心理学原理指出,们常常能够在几秒钟内决定是否会喜欢某个事物。这反应常比思考更快,在我们尚未意识到时候已经作出了好恶判断。设计师使用黄比例来控制UI各个元素比例、大小和数量时候,很容易让用户品生正反应,或者俗讲,让用户“见钟情”。
适当地留白
设中的留白同样非常重的组部分,元素元素之间的亲疏关系,否一致,都通过留白体出的。设师通过控制留白影响整布局,使用黄金比例控制导航的疏密程度往往能够得到比较不错的效果。比如,让行间距行高的1.618倍,能够营造出比较舒的阅读体验。
结语
如何让黄金比例融入整设,每设师都需好好思考的问题。巧妙控制设元素整UI布局中的小比例,借黄金比例让UI加自然,让用户一见倾,并不一件太过困难的事。黄金比例所的学加,不就应该这么使用么?