The website is not made particularly for gadgets with touch screens, but the horizontal orientation makes perfect sense when the images are arranged in chronological order. Here on Google Arts & Culture, the images are scrolled in direction from left to the right. The following example is interesting: a vertical grid that can scroll horizontally. All the ones above are vertical, as the most common option. Horizontal scroll is typically used for devices with touch screens. Image lists can have a vertical or horizontal scroll. Take a look at how Keep, Google service of notes, arranges separate notes into a scrollable grid. Masonry is also a grid of images with different formats, but unlike woven image list, the distance between the images is the same, and only the width or height is pre-set. It works great in the case of Keen, a Google's experimental product that allows users to create their own curated sets of materials. The woven image list sets a regular grid without cutting the images to the same format, like when the lists are created by users and therefore have to be flexible with different formats. Standard image grid is the most common layout for a large number of pictures. This is how Metalshub, a metals trading platform, displays the goods that they work with. All of the equal size, arranged in a symmetrical pattern. This grid is made of items that have no hierarchy. Let’s take a look at some examples: Standard Grids consisting of images or cards (image and text grouped together) are very common in Material design. See Also ▷ Webdesign Agentur Limburg an der Lahn | Preiswerte Homepage Erstellung ✓ Webdesign Bestellen: ✉ Gutes Webdesign – von der Theorie in die Praxis/ Evaluierung von Design – Wikibooks, Sammlung freier Lehr-, Sach- und Fachbücher 11 páginas web donde crear tu portfolio y mostrar tus trabajos Grid-based Layouts. We have chosen some great examples of websites with different styles and content, all developed with Angular Material and using different layouts. You can change parameters of elements to fit the needs and style of different products, use one of the existing Angular Material themes or create your own.
The library allows for a high level of customization. It does not mean that using Angular Material would inevitably turn your website into a Google-style page, with those colorful icons and Google font. For the developers, it means that they can rely on the tested system and save time they could otherwise spend re-inventing buttons and icons. Nowadays Google promotes Angular Material to be used by developers in all sorts of products. Angular Material is not responsive by default, but its elements can be used to build modern designs with responsiveness in mind.
Products have to be adapted to different devices. Using a components library helps a lot here. The style of basic components of the layout should be the same throughout the website. Go for proven styles and avoid experimenting with layouts that were not tested with users.
0 kommentar(er)
