7 Silent UI Hacks That Web Designers Use To Make Better Websites

Поделиться
HTML-код
  • Опубликовано: 4 июл 2024
  • Web design has a number of hidden trips and tricks that help you build better looking websites. In this video I explore some of the unsaid ways that designer use to build better looking sites. These are things I've learned over the years, some might be general knowledge others not mentioned much, but they are small ways I make my UI / user interfaces just look a bit better.
    1. Inspiration Board
    2. Unique Font Family
    3. Line Height
    4. Font Kernelling
    5. Picking Colors
    6. Color Gradients and Combinations
    7. Micro Animations
    #ui #website #design
    Check out my courses!
    📘 Teach Me Design: www.enhanceui.com/
    📚 OpenAI GPT: enhanceui.gumroad.com/
    Join my Community!
    🟣 Discord: adrian-twarog.hopp.to/wix-studio
    Software & Discounts!
    📦 Admin Templates and UI Kits: bit.ly/themeselection15
    🖥️ Screen Recorder: screenstudio.lemonsqueezy.com?aff=po745
    ⛌ Wix Studio: wix.com/studio/?...^social&experiment_id=^yt
  • НаукаНаука

Комментарии • 18

  • @leadgenjay
    @leadgenjay 2 месяца назад +1

    Great insights on enhancing UI design. Adding to the point on micro animations, subtle use of animation can guide users' attention and improve usability without overwhelming them - it's all about finding that sweet spot.

  • @marginiszero
    @marginiszero 2 месяца назад +1

    As a frontend developer, I love this video bro❤❤

  • @Sumi-ql3wj
    @Sumi-ql3wj 2 месяца назад +1

    May I know what font are you using in 1:43

  • @FaizanAnwerAli
    @FaizanAnwerAli 2 месяца назад

    Can you share the acutal working sites that you showed in this animation part? Also the inspiration websites.

  • @uifry
    @uifry 2 месяца назад

    Great Insight :)

  • @WafflesGiraffles
    @WafflesGiraffles 2 месяца назад +1

    Recommendations for tools regarding #7?

  • @francisnjugunaldc
    @francisnjugunaldc 2 месяца назад

    To be honest that video was more than helpful bcz am currently designing a website for my saas and that will help a lot🎉

  • @jacobpjohnson
    @jacobpjohnson 2 месяца назад +5

    Font Kerneling

    • @VincentLlora
      @VincentLlora 2 месяца назад

      Right? 😂

    • @Line49Design
      @Line49Design 2 месяца назад

      He was actually demonstrating Tracking (ie letterspacing), so seems double wrong

    • @VincentLlora
      @VincentLlora 2 месяца назад

      ​@@Line49Design Correct, kerning is adjusting space between specific pairs of characters (fine tuning, such as when making a logo), while tracking is adjusting the letter space for all text in a line or block of text

  • @SarahEzzitouni
    @SarahEzzitouni 2 месяца назад

    could you share any resources to make microanimations easier on websites please?

  • @MrColdstop
    @MrColdstop 2 месяца назад

    How long did it take you to improve your skills in web design?

  • @micbab-vg2mu
    @micbab-vg2mu 2 месяца назад

    nice

  • @shayantriedcoding
    @shayantriedcoding 2 месяца назад +4

    Hi everyone