知道要专注于什么以保持你的网站设计是高效的、利于用户体验的，本文为大家分享一些网页设计与网站开发的新技能。

　　

1、重新发现基础

　　我们不要忘记基础：HTML，CSS和Javascript是网络的核心构件。正确地理解他们是重要的。除了核心设计原则，重点是基本的HTML，CSS和Javascript的原则。

　　HTML是一个设计元素。我们可以在标记层做很多事情，我们应该按照我们的内容这样做。理解CSS是重要的，之前拥抱像Sass这样的工具，抽象它 - 同样适用于Javascript。知道依赖的成本，如jQuery插件和其他库和框架。保持你的HTML，CSS和Javascript，只有当你需要的时候依赖。
 

        

2、布局技术

　　我们如何在我们的视口中布置东西正在发展。这里有令人兴奋的发展 - 特别是灵活框布局模块和CSS网格布局，熟悉这些，你将能够创建细微，响应的布局，完美的RWD和界面设计。

　　CSS网格布局看起来同样有趣。如果你刚刚开始，我建议学习CSS布局。这将带你通过布局原则在一个容易跟随的方式，所以你可以确保你的技能是最新的。

　　

3、模块化设计

　　随着屏幕尺寸的增加，我们设计的上下文正在改变。我们需要的是能够适应任何环境的“内容构建块”。学习内容的模块化，可重用的片段作为设计的基础，有助于我们创建适合任何情况的内容，这是一个强大的技能。

 

4、印刷原则

　　“网络上95%的信息都是书面语言，”信息架构师Oliver Reichenstein说。 “这是合乎逻辑的说，一个网页设计师应该在塑造书面信息的主要学科得到良好的训练。换句话说，排版。

　　话虽这么说，排版的原则 - 特别是应用于网络 - 是我认为我们都可以站在更多地了解。伟大的排版提高了读者对内容的欣赏;我们都应该努力。
 

5、动画原理

　　在我们设计的界面中越来越期望动画。微妙的动画和互动，使用得很好，可以是应用程序或网站之间的区别，感觉原生，无缝和有吸引力的。

　　了解支持动画的原则 - 如时间，宽松和空间意识的想法 - 变得越来越重要。 有很多可以从这里学习，但我建议从迪斯尼的工作开始。

　　有许多有用的工具，允许您在交互设计上下文中处理动画，并且探索这些将对设计师变得越来越有帮助。 像After Effects，framer和Atomic这样的工具将成为设计师工具箱中的宝贵部分。

　　但要强调的一个关键点是，动画应谨慎使用。 毕竟，正如Sophie Paxton博客所说，“你的UI不是一部迪斯尼电影”。
 

 

6、性能

　　我强烈建议花一些时间开发你的网站性能：学习图像压缩;专注于保持您的HTML，CSS和Javascript精益求精;减少重量依赖等。所有这些事情都很重要，尤其是由于对移动消费模式的不断转变，其中带宽昂贵。