Free space creates an essential breathing room and makes UI that looks less cluttered.Menus Icon Bar Menu Icon Accordion Tabs Vertical Tabs Tab Headers Full Page Tabs Hover Tabs Top Navigation Responsive Topnav Split Navigation Navbar with Icons Search Menu Search Bar Fixed Sidebar Side Navigation Responsive Sidebar Fullscreen Navigation Off-Canvas Menu Hover Sidenav Buttons Sidebar with Icons Horizontal Scroll Menu Vertical Menu Bottom Navigation Responsive Bottom Nav Bottom Border Nav Links Right Aligned Menu Links Centered Menu Link Equal Width Menu Links Fixed Menu Slide Down Bar on Scroll Hide Navbar on Scroll Shrink Navbar on Scroll Sticky Navbar Navbar on Image Hover Dropdowns Click Dropdowns Cascading Dropdown Dropdown in Topnav Dropdown in Sidenav Resp Navbar Dropdown Subnavigation Menu Dropup Mega Menu Mobile Menu Curtain Menu Collapsed Sidebar Collapsed Sidepanel Pagination Breadcrumbs Button Group Vertical Button Group Sticky Social Bar Pill Navigation Responsive Header Generous whitespace can make some of the messiest interfaces look inviting and simple - it creates the spaces around elements in the design to help them stand out or separate from the other elements. Whitespace is the areas of a design where there is no element placed by a designer. Less lines and dividers will always give your interface a cleaner, modern and more functional feel. Thus, try to divide by elements and spacing, not lines. The real point behind this change is that it is a shift of focus onto content and functionality, while doing away with superfluous elements. As users’ preferences shift toward a simpler interface, stripping the UI to its very basic, necessary elements is the key to success. A heavy use of dividers can also lead to visual noise and dense, crowded interfaces. Traditional dividers might break up content well on a desktop screen, but they have one big disadvantage for mobile apps - they take up valuable space on mobile screen.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |