: Ideas to make these tiles look good. I am not really happy with the way I've designed these tiles . And I'm short of ideas. Can anybody have ideas on how I could make the section look better?

@Samaraweera207

The tiles are taking up way to much room, you could either make them buttons or tabs.

I have created a codepen for you to check it out. Tiles to buttons. This would save a load of space, plus it looks nice :)

Vote Up Vote Down

@Mendez620

I think one of the main issues with the boxes are that they look like 'zero states', and look really similar to the add button right next to them. I find it strange that you use square shapes for them. The groups' function remind me of 'tags' (like the ones used right here on stack exchange) and I think they might work well in more of a tag styling.. I would just do a horizontal button with "Category Name (3)" and an indicator for 'new'.

Vote Up Vote Down

@Nickens508

To save space as new categories/folders are created, you might consider a layout similar to Amazon Drive's current interface. The file categories (All files, Shared files, Deleted) are placed in a left sidebar. The horizontal band above the file directory displays the path to the files/folders. The file/folder tools are placed at the foot of the screen.


When you hover over the left sidebar, the icons expand to reveal a description.

Vote Up Vote Down