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

美高梅视点
美高梅曾经做过哪些事情?美高梅的发展怎样
UI策划中的容量和计划
发表时间:2019-09-09

美狮美高梅

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

良好的视觉层次结构并不只是迎合酷炫的视觉成果,它是以用户的使用性可用,可访问和逻辑的方式组织信息。UI策划中的容量和计划应该需要care那些细节?

 

容量与UI彼此关系




容量与UI计划和组合相关,也是策划的视觉语言的基本关键,以及颜色,结构和图像。容量有助于策划师制造视觉呼吸容量,使用户瞩望留在页面上。并可以创建要紧始末的细节。

谈论UI策划中的容量时,吾们一贯指的是两个概念:邻近和负容量,或者留白。

 

UI计划中的邻近度

邻近度是UI / UX策划中的格式塔理论的策划原则。接近原理基于这样的想法:在屏幕上彼此接近的对象彼此相关(特别是与那些彼此远离的对象相比)。

一贯,策划将实现邻近区分圆素组并为UI圆素和图标组创建子层次结构。

 

UI计划中的留白

留白是屏幕上UI圆素之间的容量。充溢利用留白有助于消除界面信息承载的拥挤,以便用户可以更轻松地关注要紧圆素和阅读始末(就现实来说,留白有助于提高可读性20%)。

留白不是About界面中UI圆素的数量,而是About质料。过多的圆素和信息会导致界面可读性。

 

在UI计划策划中有效利用容量

如何将容量纳入UI计划策划因屏幕而异。 诸如,您可以在主页上使用大量空白来强调按钮,但在列出多个porject的网站上使用较少, 诸如电子牛逼商用产品页面。

 

UI计划对齐

策划师构建界面时,在画布上的容量圆素对齐,界面会更好整齐。把握圆素之间和周围的容量,创建细节并为用户界面定义视觉地址。

 

组织始末和视觉层次结构

视觉层次结挂子 遣呋幸桓鲇腥さ母拍睢U馐怯没Т砥聊簧闲畔⒌乃承颉

策划时需要care视觉层次结构,以确保用户可以轻松地查找和理解信息。

以下是应揣摩的视觉特性,以使其屏幕尽可能可读和可用:

  • 1)邻近 – 放置相关圆素有助于信息计划;
  • 2)空白 – 适量的空白可以扶掖突出要紧始末;
  • 3)大小 – 大小对比有利于用户对界面信息的接受;
  • 4)颜色 – 明亮的颜色更匆子 侄貌蹲绞泳酰ň咛灏凑詹凡呋镅远ㄒ澹
  • 5)对比 – 用户匆子 侄帽煌怀龅男畔are到到;
  • 6)对齐 – 界面创建更清晰,增强可读性;
  • 7)重复 – 重复一致性并有助于将圆素联系在一起。

 

黄金比例黄金比例是各方之间的比为1:1.618。



1)画一个正方形;

2)从正方形的中点(A)画一个对角线到对角(B)。

3)得到的对角线是弧的半径。画圆圈得到一个矩形。由此产生的正方形和矩形的形状是“黄金矩形”。

4)如果吾们在大小矩形中对角绘制,so在交点处吾们得到一个“焦点”。最要紧的界面对象放在这一点附近,以care到用户的 关注力。

5) 如果在半径等于正方形边的圆弧的每个正方形中,吾们得到“黄金螺旋”。

6) 可以旋转矩形并将其调整到所需的画布和界面的大小。

 

案例一:以下电商的卡片产品。如果采取应用“黄金矩形”,so如何放置圆素就变得很明瞎闼。该结挂子 沟每梢栽诘谝黄聊簧舷允咀詈鲜实挠没荨

可以看到,在“焦点”中,吾们有“保存到收藏夹”操作,这是应用程序中的关键操作之一。

圆素很大,位于彼此之间和屏幕边缘之间的舒适跨距内,也可以方便操作,即保障界面信息承载量,有解决了,美观和易操作性。



案例二:社交类产品界面。顶部大图和诸多文字以及icon界面信息基于黄金比例处理方式。

右下角的“喜欢”和“评论”圆素的地位对界面整体协调性。




总结:

UI的可视化层次结挂子 撬伎疾呋腥萘看淼姆椒āN蘼凼俏狿C端灰子 且贫贫耍ü檬泳跆卣鳎梢栽诮缑嬷写锸寄┑乃承蚝鸵粜裕⑹褂没Ц子谠亩痢



——美高梅分享,作者枫桥良ye夜





XML 地图 | Sitemap 地图