网络设计教程:为您的网站用户提供直观的界面
成功的视觉通信取决于图形设计的关键原理。组织和节电可以为您的界面带来一致性,导航性和简单性。排版和颜色可以显示情绪,概念和事实,确保界面的元素很容易访问和用户可以理解。所有这些原则都将引导可无缝使用的用户界面(UI)设计。
网站设计新设计?在Udemy.com的Adobe Photoshop中乘坐设计课程。
设计原则
组织
组织设计使用了结构的一致性和清晰度。
一致性
- 在设计界面时遵循约定和规则。
- 遵循用户界面的文化习节。
- 使约定与现实经验相一致。
- 只有在对用户显然有益的时候才创新。
屏幕布局
在空间上显示布局的一个很好的方法是使用网格结构,可以帮助您将元素放在界面上并使屏幕看起来不太杂乱,更容易理解。您还可以使用Phi的金色原理分组相关元素,其在自然,数学和几何中发现。通常,分组的2:1比率足够接近,以取悦眼睛。
关系
分组时,请注意关系并将类似的项目联系在一起。有时,最好使用卡片排序进行用户测试,因为人们对事物不同。它将为您提供关于用户如何逻辑地期望分组的关系的线索。
导航性
导航有助于用户知道在何处沿着整个网站的过程帮助它们。惯例是在左侧水平地使用导航窗格,和/或左侧垂直。有时您将在右侧看到垂直导航,但违反了惯例,更难找到用户。
节约
当你节约时,你会少做更多。您可以通过简单,清晰度和重点来实现这一目标。
简单
保持简单是一个常见的陈述。它在UI设计中真实,因为简单的是用户友好,但设计如此巧妙。设计师并不简单,但为用户使用简单。当它们几乎看不见的用户时,界面都是最好的。
清晰
以清晰的意义来设计你的元素。如果他们完全暧昧,请重新设计。如果您的界面无法理解,则无法使用;因此,它不正确。
重点
强调用户对用户最重要的元素。诽谤来自不关键的物品的焦点,以便它们不会与关键元素竞争。这种重点可以通过排版和颜色的使用来完成。
排版
选择字体和格式时,请记住显示屏必须易于阅读,并且它也必须具有吸引力。使用Universal字体,避免脚本或新奇字体,以使字体清晰易读并吸引所有读者。
- 选择清晰,清晰,独特的字体看看专业人员。
- 使用最多3种字体,最多3个字号,以避免凌乱的外观。
- 每行最多使用40-60个字符,使其易于阅读。
- 避免居中文本列表和短对齐文本中的文本,以便扫描易于扫描。
颜色
颜色可以在正确使用时使您的设计活跃并成为强大的通信工具。人们记得从颜色的信息比从灰度显示器更好。结合颜色,使他们在视觉上有意义。使用Pantone Color System的在线色轮可能有很大的帮助来查找动态或抑制的颜色组合。
如何使用颜色
颜色应该用于对相关项目进行分组。相似的颜色表示相似。用同一颜色分组时,要完整一致。一旦建立了颜色编码方案,在整个界面中应该使用相同的颜色。
应使用颜色,其中必须记住意义以提高黑白信息
颜色应该在强对比中使用,以吸引用户对最重要信息的关注。如果太多的数字或背景领域可以争夺观众的注意力,可能会导致困惑。
彩色象征
颜色传递。颜色代码应该尊重现有的文化和专业用途。要考虑到不同的文化:颜色的内涵应该慎用。研究,并使用条件值来指示不同世界文化的颜色,以满足他们的惯例。
设计一个界面
考虑到图形设计原则,您已准备好准备设计界面。准备?绝对地!你现在可以想到你的用户。设计界面时,必须了解您的用户;了解他们的倾向,目标,技能和偏好。我是一个专业的写作专业:在我从UX设计中获得的每一级,要记录设计,以技术写作我们所做的第一件事是观众分析。这不是你可以跳过的一步。如果您不了解您的用户,则会错过标记,结果是史诗般的失败让您想知道为什么。之后,只有在您分析了您的受众后,同时考虑到图形设计原则,请在设计界面时考虑这些理想:
使它直观
用户不想弄清楚如何浏览一个网站,他们想要方向,他们想要流动,他们希望它是直观的,所以他们不必考虑它。只有当它以一种很好的方式让用户惊喜,例如记住某些东西或学习他们的习惯,并根据他们以前的选择制定建议,才能聪明。
考虑上下文和位置
在为用户设计时,通常基于研究的用户创建PersonAs。使用这些Personas,设计人员将创建一个方案,以帮助了解如何最好地设计应用程序。这些方案可以帮助您为上下文和位置设计更好的接口。例如,在桌子上支付比在移动车辆中的智能手机在桌子上支付在线账单远远差不多。设计时请记住这些事物。
值得奖励
价值对用户很重要,奖励让他们惊喜。考虑现实世界;在我们购物的方式,它与接口没有什么不同。您可以通过您的设计奖励您的用户;你可以设计它,这样他们就可以快速完成。积极的加强和价值携手并进以生产将返回的用户。博彩在Web应用程序中崛起并不奇怪。在接收它的潜在奖励和满足方面的诱惑驱动了许多用户重复访问。
不要捉迷藏
传统元素有助于用户导航。建立了适用于用户的设计模式。可以使用已建立的内容。每次改变时,你都不希望像Facebook那样挫败他们。
确保系统与用户通信
始终通知您的用户的位置,错误,操作或更改状态。使用可以传达状态的各种UI元素并减少用户挫折。
否则默认默认
预计您的用户将通过方案来到您的网站。创建默认值,以减少用户的负担。例如,在表单设计中,字段可以具有下拉选择或预先填充以帮助用户。
结论
开发更好的视觉通信是制作计算机图形的重要组成部分,通过图形设计有效且有效地通信。在思维中保持可用性帮助这些设计对用户和业务有所帮助。记住创造力不是很酷,它是关于解决问题的。