1. David Wu首页
  2. web前端
  3. CSS

厦门网站建设浅谈网站设计需要做那些超前的设计准备

通常,很早就确定了建设一个出色的网站与一个平庸的网站之间的区别。网页设计师通常将他们的项目画成虚拟的“角落”,这通常是一个问题。那就是设计变得僵化并且无法适应各种用例的地方。 这往往发生在原型阶段。我们将大量时间和创造力花在了一个很棒的想法上。我们的客户可能和我们一样喜欢它。但是只有当我们真正开始构建它时,我 WP网站建设

通常,很早就确定了建设一个出色的网站与一个平庸的网站之间的区别。网页设计师通常将他们的项目画成虚拟的“角落”,这通常是一个问题。那就是设计变得僵化并且无法适应各种用例的地方。

这往往发生在原型阶段。我们将大量时间和创造力花在了一个很棒的想法上。我们的客户可能和我们一样喜欢它。但是只有当我们真正开始构建它时,我们才开始完全理解其后果。

一个设计样机充当我们的网站项目的指南针。如果我们不考虑某些要素的要求,那就意味着陷入困境。最终结果是,一个站点必须做出一些重大妥协才能在不同的设备和浏览器上运行。这会对可访问性,性能和对最佳实践的遵守产生负面影响。

值得庆幸的是,一些计划可以帮助您避免混乱的构建过程。让我们看一些与客户分享想法之前要考虑的关键事项。

元素如何适应不同的屏幕

有这么一个原因,为什么要这么多地谈论“移动优先”的网页设计方法。从本质上讲,这使我们可以从网站的基本要素开始。从那里开始,我们可以随着视口变大来添加和增强。

尽管如此,我们每个人都有自己的偏好来构建原型。对于仍然使用基于桌面的方法的用户,重要的是考虑所有这些精美的设计元素如何在手机上工作。

如果您计划实施CSS Grid或Flexbox,它们将在最大程度地利用可用屏幕空间方面提供很大帮助。但是其他元素可能需要更多的精力才能开始工作。

例如,大型滑块可能很难在小屏幕上使用。复杂的图像可能没有那么大的影响力,并且文本可能会超出边界。性能也可能会落后。

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

WordPress网站建设

辅助功能影响

设计从选择合适的字体和颜色开始。它们都与品牌和可及性紧密相连。

字体应清晰易读,并具有清晰易读的大小。虽然花哨的文字和装饰字体看起来很漂亮,但它必须足够大才能阅读,并且只能在标题中使用。如果不能合理地满足这些要求,则最好将它们从您的项目中删除。

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

如果不确定调色板,请使用在线工具确定其适用性。有时,要通过WCAG AA标准,甚至需要做些微调整。

除了这两项之外,最好有一个计划来显示图标之类的元素。他们直观吗?他们会附上文字吗?

WordPress网站建设

WordPress网站建设

向后兼容

并非每个网站都必须与Internet Explorer 9完全兼容。而且旧版浏览器不一定可以阻止我们使用最新的CSS或JavaScript。但是应该考虑向后兼容性。

特别令人关注的是设计元素,这些元素将使网站完全无法在旧软件中使用。即使特定的浏览器在您网站的访问者中所占的比例很小,但这仍然会带来一些潜在的转化。

值得考虑的是,设计决策将对这些用户产生什么影响。给定技术的可用后备可能足以使事情看起来不错且可用。更好的是它们可以很容易实现。

过去曾希望设计师确保所有浏览器的元素外观和功能完全相同。这些天,这可能是一个太多的要求。只要用户可以在某些较古老的软件上导航和使用内容,这可能就足够了。

WordPress网站建设

WordPress网站建设

尚未发生的情况

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

例如,考虑添加一系列视频。虽然添加内容的过程可能很容易,但是它如何适合您已经建立的外观?您是否会使用默认的浏览器用户界面或制作与您的品牌相符的东西?

虽然您不能总是预测未来,但是您可以计划各种可能性。这是设计系统可让您完成的工作的一部分。通过从一开始就设置一些默认准则,您将有更多的时间来处理将来的添加。

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

WordPress网站建设

第一次正确构建

设计第一个模型不仅要使外观看起来好得多。它甚至不仅仅给您的客户留下深刻的印象。确实,这是一项迫使我们将项目视为一个整体的练习。

美学必须令人赏心悦目。但是设计还必须易于访问并且能够适应各种屏幕。另外,随着事情的发展,它可能必须容纳不同类型的内容。

如果这听起来令人难以忍受,请深吸一口气。这是您的经验和专业知识可以解救的地方。合适的工具也可以投入使用。

考虑一下您过去的项目中哪些有效(哪些无效)。寻找实现弹性功能的方法。这样做,您将成功进入成功的项目!

原创文章,作者:网站建设,如若转载,请注明出处:https://www.davidwu.net/archives/132707

服务项目 服务内容 收费标准(元)
开发定制 WordPress主题/插件开发定制 (以最终需求为准)
主题/插件汉化 汉化团队WordPress主题/插件,翻译率95% (以标的主题/插件的句子数量为准)
服务器环境配置 基于您现有服务器,搭建配置网站运行环境,结合我们多年来实战经验,可完美支持WordPress等PHP程序运行,并配置伪静态规则、优化目录权限等问题。服务器我们强烈推荐使用Linux系统。 100元/次
网站托管 若贵站目前尚无技术人员,无法完成服务器环境配置,可选择我们的网站托管服务,直接交付正常运行的WordPress站点,并且无需担心服务器的后续维护工作,一切都由我们来帮您完成。 标配套餐:1000元/年/站点 高配套餐:联系客服获取
网站加速优化 从服务器后端配置优化到WordPress数据库缓存、前端页面缓存、JS和CSS压缩合并,全方位优化网站加载速度,实现秒开。(此服务仅针对(云)服务器/VPS) 500元/次(仅站内优化200元/次)
主题配置 本站所有主题均支持,可快速实现,若有任何问题可以咨询客服解决,若您希望我们提供配置服务,可选购此服务。 英文主题安装 60元/次 汉化主题安装 30元/次
HTTPS配置 HTTPS已经不断普及,并且有着更高的安全性以及SEO上的优待。该服务收取的为服务费,SSL证书产生的费用请自行承担。 100元/次
网站搬家 迁移网站所有文件和数据库信息、网站相关配置的调整、以及迁移中的疑难问题故障排除。 标准收费:500元/次 若网站数据量大,需协商
网站运维 提供整站的运维服务,保证网站正常运行。包含:网站故障定位及排除、网站数据备份和恢复、网站攻击及木马等问题的处理等 标准收费:2000元/年 IP 5000以上需协商

发表评论

邮箱地址不会被公开。 必填项已用*标注