Godzilla. 2018-03-09
网站建设
关于网站建设的一些重要原则总结(四)
网站建设中总会遵循一些基本的设计原则,不论你是经验丰富的行业大牛或是刚进入网页设计领域的新手,巩固容易忽略的设计原则将会极大地改善你设计工作的质量。那今天小编也就来分享关于网站建设的一些重要原则总结的第四部分。
一致性
如果你遵循目前所讨论的原则,但缺乏一致性,你将会削弱在应用其他设计原则时所取得的进步。一致性有助于创建一个设计、站点或外观的心智模型。类似的东西应该在视觉上相似。而且记住这一点,一旦你开始编码你的设计,让你的设计变得更简练(不要重复你自己),你就会更加直截了当。
(Dropbox团队的另一个令人赏心悦目的设计)
上图的示例显示了不同级别上的一致性。插图的样式和尺寸是一致的。按钮看起来是一样的。所有三列的视觉重量都是均匀的。每一列都有相同的内部结构。总的来说,这是简单、精心考虑和有效的。
一致性设定了预期,无论接下来发生的是什么,都会出现相似的情况,从而减少认知处理。避免使用大量不同类型的字体和字体是保持一致性最重要的途径之一。在一个环境中,用户习惯于以特定的样式或字体阅读,因此不应该打扰读者。
你最近有没有看到过使用大量不同按钮的网站,而不是少数几个可以创造更好的一致性的网站?我敢打赌,你肯定不会喜欢的。下面的按钮属于一个单一站点的接口清单。正如下面所观察到的,你能在错误的方向上走多远,这是令人惊讶的。
当网站建设类似的元素具有相同的美学特征时,系统的可用性就会大大提高。为什么要让用户学习不同的视觉语言来浏览网页呢?这没有任何意义!
(布拉德.弗罗斯特关于原子设计的优秀著作的一张截图)
相似性
你猜对了,一致性源于这个格式塔原则,它表明相似的东西创造了一种统一的形式,你可以在你的设计中使用。具有相似特征的元素似乎彼此之间的联系更密切,而不是不同的事物。相似的元素暗示着一种关系,在它们周围其他元素形成强烈的对比。
你可以通过使用普通的方法来实现元素之间的相似性:颜色、大小、形状、纹理、方向、面积、尺寸。
所有这些都可以表明关系。颜色和形状是强调这些关系的很有力的例子。尽管相似性是一种强大的武器,但它仍然是一种加强等级的工具,而不是一种简单的创造它的工具。
这是Dribbble上的用户列表,显示了设计师和他们的工作。这是一个极好的例子,说明相似可以支持不同设计元素的列表来创建关系,从而显得更加统一。通过缩略图的水平接近和每个重复行的相似性,可以在页面上显示移动。
(Dribbble上的用户列表)
就功能而言,网站建设类似的外观元素应该为用户完成类似的任务。当用户不再需要为相似的界面元素重新学习不同的行为时,就会消除挫败感。相似性有助于管理期望,而期望本身是你的军火库中的一个非常强大的工具。
下一篇:必须要了解的微信小程序开发的四大缺陷
上一篇:如今在线教育平台到底还能不能赚钱?
浏览次数: 1215 次
文章评论: