The school’s guide to modern design trends corwin bermudez
Transcript of The school’s guide to modern design trends corwin bermudez
![Page 1: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/1.jpg)
![Page 2: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/2.jpg)
The School’s Guide to
Modern Design Trends P R E S E N T E R : C O R W I N B E R M U D E Z
![Page 3: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/3.jpg)
Why Are Modern Design Trends Important?
![Page 4: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/4.jpg)
MOBILE DEVICES Modern design trends are built for responsive design
![Page 5: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/5.jpg)
EVERYONE USES MOBILE DEVICES
Modern design trends create the best possible user experience for all screen sizes.
![Page 6: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/6.jpg)
TURN YOUR WEBSITE INTO A MOBILE APP
Modern design trends create sites that maximize usability on all displays
![Page 7: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/7.jpg)
RESPONSIVE SITES PERFORM BETTER IN SEARCH RESULTS
Designs that utilize responsive, clean design are deemed more user-friendly by search engines, and are promoted to higher search listings
![Page 8: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/8.jpg)
Of users say they return to a website that works well on a smartphone or tablet
![Page 9: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/9.jpg)
RESPONSIVE SITES HAVE
FASTER CONVERSIONS
FROM USERS ON MOBILE
DEVICES
A well designed site that looks and performs well on mobile devices helps the user identify what they want and act faster
![Page 10: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/10.jpg)
KEEPING IT SIMPLE
Employing modern design trends will make your site easy to use, approachable, and engaging
![Page 11: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/11.jpg)
DESIGN TRENDS ALWAYS EVOLVE TOWARD IMPROVING THE USER EXPERIENCE
As design trends lean toward simpler, cleaner, more organized designs websites provide a better resource
for their users
![Page 12: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/12.jpg)
SIMPLER, CLEANER SITES ARE MORE EFFECTIVE
Web design trends also evolve to help organizations
accomplish goals and drive users to action
![Page 13: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/13.jpg)
MODERN DESIGN MAKES WEBSITES EASIER TO NAVIGATE
Simple and direct design helps both new visitors and existing users access the exact information they need
![Page 14: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/14.jpg)
EVERYTHING HAS PURPOSE AND SPACE TO SHARE THAT PURPOSE
Site elements all have plenty of space to maximize impact for all site users
![Page 15: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/15.jpg)
BEING CREATIVE Modern trends facilitate infinite possibilities in web design
![Page 16: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/16.jpg)
LIKE ANY INDUSTRY, INNOVATION DRIVES
DESIGN TRENDS
Modern design trends are born from finding better ways to do things, from both creative and functional standpoints
![Page 17: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/17.jpg)
BOUNDLESS OPPORTUNITIES FOR UNIQUE DESIGN EXPERIENCES
Design trends are all about pushing for the most creative ideas to set sites apart
![Page 18: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/18.jpg)
MAKE YOUR VOICE HEARD (AND SEEN) THROUGH YOUR WEBSITE
The flexibility modern design can convey the unique mission and identity of every organization
![Page 19: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/19.jpg)
CONNECT EMOTIONALLY
WITH YOUR AUDIENCE
Newer design trends seek to identify site
users as individuals and communicate
based on their needs
![Page 20: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/20.jpg)
STAYING RELEVANT The cultural impact of web design changes rapidly, and it’s too important to fall behind on
![Page 21: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/21.jpg)
AN OUTDATED SITE DESIGN IS AN INSTANT TURN-OFF TO VISITORS
Keeping up with the competition, especially in terms of presentation and visibility, is crucial for the success of any organization
![Page 22: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/22.jpg)
STAY AHEAD OF THE CURVE
Organizations that establish themselves as thought leaders, especially in something as universal as web design, are always rewarded
![Page 23: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/23.jpg)
SHOW HOW YOU’RE EVOLVING
Adopting modern design trends to fit your branding shows growth and competitiveness
![Page 24: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/24.jpg)
BE IMPOSSIBLE TO IGNORE
Leverage modern design trends to create bold, vibrant web experience to broadcast yourself
![Page 25: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/25.jpg)
Looking at Modern Web Design
![Page 26: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/26.jpg)
LARGE DESIGN ELEMENTS
• Contradicts “above the fold” but gives more attention to content
• Bigger typography = impossible to ignore
• Simplicity: less but bigger means more engaging
• Tie into other mediums: print, tv, etc.
![Page 27: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/27.jpg)
LONG SCROLLING SITES
• People are willing to scroll, why not make it exciting
• Longer, larger regions give more space and importance to content
• A linear experience is easier and more enjoyable
• Easier to change look, and therefore feel, per region
• Strategize, make an impact with your long site
![Page 28: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/28.jpg)
LARGE DESIGN ELEMENTS • Concerned about “below the
fold”? Remove the fold!
• Make navigation do the work
• Leverage banner detail text
• A one-page site can’t be boring
• Simplicity is still key, don’t overcrowd
![Page 29: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/29.jpg)
HIGH QUALITY PHOTOGRAPHY
• Never underestimate the importance of well planned photography
• Beautiful engaging photos reduces need for text content
• Let photos convey emotion and personality
• Create the experience through photography
• Photos, like content, can get crowded.
![Page 30: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/30.jpg)
MINIMALIST DESIGN
• Minimalist design removes distractions and gets straight to the point
• Simplicity looks clean, organized, and driven
• Leverage negative space to give more impact to minimal content
• keep your design balanced, aligned, and high contrast
![Page 31: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/31.jpg)
FIXED WIDTH LAYOUT
• Design trends come full circle - used to be dated, has been revived
• Maintain users focus with boundaries for content
• Maintain the linear experience
• Old school doesn’t mean boring - Take an old classic and find ways to make it engaging
![Page 32: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/32.jpg)
STORYTELLING LAYOUT • Use a linear structure to
create the perfect first impression for your school
• Create a “ride” the user can get off any time they want to - provide links to other content in each section
• Show step by step why your school is perfect for the user
• Less of a site, more of an experience
• Strategize, tell the story in the best order, don’t give too much or too little
![Page 33: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/33.jpg)
GRID CONTENT
• Everything easy to find
• Maximize use of page real estate
• Interface design is more engaging
• Redirect items to individual pages
• Mainly appropriate for sites that don’t need as much functionality on hp, instead need portal to rest of site
![Page 34: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/34.jpg)
Let’s Talk About Things
![Page 35: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/35.jpg)
MODERN TRENDS KEEP YOU ON THE FOREFRONT OF DESIGN
THEY BALANCE CREATIVITY, EFFECTIVENESS, AND EXPERIENCE
BUT STRATEGY IS THE KEY TO MAKING MODERN DESIGN WORK
COOL DESIGNS MEAN NOTHING IF THEY CAN’T BE MANAGED EASILY
![Page 36: The school’s guide to modern design trends corwin bermudez](https://reader033.fdocuments.us/reader033/viewer/2022042701/55c3d4f3bb61ebf34b8b45fe/html5/thumbnails/36.jpg)
Fin L E T ’ S H A V E S O M E Q U E S T I O N S !