CIS100_-_Week_2_-_Reading_Notes - 10 Innovative Web Design Trends for 2019 Serifs on Screen \u25cf \u25cf \u25cf \u25cf \u25cf \u25cf Sans has clean readability and still

CIS100_-_Week_2_-_Reading_Notes - 10 Innovative Web Design...

This preview shows page 1 - 3 out of 9 pages.

10 Innovative Web Design Trends for 2019 Serifs on Screen Sans has clean readability and still go-to for longer texts More brands are turning towards bold serifs in headers and callouts Serifs were designed to be decorative, making them perfect for emphasis Serif are associated with past but have lots of character Rounded serifs can make cheerful-looking branding Wedge serifs and bold strokes create modern look Black-and-White Palettes Color is important element in website Sets mood, unifies brand and guides users through interactive by creating visual landmarks Textures and shapes become clearer without color White is clean and reserved while black is strong and assertive Black-and-white designs are effective in their combination Accent color breaks up monochrome, creates points of interest and calls-to-action leap out Natural, Organic Shapes Natural shapes and smooth lines Geometric structures like squares, rectangles, triangles with sharp corners create sense of stability Organic shapes are naturally imperfect and asymmetrical They can provide depth to web design that makes page elements stand out Based in nature but free-drawn elements can capture spontaneity Goal is for web designs to feel human and alive through illusion of movement Glitch Art Crinkled film or slow dial-up connection led to distorted, striking image Breakdown of technology makes for appealing subject as idea and in its design execution Can draw viewer's eye to parts of site that are warped, double exposed and glitchy Amplifies feeling of disorientation by giving websites psychedelic look Micro-Interactions Surprises user and creates event that is inviting + human Every time you take small action on website or app and there's specific response to it Examples Twitter page and beep Facebook and red message icon Hover and scrolling animations, chimes, etc Subtly transmits info to users about actions and uses Makes web pages feel smarter
Chatbots Evolve Due to advancements in AI and machine learning, more intelligent and efficient Chatbots will have higher levels of customization Bright colors make them more prominent and inviting Increase of friendly mascots to represent brands and give bots personable face Even More Video Content Diverifies page and caters to on-the-go audience who don't have time to scan through lots of text New: Google features video content above standard web pages Led websites to prioritize video production to make themselves easily searchable and offer content in most efficient, shareable way Minimalism Fewer elements and content on website, less audience has to think If website is designed correctly, it'll show user exactly what they're looking for Animations and fade-in effects that make scrolling more engaging will give web pages freedom to Space out their content, resulting in more whitespace Contrast and clear typography without too many distracting elements Thumb-Friendly Navigation

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture