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

Ғылым және технология

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

  • @marginiszero
    @marginiszeroАй бұрын

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

  • @leadgenjay
    @leadgenjayАй бұрын

    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.

  • @CodexCommunity

    @CodexCommunity

    Ай бұрын

    Completely agree!

  • @uifry
    @uifryАй бұрын

    Great Insight :)

  • @jacobpjohnson
    @jacobpjohnsonАй бұрын

    Font Kerneling

  • @VincentLlora

    @VincentLlora

    Ай бұрын

    Right? 😂

  • @Line49Design

    @Line49Design

    Ай бұрын

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

  • @VincentLlora

    @VincentLlora

    Ай бұрын

    ​@@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

  • @Sumi-ql3wj
    @Sumi-ql3wjАй бұрын

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

  • @FaizanAnwerAli
    @FaizanAnwerAliАй бұрын

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

  • @francisnjugunaldc
    @francisnjugunaldcАй бұрын

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

  • @WafflesGiraffles
    @WafflesGirafflesАй бұрын

    Recommendations for tools regarding #7?

  • @SarahEzzitouni
    @SarahEzzitouniАй бұрын

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

  • @micbab-vg2mu
    @micbab-vg2muАй бұрын

    nice

  • @MrColdstop
    @MrColdstopАй бұрын

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

  • @ShayansCodeCommunity
    @ShayansCodeCommunityАй бұрын

    Hi everyone

  • @CodexCommunity

    @CodexCommunity

    Ай бұрын

    Hey!

  • @francisnjugunaldc

    @francisnjugunaldc

    Ай бұрын

    Hello you

Келесі