网站建设以Cinemagraphs 取代GIF 动态图档
动态图象的加入可以提供给观众更多讯息,让观众可以更深入的参与网站。然而过多的动态元素是不合适的,因为它可能会使观众混淆而导致高跳出率。而Cinemagraphs的应用正好解决这个问题,Cinemagraphs是静态图像,而它与GIF动画的不同,在于它只包含一个动态元素
网站上运用javascript特效是大忌,不只是无法被搜索引擎抓取,还会因为不断向服务器提出请求,导致添加服务器负担,网站变慢。
具体的例子如鼠标特效、节目的特效、状态栏的特效等等。这些特效的原理是先由服务器下载到用户端的机器,然后在本地机器上运转,最终被用户看到。特效做的多了,用户本地机器上就要运转大半天才干悉数完成。
引用其他网站的图像、视频文件等。如果链接到的网站速度慢,甚至那家网站已经不存在了,那么用户打开网页的速度就会十分慢。
无论网站多大或多小,这些规则都是良好设计的基础。如果您遵循这些基本指导方针,并将其纳入您开始的每个项目的思考过程中,那么您将避免许多设计师可能陷入的陷阱!
1.保持一致
让设计尽可能简单,以便用户使用和理解设计。用户参与和行动以及视觉效果在整个单一设计中的外观和使用应该相似。这意味着按钮颜色相同,并且使用相同的悬停状态来帮助用户了解如何进行交互,标题的大小相同,并在整个设计中使用相同的字体,并且诸如颜色之类的元素遵循可识别并与之关联的调色板品牌。其他视觉元素也应遵循一致的风格,以及图标或摄影,视频或插图等元素的风格和使用计划。所有这些一致性元素都有助于提高整体可用性,使设计尽可能方便用户进行交互。
2.要用空白
元素周围的额外空间可以帮助创建分离并使其更易于阅读。没有必要将每个元素都塞进滚动条上方的空间。使用空格建立节奏和流程,创建视觉层次结构并帮助用户在设计中移动。
如果内容是好的,他们将滚动。而空白实际上可以通过将视线拉到屏幕上来帮助鼓励用户行为。随着屏幕尺寸变小,空白显得更加重要。元素周围的额外空间可以帮助创建分离并使其更易于阅读。 (考虑轻松点击按钮时多余的空间可以带来多大的益处。)