1.流体网格
流体网格的工作方式与其他任何设计网格一样，它们使您能够以美观的方式在页面上排列元素。但是，与传统的网格不同，流体网格将根据屏幕尺寸进行调整，并可以适应任何宽度，因为它使用相对的测量单位（例如百分比或em单位），而不是固定的单位（例如像素）。
2.媒体查询
媒体查询使您可以更加灵敏地设计响应式设计，并根据特定的屏幕尺寸进行相应调整。用外行的术语来说，网站使用媒体查询来收集数据，以帮助他们确定屏幕的大小，然后加载适当的CSS样式。
3.响应媒体
响应式网站设计的第三个核心原则是响应式或灵活的媒体。鉴于现代网站使用大量的图像，视频和其他媒体文件，因此这些类型的内容必须响应不同的屏幕尺寸。
通常，设计人员会将图像尺寸包括在其CSS样式表中。但是，由于上述固定的测量单位，因此不适用于响应式设计。相反，您必须对图像文件，视频和其他媒体类型使用max-width属性。为确保媒体文件不会超出其容器并根据屏幕大小很好地缩放，应将max-width属性设置为100％。
1.优秀的网页设计应该简约，并且完整
网页设计必须简约，任何无用的特质都必须移除；与此同时，网页设计必须能够满足用户需求。太简单的网页如果没有空能支撑，那么从里到外就真的是”空洞无物”了。太复杂的网页如果缺少简约的收束，那么便会”尾大不掉”，让用户阅读困难。“言简意赅”的设计才是好设计，一个设计师的掌控力得以体现。
2.网页设计必须具备一致性
想像一下你作为网络浏览者时的经历：你在浏览网页时，一般都不会详细阅读内容，你会快速滑动页面，大致浏览一遍，如果看到感兴趣的信息便停下，进行仔细阅读。这是一种用户习惯。
用户的这种阅读习惯意味着什么？这意味着设计必须具有高度的一致性，用户看到前面的布局，对后面的布局有一种”预期”：他会认为后面的页面布局也是如此，不要破坏用户的阅读节奏感。
同样的，同一页面的各个元素以及各个子页面之间必须要具备一致的联系性，也就是说设计师的设计模式应该专一，再举个简单的例子，如果主页的导航栏布置在上方，子页面的导航栏布置在侧边，你认为用户会高兴吗？
3.将导航菜单作为交互的”核心”
每当用户有问题时，他都会习惯性的翻阅导航菜单，这也是用户习惯，要注意。个人认为，导航是网页设计的核心元素，影响到网站的交互性，至于要怎么设计，仁者见仁，智者见智了。
4.留白和信息同样重要
你要有这样一种观念：留白也是设计的一部分，那些不使用的空间也能发挥其作用。从用户的角度来说，留白很好，让布局更有条理，信息更清晰。
5.用心的设计都有清晰的视觉层级
明智的设计师不光会创造内容，还知道如何高效组织内容，传递信息。视觉层级对于信息呈递来说异常重要，优秀的视觉层级还能帮助设计师强化设计理念。
空间排布、间距使用、整体布局，关于这些的探讨已经够多了，归根结底，无非是为了打造优秀的视觉层级。