Mobile app version of vmapp.org
Login or Join
Lee3735518

: Examples of block-layout UI design? By block-layout, I mean style like these: Medium,Readwrite,Kicktarter There aren't too many on gallery sites(for example, Flat UI Design). Most of them are

@Lee3735518

Posted in: #Css #InterfaceDesign #PageLayout #WebsiteDesign #WebsiteTemplates

By block-layout, I mean style like these:






Medium,Readwrite,Kicktarter

There aren't too many on gallery sites(for example, Flat UI Design). Most of them are for product promotion, making a big focus at first. Like this:


And I'm design a website needing block-layout, and really need more examples for inspiration. Where could I find them?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Lee3735518

1 Comments

Sorted by latest first Latest Oldest Best

 

@Jessie844

I am not sure what you are aiming at; to me it seems your examples simply are website based on a grid (which basically all sites are...), but where the modular grid is clearly defined by images of coloured boxes. Any search for


grid webdesign
website design
swiss design

would give you an exhaustive plethora of examples.


If you aim at basically mainly images in a grid, a loose suggestion could be Masonry JS library. Your question is not very specific, so a clarification as to what material you have to work with, what the aim is, where you get stuck would maybe give you a better answer.

Edit:
Any framework for web will have an alternative of this extremely simple layout. As I do not know what needs you have, wordpress, bootstrap, joomla, boilerplate all have this simple div structure. If you are looking to create this layout from the bottom, any search for "simple css three column" would give you example files. Or, indeed, a search for "example three column web layout".

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme