知道要专注于什么以保持您的 WordPress 网站设计是高效的、利于多用户体验的，本文为大家分享一些 WooCommerce 独立站网页设计与 WooCommerce 网站开发的新技能。
1 、重新发现基础
我们不要忘记基础：HTML，CSS 和 script 是网络的核心构件。正确地理解他们是重要的。今年在贝尔法斯特艺术学院，除了核心设计原则，我一直在教授基本的 HTML，CSS 和 script 的原则。
在我的教学中，我解释了 HTML 是一个设计元素。我们可以在标记层做很多事情，我们应该按照我们的内容这样做。理解 CSS 是重要的，之前拥抱像 Sass 这样的工具，抽象它 – 同样适用于 script 。知道依赖的成本，如 jQuery 外挂和其他库和框架。保持您的 HTML，CSS 和 script 紧，依赖依赖只有当您需要。跨飞独立站，专业 WordPress 外贸独立站网站建设、 WordPress 站群网站优化、 logo 设计、品牌设计、印刷等产品服务，新上线企业 VI 设计套餐和 WordPress 站群网站营销推广系统（强），欢迎新老顾客前来咨询！
2 、布局技术
WooCommerce 独立站网页设计的新技能：布局技术
我们如何在我们的视口中布置东西正在发展。这里有令人兴奋的发展 – 特别是灵活框布局模块和 CSS 网格布局，熟悉这些，您将能够建立细微，响应的布局，完美的 RWD 和界面设计。
CSS 网格布局看起来同样有趣。如果您刚刚开始，我建议学习 CSS 布局。这将带您通过布局原则在一个容易跟随的方式，所以您可以确保您的技能是最新的。
3 、模块化设计
WooCommerce 独立站网页设计的新技能 – 模块化设计
随著屏幕尺寸的增加，我们设计的上下文正在改变。我们需要的是能够适应任何环境的 “内容构建块” 。学习内容的模块化，可重用的片段作为设计的基础，有助于我们建立适合任何情况的内容，这是一个强大的技能。
4 、印刷原则
WooCommerce 独立站网页设计的新技能 – 印刷原则
“网络上 95％的信息都是书面语言，” 信息架构师 Oliver Reichenstein 说。 “这是合乎逻辑的说，一个 WooCommerce 独立站网页设计师应该在塑造书面信息的主要学科得到良好的训练。换句话说，排版。
话虽这么说，排版的原则 – 特别是应用于网络 – 是我认为我们都可以站在更多地了解。伟大的排版提高了读者对内容的欣赏; 我们都应该努力。
5 、动画原理
在我们设计的界面中越来越期望动画。微妙的动画和互动，使用得很好，可以是应用程序或网站之间的区别，感觉原生，无缝和有吸引力的。
了解支持动画的原则 – 如时间，宽松和空间意识的想法 – 变得越来越重要。 有很多可以从这里学习，但我建议从迪斯尼的工作开始。
有许多有用的工具，允许您在互动设计上下文中处理动画，并且探索这些将对设计师变得越来越有帮助。 像 After Effects，framer 和 Atomic 这样的工具将成为设计师工具箱中的宝贵部分。
但要强调的一个关键点是，动画应谨慎使用。 毕竟，正如 Sophie Paxton 部落格所说，“您的 UI 不是一部迪斯尼电影” 。
6 、效能
WooCommerce 独立站网页设计的新技能 – 效能
我强烈建议花一些时间开发您的网站效能：学习影像压缩; 专注于保持您的 HTML，CSS 和 script 精益求精; 减少重量依赖等。所有这些事情都很重要，尤其是由于对移动消费模式的不断转变，其中频宽昂贵。