网格尊重。在响应式网站设计中,网格不仅仅是将元素放置在屏幕上的指南,它还确定了元素在不同屏幕尺寸下的位置,以及列的堆叠和改组。
案例详情
9、使用网格
网格尊重。在响应式网站设计中,网格不仅仅是将元素放置在屏幕上的指南,它还确定了元素在不同屏幕尺寸下的位置,以及列的堆叠和改组。
网格可以帮助您设计和维护流。 (挑战在于你不能随意违反设计规则。)
可以这样想一想:您的设计在全屏桌面显示屏上有四行内容排列在屏幕上(屏幕上的宽度相同)。然后在平板上,将块转换为两列,每行两列。在移动设备上,它们被转换为一行和四行。
了解网格如何影响对象的大小以及对象如何在不同设备上进行转换非常重要,因为它决定了如何设计您拥有的内容。再想一想同样的情况。如果有五个内容块怎么办?它需要重新设计,以确保您创建一致的视觉轮廓。
10、友好的网站设计师
确保项目顺利进行的真正关键是灵活性。网页设计技术和标准不断变化。虽然有些项目确实让你成为一个细节而且是一个不动的人,但响应式设计却不是这样的。易于使用的网站设计师将赢得更多尊重并与前端工程师建立更好的关系。这将带来更好,更成功的项目。应该说,但是太多次,会有很多无意识的行为。不要陷入那个陷阱。与您的前端工程师讨论您的项目,他们会爱你。
网格尊重。在响应式网站设计中,网格不仅仅是将元素放置在屏幕上的指南,它还确定了元素在不同屏幕尺寸下的位置,以及列的堆叠和改组。
网格可以帮助您设计和维护流。 (挑战在于你不能随意违反设计规则。)
可以这样想一想:您的设计在全屏桌面显示屏上有四行内容排列在屏幕上(屏幕上的宽度相同)。然后在平板上,将块转换为两列,每行两列。在移动设备上,它们被转换为一行和四行。
了解网格如何影响对象的大小以及对象如何在不同设备上进行转换非常重要,因为它决定了如何设计您拥有的内容。再想一想同样的情况。如果有五个内容块怎么办?它需要重新设计,以确保您创建一致的视觉轮廓。
10、友好的网站设计师
确保项目顺利进行的真正关键是灵活性。网页设计技术和标准不断变化。虽然有些项目确实让你成为一个细节而且是一个不动的人,但响应式设计却不是这样的。易于使用的网站设计师将赢得更多尊重并与前端工程师建立更好的关系。这将带来更好,更成功的项目。应该说,但是太多次,会有很多无意识的行为。不要陷入那个陷阱。与您的前端工程师讨论您的项目,他们会爱你。