一本大道香蕉久在线播放29

    <em id="ii1f9"></em>

    <ruby id="ii1f9"><p id="ii1f9"><tt id="ii1f9"></tt></p></ruby>
      <li id="ii1f9"></li>
      1. <rp id="ii1f9"></rp>

        <s id="ii1f9"><strike id="ii1f9"><u id="ii1f9"></u></strike></s>

        1. <tbody id="ii1f9"><center id="ii1f9"></center></tbody>
        2. Menu

          为什么超前思考在网页设计中至关重要

          <返回列表

          建立一个伟大的网站和一个平庸的网站之间的区别通常是很早就决定的。这通常是一个网页设计师把他们的项目画成一个虚拟的“角落”。这就是设计变得不灵活,无法适应各种用例的地方。

          这往往发生在原型阶段。我们花了很多时间和创造性的精力在一个看起来很棒的想法上。我们的客户可能和我们一样喜欢它。但只有当我们真正开始建造它时,我们才开始充分理解其后果。

          A设计模型作为我们网站项目的指南针。如果我们不能提前考虑某些因素需要什么,这可能意味着我们陷入了一个糟糕的境地。为了让一些浏览器在网站上正常工作,最终导致了一些严重的后果。这可能会对可访问性、性能和对最佳实践的遵守产生负面影响。

          谢天谢地,一些计划可以帮助您避免混乱的构建过程。让我们来看看需要考虑的几个关键事项之前与客户分享你的想法

          元素如何适应不同的屏幕

          在那里鈥檚 为什么会这样鈥檚 这么多关于鈥移动优先“网页设计方法。从本质上讲,这使我们能够从网站的基本要素开始。从那里,我们可以添加和增强视区变大。

          不过,我们每个人都有自己的偏好来构建原型。对于那些仍然使用基于桌面的方法的人来说,考虑一下所有这些花哨的设计元素如何在手机上工作是很重要的。

          如果你计划实施CSS网格或者是Flexbox,它们将在最大程度地利用可用的屏幕空间方面提供很大帮助。但其他因素可能需要更多的努力才能发挥作用。

          例如,在小屏幕上使用大滑块会变得非常困难。复杂的图像可能没有那么有影响力,文本可能超出边界。性能也可能滞后。

          在这种情况下,您可能需要决定是否值得在移动设备上显示滑块。或者也许可以对其进行重构,以便更好地适应所有情况下的工作。

          Electronic equipment on a desk.

          可达性影响

          设计从选择合适的字体和颜色开始。它们都与品牌和可访问性有着深刻的联系。

          字体应该是清晰的和大小的易读性。虽然很花哨脚本而装饰性字体可以看起来很漂亮,它需要足够大的尺寸来阅读,并且仅限于在标题中使用。如果不能合理地满足这些要求,最好将它们从项目中完全删除。

          此外,色彩对比度也应该是一个主要的关注点。背景色和前景色必须达到可接受的对比度才能被认为是可访问的。另外,这只是个很好的练习。

          如果您不确定您的调色板,请使用在线工具以确定其适用性。有时,只要稍作调整就可以通过WCAG AA标准。

          除了这两项之外,最好有一个计划来显示图标等元素。它们是直觉的吗?会不会附有文字?

          Accessible parking sign.

          向后兼容性

          不是每个网站都必须完全兼容,比如说,InternetExplorer9传统浏览器不一定会阻止我们使用最新的CSS或JavaScript。但有些想法应该放在向后兼容性中。

          尤其值得关注的是,设计元素会使网站在旧软件中完全无法使用。即使某个特定的浏览器只占你网站访问者的一小部分,这仍然会留下一些潜在的转换。

          值得考虑的是,设计决策会对这些用户产生什么样的影响。对于给定的技术,可用的回退可能足以让东西看起来体面和可用。更好的是它们可以相当简单地实现。

          确保所有的浏览器都使用相同的元素。这可能是一个太多的要求这些天。只要用户能够在一些更古老的软件上导航和消费内容,这可能就足够了。

          A vintage computer.

          尚未发生的情况

          即使是最小的网站也需要随着时间的推移而发展。当添加新类型的内容时,需要在设计中考虑它们。如果你没有准备好,实施这些项目可能会与已有的冲突。

          例如,可以考虑添加一系列视频。虽然添加内容的过程可能很简单,但它将如何适应您已经建立的外观?你会使用一个默认的浏览器用户界面还是设计一些与你的品牌相匹配的东西?

          虽然你不能总是预测未来,但你可以为各种可能性做计划。这是设计系统允许你完成。通过从一开始就设置一些默认的指导原则,您可以更轻松地处理将来的添加。

          现实是,我们今天设计的东西将来可能会改变。因此,为这种可能性做好准备是值得的。

          A person viewing futuristic art.

          第一次就做对了

          制作第一个模型不仅仅是让事情看起来很好。它甚至超越了给客户留下深刻印象。事实上,这是一个练习,迫使我们从整体上看待我们的项目。

          美学一定要赏心悦目。但设计也必须是可访问的,并且能够适应各种屏幕。另外,随着事情的发展,它可能不得不适应不同类型的内容。

          如果这听起来让人无法抗拒-深呼吸。这是你的经验和专业知识可以用来拯救。正确的工具也可以发挥作用。

          想一想在你过去的项目中哪些是有效的(哪些没有)。寻找实现以下特性的方法有弹性的. 这样做,你就可以获得成功的项目了!


          最新网站设计资讯
          企业网站建设

          企业网站建设优化一条龙,多年品牌网站设计,营销网站开发,手机网站制作,响应式网站设计

          联系我们

          电话:18868949445QQ:1611387063 邮箱:[email protected]

          联系云轩总监微信

          微信
          一本大道香蕉久在线播放29