Post by account_disabled on Dec 31, 2023 22:55:37 GMT -6
地图可以用作内容过滤器 - 例如，让用户直观地选择他们选择购买房产的城市区域。显然，输入字段会让输入变得更容易——但前提是用户知道他们在寻找什么。如果您想使用颜色和文本直观地显示城市区域的价格范围，以便用户可以单击感兴趣的区域并放大它，该怎么办？ 地图的问题在于，当缩小时，我们经常会失去强大的44 × 44 像素触摸目标，而这是舒适和精确导航所必需的。一种想法是在窄屏幕上显示地图的低保真视图，并在大屏幕上逐步增强其更多细节。 另一种选择是接受不太精确的输入，并在输入不明确时提示用户指定输入。例如，克里姆林宫网站上的世界地图允许用户一次选择多个国家，然后提示您提供一个数据列表，询问感兴趣的国家。此外，还可以使用用于放大和缩小的传统界面控件，但使用它们选择“安道尔”将需要耐心，而从简短的选项列表中选择。
地区和国家/地区会更快更容易。该网站还有十几个其他有用的模式，我们去年在克里姆林宫网站的案例研究中介绍了它们。值得一读！ 播放视频 一般来说，这种模式对于数据可视化很有用。每当新闻网站以选举为主题，突出公众如何在某个城市、州或国家的某个 Whatsapp 号码列表 地区投票时，我们就可以以窄视角和宽视角呈现数据列表，允许用户选择他们感兴趣的领域。 应用于地图的另一个有趣的选择是完全改变地图的保真度，从精确的表示转向稍微更一般的表示。这就是 CNN 决定为其政治“代表估计”地图所做的事情。CNN 没有以相对于其他州的准确大小来表示每个州，而是以完全相同的宽度和高度来描述每个州，并使用缩写和按州细分。
表示的代表人数。它可能不具有精确的代表性，但它确实以视觉方式传达了地图的目的，并且在移动设备上运行得相对较好 - 可能比垂直对齐的一长串州列表更好。 播放视频 响应式艺术指导 更改不同屏幕的组件的视图和保真度是响应式艺术指导的基石之一。人们普遍认为，在网页设计中，艺术指导通常是特殊页面（例如登陆页面）的例外。这就是我们绝对希望确保产品完美呈现的地方。因此，改变视觉效果以更好地匹配屏幕是值得付出努力的。 有时这不仅是可取的，而且是必要的。阿联酋航空没有响应式网站；它使用一个单独的移动网站。但这两个网站上的内容非常相似，尽管在艺术指导方面有很大不同。 播放视频 屏幕顶。
地区和国家/地区会更快更容易。该网站还有十几个其他有用的模式，我们去年在克里姆林宫网站的案例研究中介绍了它们。值得一读！ 播放视频 一般来说，这种模式对于数据可视化很有用。每当新闻网站以选举为主题，突出公众如何在某个城市、州或国家的某个 Whatsapp 号码列表 地区投票时，我们就可以以窄视角和宽视角呈现数据列表，允许用户选择他们感兴趣的领域。 应用于地图的另一个有趣的选择是完全改变地图的保真度，从精确的表示转向稍微更一般的表示。这就是 CNN 决定为其政治“代表估计”地图所做的事情。CNN 没有以相对于其他州的准确大小来表示每个州，而是以完全相同的宽度和高度来描述每个州，并使用缩写和按州细分。
表示的代表人数。它可能不具有精确的代表性，但它确实以视觉方式传达了地图的目的，并且在移动设备上运行得相对较好 - 可能比垂直对齐的一长串州列表更好。 播放视频 响应式艺术指导 更改不同屏幕的组件的视图和保真度是响应式艺术指导的基石之一。人们普遍认为，在网页设计中，艺术指导通常是特殊页面（例如登陆页面）的例外。这就是我们绝对希望确保产品完美呈现的地方。因此，改变视觉效果以更好地匹配屏幕是值得付出努力的。 有时这不仅是可取的，而且是必要的。阿联酋航空没有响应式网站；它使用一个单独的移动网站。但这两个网站上的内容非常相似，尽管在艺术指导方面有很大不同。 播放视频 屏幕顶。