如何在网站设计中使用一致性
发表日期:2019/2/26 10:14:00 文章编辑: 莹晨建站 浏览次数:2447
如何在网站设计中使用一致性
每当设计师花时间坐下来设计一些新的东西时,除了构建一个看起来很吸引观众的布局之外,还有很多内容。建立一组规则也很重要,这些规则与接口如何能够处理它接收的各种形式的信息有关。
后来,如果我们决定创造一些新的东西,基本上颠覆了我们之前建立的模式和标准,我们必须有一个能够轻松支持这一决定的理性解释。
网站设计的一致性基本上可以帮助设计人员创建有效的系统。设计的一致性非常重要,即使仅仅考虑它可能听起来完全无趣。
1、结构和相互作用
这两者对于创建一致的页面设计和用户界面绝对是关键。我们经常忘记每当我们开始开发某些东西时,交互和结构将如何影响用户体验。例如,创建可用且一致的用户界面与为整个家庭创建计划和蓝图同样重要。
在开始尝试编写代码之前,请考虑以下事项:考虑如何在整个应用程序和/或网站中一致地放置不同的元素。考虑您将实际使用的特定用户界面模式,并考虑您最需要的输入元素类型。
在选择涵盖所有图标的好图标集之前,您还应确定实际需要的图标
2、用户界面模式
开始考虑您最需要使用的特定用户界面模式,例如模态,手风琴和画廊。当您提前计划这些事情时,您不仅可以更快地开发和设计应用程序,而且还可以提前计算出所有内容。最后,您可以节省大量时间,因为您将回答许多紧迫的问题。
3、一致性的重要性
没有人应该怀疑同样的事情是否真的意味着不同的事情,或者不同的事物是否实际意味着同样的事情。通常,如果事情看起来相同,那么个人会认为他们的意思相同。
最后,我们全权负责我们创造的一切。这意味着我们完全有责任承担这一责任,并确保我们尽最大努力完成可能的最佳工作,包括确保一切始终如一。
设计师永远无法真正改变会议的结果,任何短期决策都可能产生影响,最终可能会出现问题。
4、使您的设计保持一致
简单的任务无法确保一致性,例如在通过电子邮件发送之前创建样式指南和定义用户界面规则。一旦实际定义了这些规则,确保实际正确地遵守这些规则非常重要。
执行此操作的最佳方法是使用各种框架定义用户界面样式。这些能够帮助开发团队保持一致,而无需自己完成太多的工作。另一个有用的提示是参与可用性测试,收集定性信息,并解决可能出现的所有问题。
5、内部一致性
由于满足各种用户期望,外部一致性肯定可以增强您的整体用户界面设计。但是,内部一致性通常被视为更多的要求,如果未正确满足用户体验,则实际上可能会对用户体验造成损害。
当您处理内部一致性时,尝试涵盖以下所有内容非常重要:颜色,排版,语言,一般视觉效果,布局/位置,交互。
6、使网站保持一致
如果您想使网站保持一致,则应在整个过程中使用相同的颜色。此外,所有元素之间应该有一致的水平和垂直间距。
导航非常重要,应位于同一位置,文本链接应始终为相同颜色。确保所有图标属于同一系列或具有相同的样式。
7、确保您的网站始终保持一致
确保您的网站保持一致的一种方法是使用某种 CSS框架,这样您就可以始终保持一致的布局。有时,您可能会觉得仅仅为了保持一致而网站设计一些东西是相当无聊的。相反,您可能会觉得您想要为用户提供一些惊喜,这是完全可以接受的。
让你的用户保持警觉并想知道接下来可能会发生什么并没有什么不对,只要你没有包含那么多让他们变得如此困惑的事情,他们最终只想去其他地方。
-
访客离开网站的原因
日期:2019-10-24 浏览次数:2461
-
网站维护的具体步骤有哪些
日期:2019-10-24 浏览次数:2412
-
了解跨浏览器兼容的网站
日期:2019-10-24 浏览次数:2428
-
以正确的方式使用号召性用语
日期:2019-10-24 浏览次数:2465
-
如何避免CSS中的常见错误?
日期:2019-10-24 浏览次数:2286
-
免费SSL证书申请网站topssl.cn上线
日期:2024-09-23 浏览次数:1210
-
如何在北京顺义寻找一个踏实的网站建设公司
日期:2023-08-10 浏览次数:4295
-
顺义网站建设:北京顺义网站建设的优点
日期:2023-05-25 浏览次数:4692
-
选择网站公司需要考虑哪些因素
日期:2023-05-25 浏览次数:3559
-
北京模板建站
日期:2023-03-28 浏览次数:3738
-
移动网站设备指导原则
日期:2019-01-28 浏览次数:2544
-
加快网站速度的方法
日期:2019-05-14 浏览次数:2354
-
2019年令人难以置信的网络发展趋势
日期:2018-12-19 浏览次数:1432
-
使您的网站更具吸引力的9个技巧
日期:2019-03-01 浏览次数:2396
-
网页设计中纯CSS3动画区块代码书写方法。
日期:2020-09-11 浏览次数:2270