Visual Design Elements

💎 Accessibility For Designers Checklist (PDF: https://lnkd.in/e9Z2G2kF), a practical set of cards on WCAG accessibility guidelines, from accessible color, typography, animations, media, layout and development — to kick-off accessibility conversations early on. Kindly put together by Geri Reid. WCAG for Designers Checklist, by Geri Reid Article: https://lnkd.in/ef8-Yy9E PDF: https://lnkd.in/e9Z2G2kF WCAG 2.2 Guidelines: https://lnkd.in/eYmzrNh7 Accessibility isn’t about compliance. It’s not about ticking off checkboxes. And it’s not about plugging in accessibility overlays or AI engines either. It’s about *designing* with a wide range of people in mind — from the very start, independent of their skills and preferences. In my experience, the most impactful way to embed accessibility in your work is to bring a handful of people with different needs early into design process and usability testing. It’s making these test sessions accessible to the entire team, and showing real impact of design and code on real people using a real product. Teams usually don’t get time to work on features which don’t have a clear business case. But no manager really wants to be seen publicly ignoring their prospect customers. Visualize accessibility to everyone on the team and try to make an argument about potential reach and potential income. Don’t ask for big commitments: embed accessibility in your work by default. Account for accessibility needs in your estimates. Create accessibility tickets and flag accessibility issues. Don’t mistake smiling and nodding for support — establish timelines, roles, specifics, objectives. And most importantly: measure the impact of your work by repeatedly conducting accessibility testing with real people. Build a strong before/after case to show the change that the team has enabled and contributed to, and celebrate small and big accessibility wins. It might not sound like much, but it can start changing the culture faster than you think. Useful resources: Giving A Damn About Accessibility, by Sheri Byrne-Haber (disabled) https://lnkd.in/eCeFutuJ Accessibility For Designers: Where Do I Start?, by Stéphanie Walter https://lnkd.in/ecG5qASY Web Accessibility In Plain Language (Free Book), by Charlie Triplett https://lnkd.in/e2AMAwyt Building Accessibility Research Practices, by Maya Alvarado https://lnkd.in/eq_3zSPJ How To Build A Strong Case For Accessibility, ↳ https://lnkd.in/ehGivAdY, by 🦞 Todd Libby ↳ https://lnkd.in/eC4jehMX, by Yichan Wang #ux #accessibility

If you’re new to the complexities of color accessibility standards — like I was at the start of this project — here’s a distilled cheat sheet that can help you make the most of our new tool in Figma. We know this can be a bit daunting at first, so we put a lot of care into this feature, trying to make it as simple as possible for you. Whether you’re brand new to this concept, or a seasoned a11y pro, you can start leveraging this right away. Here are the basics: → Strong color contrast makes your designs more inclusive by improving readability for users with visual impairments. → A contrast ratio is simply the foreground compared to the background, the higher the number, the higher the contrast, the more inclusive it is. This ratio is automatically calculated in real-time and displayed in the top left corner of the color picker. → We built everything using the WCAG 2.2 standard, which is widely accepted and most commonly used. That standard has categories and levels defined, which are available to you in the settings menu. → Figma will automatically detect the appropriate category of the layer you have selected, but you can override this if you need to from the settings menu. → Level AA is good for most projects, and is the Figma default. → Level AAA is considered above and beyond, and is good for projects that have enhanced needs. → Large text is considered at least 24px or Bold 19px. → Normal text is considered below 24px or Bold 19px. → Graphics are considered icons, controls, and other elements that have meaning. (BTW Level AAA does not exist for this category, so if you see your level changing on you, this is probably why.) → You’ll see AA or AAA in the top right corner, alongside a pass/fail icon. This is your stable place to find the status at any point. → You’ll see a pass/fail boundary line on the color spectrum, use this as a visual aid to choose a color that meets your goals. → You’ll also see a dotted pattern on the color spectrum, this is the fail zone. If your color is in this area, you can click on the fail indicator in the top right corner to auto-correct it to the nearest passing color. → If you need to know the background color that was auto-detected, click the contrast ratio in the top left corner to open a flyout with more color info. We blend together any transparent background elements as well, so this value may be technically undefined in your file, but we’ve done it this way to be as accurate as possible to what you see on the canvas. → In more complex layer structures (such as overlapping elements), or complex color scenarios (such as multiple colors, gradients, or images), the calculations may not be possible. If you find that’s the case for your design, we recommend duplicating and isolating the foreground and background elements you want to evaluate onto a clean part of the canvas. Let us know if you have questions, and happy contrasting!

The psychology of presentations. 7 science-backed principles to deliver your message. Most presenters focus on their slides. They are happy to give information and get through without stumbling. But top 1% communicators don’t want to play defense. They want to play offence and make sure they move people to action. What I teach my CEO coaching clients is to focus on their audience’s brain. 🧠 Fortunately, the psychology of presentations is no longer a mystery. I cover it in the opening chapter in my book Message Machine — “Revealing the hidden psychology of communications.” Here are 7 psychology-based principles that will transform how you present: 1) 𝐓𝐡𝐞 𝐀𝐮𝐝𝐢𝐞𝐧𝐜𝐞 𝐌𝐞𝐦𝐨𝐫𝐲 𝐂𝐮𝐫𝐯𝐞 ↳ Start and end with impact. ↳ People remember the beginning and the end — make those moments count. 2) 𝐓𝐡𝐞 𝐒𝐩𝐥𝐢𝐭-𝐀𝐭𝐭𝐞𝐧𝐭𝐢𝐨𝐧 𝐄𝐟𝐟𝐞𝐜𝐭 ↳ Don’t narrate your slides. ↳ Reading text aloud while it’s on-screen splits focus and reduces retention. Use simple visuals to reinforce, not repeat. 3) 𝐃𝐮𝐚𝐥-𝐂𝐡𝐚𝐧𝐧𝐞𝐥 𝐏𝐫𝐨𝐜𝐞𝐬𝐬𝐢𝐧𝐠 ↳ Pair your message with meaningful visuals. ↳ The brain processes visuals and audio separately. Used wisely, this boosts clarity — but irrelevant images just distract. 4) 𝐂𝐨𝐠𝐧𝐢𝐭𝐢𝐯𝐞 𝐋𝐨𝐚𝐝 𝐓𝐡𝐞𝐨𝐫𝐲 ↳ Clarity is king. ↳ Every extra word or graphic adds cognitive strain. Trim slides to essentials that your audience can absorb instantly. 5) 𝐆𝐞𝐬𝐭𝐚𝐥𝐭 𝐏𝐫𝐢𝐧𝐜𝐢𝐩𝐥𝐞𝐬 ↳ Design with the brain in mind. ↳ Group elements logically. Consistency, proximity, and alignment help the brain form patterns — and improve recall. 6) 𝐀𝐯𝐨𝐢𝐝 “𝐒𝐞𝐝𝐮𝐜𝐭𝐢𝐯𝐞 𝐃𝐞𝐭𝐚𝐢𝐥𝐬” ↳ If it doesn’t support your point, cut it. ↳ Fun facts or flashy visuals that don’t serve your message? They dilute impact. 7) 𝐅𝐚𝐦𝐢𝐥𝐢𝐚𝐫𝐢𝐭𝐲 𝐁𝐢𝐚𝐬 ↳ Use conversational language. ↳ Audiences absorb more when your delivery sounds natural. Skip jargon. Speak like a trusted guide. 💬 Which principle do you use most? - - - - ♻️ Repost to help others, too. And follow Oliver Aust for more on leadership communications. ♟️ Want to become a top 1% communicator? Reach out here: https://lnkd.in/e6ypKGEP

Catch Eyes, Capture Hearts. Contrast is one of design's oldest tools and still one of its sharpest. It shapes how we see, what we register and where our attention goes. Without it, design loses energy and definition. You see it clearly in a black and white photograph. The tension between light and dark gives it depth and emotion. The same instinct drives architecture, branding and packaging because difference creates meaning. A glass tower beside old brickwork tells a layered story about time and progress, each element gaining strength because the other exists. Branding works the same way. Contrast is often the reason a product stops you mid‑scroll or makes you reach for the shelf. A hit of vivid colour against calm neutrals, a matte surface cutting through shine, a rigid form eased by curve. These cues signal that something deserves attention. Designers are pushing this further through hyper‑contrast packaging. Patterns, stripes and grids meet bold colour and tactile layers, turning shape and finish into instant attention magnets. Swiss structure meets fragrance storytelling in this design by Ard. Precise geometry, bold typography and intricate detail work together to build a visual rhythm that echoes the scent inside. The whole pack runs on that tension. 📷ARD

Timeless inspiration to boost modern designs! In an age where AI, the metaverse, and augmented reality dominate design landscapes, vintage fragrance advertisements from the 1960s through the 1980s remind us of the enduring power of timeless creativity. >1. CANVAS COMPOSITION: The Foundation of Impact The strongest vintage designs thrived on impeccable composition, borrowing techniques from photography to draw the viewer in. +Dynamic diagonals to lead the eye. +Focal points to anchor attention. +Rhythms and patterns for flow and movement. The lesson? Strong compositional choices are not only visually arresting but also reinforce brand values. Every element on your canvas should work in harmony to captivate the audience. >2. COLLAGE: Layered Creativity. Vintage advertisements often integrated mixed media, combining photography, drawing, painting, and collage techniques. These limitations spurred creative innovation, resulting in visuals that felt rich and multi-dimensional. +What to take away: Experiment with layering textures, imagery, and formats to add depth to your designs, evoking that iconic handcrafted allure. >3. CHIAROSCURO AND EXPLOSIVITY: The Drama of Contrast. The dramatic interplay of light and shadow (chiaroscuro) was a hallmark of these posters. Flat, bold inks heightened visual drama, emphasizing contrasts and creating powerful compositions. +Modern application: Use contrasts thoughtfully to evoke mood and intensity, ensuring your design stands out even from afar. >4. THE HUMAN HAND: Authenticity in the Artist’s Touch. Hand-painted posters revealed the artist’s personality, with visible brushstrokes and imperfections adding character. This personal touch offered an authenticity and uniqueness, elevating the perceived value of the product. +Today’s relevance: Even in a digital world, integrating hand-drawn elements or imperfections can evoke the same sense of craftsmanship, particularly for luxury or bespoke brands. Final thought. Vintage advertising shows us that creativity thrives within constraints. By revisiting these analog approaches, we can create distinctive, memorable designs that stand apart in the AI-driven design landscape. Technology is a tool, not the driver of creativity, use it to amplify, not replace, the timeless principles of art and design. Get inspired by my curated selection of visuals and craft your next Hit! #beauty #beautybusiness #beautydesign #fragrancedesign #fragrancesbusiness

Happy Global Accessibility Awareness Day everyone! It's a great day to remind people, that, accessibility is the responsibility of the whole team, including designers! A couple of things designers can do: - Use sufficient color contrast (text + UI elements) and don’t rely on color alone to convey meaning. - Ensure readable typography: support text resizing, avoid hard-to-read styles, maintain hierarchy. - Make links and buttons clear and distinguishable (label, size, states). - Design accessible forms: clear labels, error help, no duplicate input, document states. - Support keyboard navigation: tab order, skip links, focus indicators, keyboard interaction. - Structure content with headings and landmarks: use proper H1–Hn, semantic order, regions. - Provide text alternatives for images, icons, audio, and video. - Avoid motion triggers: respect reduced motion settings, allow pause on auto-play. - Design with flexibility: support orientation change, allow text selection, avoid fixed-height elements. - Document accessibly and communicate: annotate designs, collaborate with devs, QA, and content teams. Need to learn more? I got a couple of resources on my blog: - A Designer’s Guide to Documenting Accessibility & User Interactions: https://lnkd.in/eUh8Jvvn - How to check and document design accessibility in your mockups: a conference on how to use Figma plugins and annotation kits to shift accessibility left https://lnkd.in/eu8YuWyF - Accessibility for designer: where do I start? Articles, resources, checklists, tools, plugins, and books to design accessible products https://lnkd.in/ejeC_QpH - Neurodiversity and UX: Essential Resources for Cognitive Accessibility, Guidelines to understand and design for Dyslexia, Dyscalculia, Autism and ADHD https://lnkd.in/efXaRwgF - Color accessibility: tools and resources to help you design inclusive products https://lnkd.in/dRrwFJ5 #Accessibility #ShiftLeft #GAAD

There’s something almost magical about watching an idea come alive on a big board or wall. I first experienced this in a workshop many years ago, when instead of PowerPoint slides and endless talking, a facilitator picked up a pen and began sketching what we were saying. Within minutes, the noise in the room turned into clarity. Arguments softened. Ideas grew. Patterns emerged. Suddenly, we weren’t just talking at each other, we were thinking together. That’s the power of graphical facilitation. I've found that visuals create shared understanding. When people see their ideas drawn out, it feels tangible, real, and owned. Visuals cut through complexity. A messy conversation can be captured into a simple diagram that shows how the pieces fit together. Visuals open space for creativity. They invite people to build, adapt, and challenge without getting lost in jargon. It’s not about art. Stick figures and simple shapes are enough. It’s about capturing meaning, making the invisible visible. Here’s where leadership comes in. Graphical facilitation is really powerful when you combine it with the right questions. imagine a leader asking: “What does success look like for us?” and the group sketch the answers into a shared picture. “Where are the bottlenecks in our system?” and mapping them visually with the team. “If this project were a journey, where are we on the map?” and drawing a road with milestones. "What do our customers really experience?" and mapping out the end to end customer journey. This simple combination does something slides never can: it invites people in. It shows them their voice matters, that leadership is not about having the answer but creating the conditions for the best answers to emerge. Try this to get started...: 1. Grab a flipchart or whiteboard. The bigger, the better. 2. Frame a powerful question. Something open, generative, and focused on possibilities. 3. Draw as you listen. Use arrows, boxes, circles, stick people nothing fancy. Capture the flow of ideas. 4. Step back together. Ask: “What do we notice?” or “What stands out?” This is where new insights often spark. 5. Co-create the next step. The group’s picture becomes the group’s plan. In times of complexity, speed, and change, leaders can no longer rely on being the person with the answer. The role has shifted: leaders must become facilitators of thinking, collaboration, and creativity. Graphical facilitation is a leadership skill for the future. It's a way to make ideas visible, align people quickly, and engage teams in solving problems together. And here’s the truth: once people have seen their ideas come to life on the wall, they rarely forget it. It creates ownership, energy, and momentum that words alone can’t achieve. If you want better collaboration, don’t just talk at your team. Draw with them. Ask the right questions. Sketch the answers. Make the invisible visible. You’ll be surprised at what emerges when the pens are in play!

L.A. artist Darel Carey uses electrical tape, a knife, and a ladder to warp our sense of space. His art makes you pause, step back, and question what you’re seeing. But how can art help your brand? ➡️ Want to step into another dimension? Carey’s work invites you in. Carey taps into liminality—designing spaces that disconnect from the usual and invite deeper engagement. Inspired by MC Escher’s geometric illusions, his lines and patterns transform surfaces, creating environments that demand attention. Takeaways for brands and spaces: 🧠Visually intriguing spaces increase emotional engagement and time spent in-store (Environment and Behavior study). 🧠Unique visual elements stimulate the brain, enhancing mood and memory (Journal of Environmental Psychology). 🧠When a space feels distinct and unexpected, visitors are more receptive to the brand’s message. Imagine retail, dining, or hospitality environments that intrigue, engage, and linger in memory. Spaces that challenge perception also capture attention and build lasting connections. Ready to rethink your environment? #DesignMatters #NeuroAesthetics #BrandExperience #CreativeSpaces #RetailDesign #Retail #Creativity #Inspiration Grant Dudson Nuno Antunes AMAR ALNΞMΞR ☀️🚀

Here's something that surprises people: WCAG has no minimum font size requirements. Your site could use 8px text and still technically pass accessibility standards. But real users with low vision? They're struggling to read anything on your site. "But users can just zoom in or resize text in their browser," you might think. Sure, they can. But most people don't know that's even an option. And even if they do, why should we make them work harder to access basic content? This is exactly why compliance ≠ accessibility. I see this gap all the time when working with teams. They'll run automated scans, fix the flagged issues, and think they're done. But accessibility isn't just about passing tests – it's about real people having real experiences with your content. The best accessible sites go beyond technical requirements. They ask: "Can someone actually use this?" Not just "Does this validate?" Some other compliance gaps I see regularly: • Keyboard navigation that technically works but feels clunky or confusing • Alt text that describes images but misses the context or purpose • Color contrast that meets ratios but still feels hard to read in real conditions • Forms that are properly labeled but have unclear error messages True accessibility happens when we design for humans, not just validators. What compliance gaps have you noticed in your work? I'm curious what patterns others are seeing out there. #Accessibility

🥗 The Power of Color in Design Color plays a key role in design, shaping emotions, interactions, and perception. Whether in branding, websites, or print, a well-chosen color palette enhances readability, directs attention, and strengthens messaging. 🥗 Color Balance for Harmony Using colors correctly creates a smooth, natural design. Without balance, a design can feel overwhelming or confusing. Key elements of color balance: • Proportion: Distributing dominant, secondary, and accent colors effectively. • Contrast: Ensuring colors complement rather than clash. • Saturation & Brightness: Adjusting intensity for the right visual impact. • Context: Choosing colors that suit the medium (print, digital, branding). 🥗 How to Achieve Good Color Balance? A simple guideline helps maintain harmony: • Main color (60-80%) – The base color that sets the tone. • Secondary color (15-30%) – A complementary color to add contrast. • Accent color (5-10%) – A highlight color used for emphasis. 🥗 Opacity Adjustments for Depth & Focus Varying opacity can soften backgrounds, enhance readability, and create a layered, visually appealing design. 🥗 Tinted Whites for Warmth & Coolness Instead of pure white, slight tints create a more refined and cohesive look, blending better with surrounding colors. 🥗 Muted and Darkened Tones for Subtle Contrast Softening or darkening colors maintains contrast without being too harsh, resulting in a more sophisticated, polished design. 🥗 The Minimalist Approach (When Less is More) A simple color palette can be just as powerful as a complex one. Monochrome or closely related colors create a timeless, elegant look that enhances clarity and professionalism.