网页设计的原则有哪些?

Date 2024-02-28 17:14:10

  在web上,当你点击链接、提交表单或按下按钮时,你不知道会发生什么。设计师应该为每个动作设定相应的期望,并清楚地显示这些动作的结果。红喵网页设计的原则是什么?我希望这对你有帮助。


网页设计的原则有哪些?


  原则1:标记指导设计


  用户在网站上浏览时,不同于物理世界,可以依靠定位感来定位,设计师需要为用户提供标识指导。

  告诉访问者他们在寻找什么

  导航系统的设计首先可以问自己:“用户访问网站的目的是什么”,并进一步考虑以下问题,“我希望访问者能很容易地看到什么”。一旦这些问题被澄清,访问者应该确保这些内容可以在浏览网站时呈现给他们。

  告诉游客他们在哪里,就像公园里的地图标记“你在这里”一样

  Logo图标提醒用户访问哪个网站;

  面包屑轨迹或视觉标志告诉访问者在系统中的位置,例如;中国>陕西>西安

  简洁的页面标题,指出访问者正在浏览的页面。

  访问者如何得到他们想要的东西?

  “如何到达那里”是通过巧妙的导航设计来实现的。在良好的导航设计中,链接似乎可以单击。它们有一个清晰的文本标签,可以清楚地指出它的含义。类似的链接将分组放在一起,以便通过上下文获得其含义。

  他们已经在哪里搜索过了

  “要清楚区分链接‘过去’和‘现在’的状态”

  原则2:设定期望并提供反馈

  点击链接、提交表单或按下按钮时,您不知道会发生什么。设计师应该对每个动作设定相应的期望,并清楚地显示这些动作的结果。确保访问者随时掌握最新情况的方法有很多。

  在动作真正发生之前,让用户知道动作还没有发生

  2提醒用户在这个过程中处于哪个阶段

  原则三:基于人机工程学设计

  在完成数字空间的设计时,要考虑用户的身体,最相关的是手、眼、耳。

  1.手

  在设计手的时候,应该考虑滚动距离和滚动频率,类似的移动设备也有费茨定律

  τ=D/S D是距离,S是点击面积

  2.眼睛

  贴心的设计,如为用户提供护眼模式

  还应考虑字体的易读性和清晰性。

  3.耳朵

  默认情况下,不要主动播放音乐,为用户提供一个播放开关。

  原则四:保持一致性,考虑标准

  在设计时,一定要弄清楚你的网站有什么协议,打破这些传统必须小心。此外,您还需要不断使用风格指南来限制您的决定,以确保设计风格保持一致。

  原则五:提供纠错支持-预防、保护和通知

  生活并不完美,人们总是犯错误,所以有些人认为他们很愚蠢。为了避免给用户造成这种悲伤的情绪,我们需要考虑保护性的设计。只要做到以下几点,尽量减少错误。

  原则六:要靠识别,不要只靠记忆

  用户原本缺乏记忆力,往往记忆负担过重。如果把这个负担转移到电脑上,客户会认为你的网站更好。

  原则7:考虑不同层次的用户

  作为新手,网站用户的时间往往很短,只需要网站三次左右,用户就能达到“中等”水平。在这个水平上,他们可能会保持相当长的时间,也许永远不会成为专家(因为完全没有必要)。中等水平的用户意味着他们几乎可以完成他们需要的所有工作,但我们的做法通常是为新手设计一个简单的网站,然后为专家建立一个快捷的方式和特殊的属性。

  原则八:提供上下文帮助和文档

  当人们完成一项可能复杂的任务时,他们不可避免地需要帮助。作为设计师,我们需要在适当的时间以最简洁的方式提供适当的帮助。信息应该放在有明显标记的位置,而不是过于泛化的HELP。


以上是小编今天分享的网页设计原则。我希望这篇文章能对那些想要零基础学习UI设计的人有所帮助。学习是一个漫长的过程。如果你想更快地学习UI设计,你可以来红喵UI设计培训班学习,这样你就可以更快地掌握UI设计技术,有并且提升自己【红喵教育】

课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计

Floating Image