高端UI设计公司:出色的 UX 设计必须遵循5个原则


1.不要使用两种以上的字体


只有业余爱好者称字体为“字体”,你知道吗?“适当的”设计专业人员称它们为“字体” 字体是软件用于呈现字体的设备上的文件。字体是调色板上的颜料,而字体是画布上的杰作。


无论如何,设计师经常在他们的产品中添加太多字体。您应该最多使用两种字体:一种用于标题和标题,另一种用于要阅读的正文副本。


在该字体系列中使用粗细和斜体进行强调,而不是切换到另一个字体系列。通常,这意味着使用公司品牌字体作为标题,同时将控件、对话框和应用内副本(需要清晰易读)保留为更成熟、更易读的字体。


使用太多字体会产生太多的视觉“噪音”,并增加用户为理解他们面前的视图而付出的努力。更重要的是,许多定制设计的品牌字体通常考虑到了强烈的视觉冲击力,而不是可读性。


2.用户的计算机上已经有字体,因此请使用它们


是的,您的企业品牌字体很可爱。它是如此俏皮和迷人,但加载页面需要额外的三秒钟,因为字体需要从服务器下载并呈现 - 并且在加载之前什么都没有出现 - 让你的用户发疯。


包括标题和标题的自定义显示字体很好;它有助于为产品打上品牌并增加一些视觉趣味。但是,使用自定义字体进行正文复制通常是一个坏主意。


首先,这些字体必须从某个地方加载,无论是谷歌字体、Typekit 还是您自己的 CDN。这意味着将字体文件下载到用户机器上会产生开销。在下载和呈现正确的字体时,内容繁重的页面通常会中断 - 无样式内容的可怕Flash或无样式文本的Flash(FOUC)(https://en.wikipedia.org/wiki/Flash_of_unstyled_content)。


其次,如果通过指定狂野而精彩的正文字体,你认为你正在对最终结果施加一些控制,请再想一想。响应式设计和 1,000 多种不同的设备意味着您的页面对每个人来说看起来都会有所不同。


幸运的是,无论您的用户使用的是手机还是台式机,Windows还是Mac(或Linux),他们都已经安装了一些漂亮的,高度可读的字体并等待使用。“系统字体堆栈”是一个 CSS 规则,它告诉现代浏览器以系统原生字体呈现类型。


在大多数情况下,使用系统本机字体可使页面显示得更快,并且文字看起来更清晰、更易读。


3.使用类型大小描述信息层次结构

这是一种简单而有效的方法,用于组织您的视图并使其立即被广泛的用户理解。让我们看一个如何在想象的“日历”应用程序用户界面中不执行此操作的示例:


只需通过一个明显的因素更改类型大小,我们就可以首先向用户显示最相关的信息:


扩大你希望用户首先看到的信息,或者你认为他们会发现最有用的信息,他们可以继续阅读以获取更多详细信息。这就是许多新闻和事实新闻采用这种格式的原因:


4.告诉你一些事情的标题

添加上下文并提出更多问题的字幕

这是正文副本,通过副本逐步添加细节来扩展故事。继续阅读到最后,了解越来越不重要的细节。


完全相同的技术可以用于用户界面设计,效果很好。


注意

专业提示:找到一个平衡点,不要过度。如果页面上的元素太多,那么它们就会失去任何层次感和重点。


5.对正文复制使用合理的默认大小

您的客户将在您的应用或网站上阅读大量文本,那么类型应该有多大?


固定尺寸类型的日子早已一去不复返了。桌面和移动设备上的大多数浏览器将允许用户放大和缩小字体,切换到“阅读模式”并应用系统范围的辅助功能设置,如大字体和高对比度颜色。


考虑到这一点,您在此处所做的只是设置首次打开产品时显示的默认类型大小。理想情况下,类型应该足够大以可读,但不要大到让用户不知所措或在拥挤的视图中占用太多空间。


16px 的正文副本,行高 1.5 和“自动”或“默认”字符间距,通常是一个安全的选择,对于绝大多数用户来说是一个很好的默认值。


尝试设置自己的字符间距对于正文复制通常是不必要的,因为浏览器会比您更好地完成文本渲染。


使用省略号指示还有进一步的步骤

如果用户看到“删除”按钮,他们如何知道按下该按钮是否会:


·删除他们正在查看的“东西”?


·问哪个“东西”需要删除?


·问他们是否真的要删除“东西”?


·立即删除他们所有的东西?


标记按钮“删除...”用户将有一个好主意,即在删除所有内容之前还有另一个步骤。大多数用户会由此推断出按钮是多部分过程的第一部分,并且将有第二步来确认或取消操作。如果控件需要额外的步骤来执行其操作,请在控件中包含省略号 (...):


这些小点是隐形设计的一个很好的例子:大多数用户甚至永远不会注意到它们,但随着用户体验随着时间的推移而建立,它们会传递微妙的信息。他们不妨碍,他们“只是工作”。


UI界面设计公司,用户体验设计咨询公司,UI设计公司,上海UI设计公司,深圳UED设计公司,北京UI设计公司,高端UI设计公司,武汉UI设计公司


首页 > 新闻资讯

Tag: UI界面设计公司 用户体验设计咨询公司 UI设计公司 上海UI设计公司 深圳UED设计公司 北京UI设计公司 高端UI设计公司 武汉UI设计公司
留言