美狮美高梅-美狮美高梅官方网站

美高梅视点
美高梅曾经做过哪些事情?美高梅的发展怎样
改善UI视觉体味的7个小技巧
发表时间:2019-03-13

美狮美高梅

【直营信誉】MGM,美狮美高梅官方网站最具公信力的博彩集团官网、更有高质料的游戏平台、打造在线博彩第一直营,美狮美高梅不单拥有环境上最多样化的游戏投注平台,再是为衣食父母供给实时、刺激、高信誉的效劳保证和高质料的游戏。

1. 按钮色彩凸显要紧性

在给用户供给多个决定的时候,可以通过色彩所传递的情绪是积极灰子 窍模磂asy快速地进行策划。


就现实来说,Red和Green按钮的色彩含义,已经横跨物理世界和数字策划区域,吾们每天在很多实体产品上也能看到类似的策划,包括交通上的红绿灯,警告标识,以及实体按钮。


Green表示通行,Red表示禁止。如果用户需要购买一个漏斗,您瞩望感兴趣的用户赶紧点击,而不是取消。


其余,如果您的网站或者 APP 涉及到要紧性不同的若干交互,除了按钮都要标识出相应的文本标签始末以外,还可以借助色彩填充与否来进一步区分层级结构:


这是一个easy的示例,有色彩填充的按钮、幽灵按钮(无色彩填充、有边框)以及无边框无填充按钮来区分。


而在少数环境下,对于系统有要紧影响的、破坏性的或者限制性的按钮,也应该突出显示,但是可以使用Red来进行强调和警告。这个时候,相对的「非负面」的按钮则被视作为要紧性较低的操作:



简而言之,就现实来说用户用来区分按钮的主要靠的是感知而非复杂逻辑判断,策划的基本规则在上面,但是更要紧的是要基于情绪和感知来进行策划。

2. 用字重和明暗来区分层级

尤其是在构建文本始末的视觉层级的时候,可用到的属性很多,只使用大小异议来构建就显得过于单一了。

在很多时候,可以借助色彩、字重、明暗来进行区分。吾们可以让更要紧的文本更大、字体更粗、色彩更好鲜明,或者使用更深的黑色来呈现。


综合地使用这些属性来构建视觉层级。

3. 用留白来隔离圆素

两个圆素互不相关,如果想将它们分隔开来,使用分割线似乎是一件理所易于 这般的事情?易于 这般可以,但是这种方式真的是非常过时且笨拙的一种呈现方式。您需要的是更好、更幽雅、更贴合当下的一种呈现方式。


不是easy地使用分割线,而是使用留白,或者说负容量来区间就可夜闼。分割线在很大程度上是丑陋且难以驾驭的视觉噪音,相对而压泗白则好了很多。



多数环境下,删除分隔线条是比较快速的方法,易于 这般更好优质的时候需要您适那个地方调整一下留白的大小。

使用分割线来分隔始末,不单会让扫视页面花费更长的时间,而且增加的信息噪音会影响整体的层次结构。

4. 用阴影替代边框

想要凸显一些圆素,并不一定需要依靠描边。使用阴影则可以起到同样的成果,单独使用则会显得更好整洁。描边+阴影则会显得过于杂乱。

使用相对不so具有侵略性的小阴影无疑让成果更好轻松,看起来也不会突兀。



△ 登录表单

5. 用色条提升视觉调性

如果觉得始末区块过于单调,可以按照您的鹄的来强化这一区块的视觉属性。在始末区的一边加上色条能够在提升视觉属性的再是,赋予这一区块始末以情绪。


色条可以是单色的,也可以是渐变的,这取决于您想传达什么样的视觉体味。这个色条还可以具备良好的功能性。易于 这般,这很大程度是用在相对比较素的页面上的,如果页面本身已经很花哨了,就不太用得上。


譬喻使用Red和Green来标识不同的状态,也可以用色条来标识出被触发的 Tab 或者控件。

6. 用背下色区分区块

莫过于,同样是为了进行区分始末区块和层级,这个方法同样幽雅而快速,险些可以算是毫不费力的一种策划技巧。



为了区分两个不同区块的圆素,easy地使用不同的背下来进行区分也可以,本质上,它采取应用的类似卡片式策划的思路——用不同的卡片来归类始末。


相对而言,使用有异议但是不so显著的不同色块来作为背下,在保证整体整洁的再是,起到了区分的感化。


7. 「字」尽其用

谁不喜欢漂亮的字体呢?易于 这般都喜欢,但是字体的功用莫过于各不同样。从呈现正文的强可读性文本,到点缀性极强的视觉化字体,各种不同的字体需要应对不同的功能。

easy看看几种不同类型的字体:

1. 衬线字体:Serif 本身就是衬线的意思,这样的字体字符的末尾一贯是会有小的点缀性的衬线。衬线除了点缀性以外,还能强化字体的可读性。常见的衬线字体:Georgia,Times New Roman,Cambria。


2. 非衬线字体:也就是 Sans-Serif 字体,它相对而言更好现代,衬线被去掉之下,线条感更强,更好干净,也更好贴合数字时代的一些显示需求。常见的非衬线字体:Helvetica,Montserrat,Gotham。

人们一贯会认为,衬线字体更好适宜长时间阅读,它也更好优质地运用在印刷品上。然则衬线字体的衬线和边角大多更好锐利,在一定程度上会被视作为视觉噪音。在屏幕分辨率尚且达不到要旨的时代,衬线字体的显示小case很大。易于 这般,方另屏幕分辨率提高起来之下,这个小case险些不存在了,只是在小字号和低分辨率和小屏幕上,依然存在这个小case。


3. 手写字体:手写字体一贯被认为是手写性状style的字体,在呈现的时候,常常会有连写的笔画,更贴近上卫的书写字体所呈现出来的成果。手写字体更好随意和有趣。常见的手写字体包括:Alex Brush,Great Vibes,Sofia。


4. 找子 拘宰痔澹赫易于 拘宰痔迨且桓龉δ艿枷蛐偷姆掷啵还嶂傅氖怯美醋魑晏庹易于 尽⒂糜诤1ā⒒照碌惹虻淖痔澹潜硐至Ω浚泳跆卣鞲怀觯毖圆换涞厮稻褪俏薱are到用户的 关注力。常见的找子 拘宰痔灏ǎ篈lgerian,Curlz,Gigi,Umbra。



在网页策划中,绝大多数环境下都只会使用衬线字体和非衬线字体两种,在英文网站当中,一贯会采取应用一种衬线字体+一种非衬线字体的搭配方式。care,如果有不同粗细和字重的字体,使用同一字体族中字体为好。在中文当中,开源且可以Free商用的「思源黑体」和「思源宋体∫子 且桓霾呋蟹浅3<木龆ā


在进行视觉策划的时候,我坚持使用2种字体,极少会使用3种字体,下者最多会在强调视觉的商业或者艺术性porject当中使用,譬喻 Banner 和海报。

——美高梅分享,作者Omar Chelbat

XML 地图 | Sitemap 地图