approach for minimalist design
Post on 16-Apr-2017
95 Views
Preview:
TRANSCRIPT
PowerPoint Presentation
The less is more approachMinimalist Design
The advantagesThe websiteload fastertake fewer server resourcesoften faster to develop than more graphically complicated designs. they give a professional, clean impression to visitors.The Caveat:a good eye for spacing and proportion
7 Pillars of Minimalist DesignThe negative space : catches eye of the userFocuses on Content-first designDraw attention to images of their workLarge and vivid photographsWill get the philosophy more clearEmotional connectNo busy photograph full of distracting design
7 Pillars of Minimalist DesignTypographyEmphasis on the wordsInteresting letter formsBeautiful ContrastSmall colorful designsAttention to certain design elementsE.g. : http://www.jorgerieraflores.com/
7 Pillars of Minimalist DesignSimple NavigationThe hamburger iconEnsure the target audience for the website before using hamburger menuVisual HarmonyHorizontal , Vertical and Radial symmetryAsymmetry:Objects are designed to purposefully counter one another on the screen with shapes, colors and sizes of contrasting styles.
7 Pillars of Minimalist DesignFlat Design EvolvedBest of both worldsEliminate heavy background imagesReadable on big screens down to mobile screens
Examples
Examples
A blend of Horizontal and vertical symmetry
Examples
Mint Design Companyis a boutique development and branding shop powered by a passionate team of agile engineers, artists and strategists.
The UI For APPSLimited color range : Dichromatic or Trichromatic designTrichromatic design : Main , active or highlight colorIcons proving perfect for the UI: No labels requiredThe need for minimal number of pagesThe cards and the tiles displayFixed position content / NavigationSplash screen as short as possible: No user likes to wait
ExamplesFlat designTrichromatic colorNo Visual clutter
Other examples: superjobs, tinder , eventbrite, flipboard etc
Examples
Examples
Created through Market research on offbeat ideasInteractive prototype5 easy steps.
Conclusion
Referenceshttp://thenextweb.com/dd/2015/06/09/7-pillars-of-minimalist-web-design/#grefhttps://play.google.com/store/apps/details?id=com.abc.resfree&referrer=utm_source%3Dwebsite%26utm_medium%3Dwebsite_download_buttonhttps://play.google.com/store/apps/details?id=com.asos.app&hl=enhttp://www.Mintdesigncompany.comhttp://abduzeedo.com/ui-design-swing-iphonewww.jonaslindvall.com/http://www.arko.co.nz/https://www.behance.net/gallery/28876325/Edaua-Food-Delivery-App
Thanks
top related