The 5 Design Principles (But in Web Design)

Sdílet
Vložit
  • čas přidán 25. 06. 2024
  • CONTRAST***
    Text Alignment Video: • Text Alignment in Web ...
    50 Website Mistakes: • 50 Website Design Mist...
    Music: / joakimkarud
    Support me on Patreon so I can post more videos: / thewebsitearchitect

Komentáře • 75

  • @thewebsitearchitect
    @thewebsitearchitect  Před rokem +129

    So, I spelt contrast wrong in the video. Please forgive me

    • @estycki
      @estycki Před rokem +15

      One of the main reasons I went into web design is because it's really easy to change my spelling mistakes, it's a disaster for print. One time I worked under a senior designer and I pointed out her packaging design sample said Made in Cananda "Oh, is Cananda a real place?" and the whole office panicked because those were in Bed Bath and Beyond 😆 they got so mad at me because I couldn't stop laughing.

    • @thewebsitearchitect
      @thewebsitearchitect  Před rokem +8

      @@estycki Lol, English was never my strongest class. I recognize your username, I appreciate you supporting the channel!

    • @morethanpixls
      @morethanpixls Před rokem +5

      You spelled “spelled” wrong here too. But it’s all good.

    • @skyeleigh100
      @skyeleigh100 Před rokem +4

      @@morethanpixls He actually didn't, there are 2 different acceptable spellings of it. Spelt is just less common.

    • @jonathankimball8548
      @jonathankimball8548 Před rokem

      Something about the presentation may make it slightly harder to notice, but once you know it's there you can't not see it.
      I've committed more than my share of similar errors.

  • @Eric-rf6te
    @Eric-rf6te Před rokem +47

    Plot Twist: He's a genius and he knew we would all comment about the word CONTAST, increasing the engagement signal for the video.

  • @BrentMalice
    @BrentMalice Před 5 měsíci +6

    you sound like summonin salt, and you are speedrunning entire courses in 10min videos so it kinda fits. thanks fam

  • @Nobody90019
    @Nobody90019 Před rokem +13

    You inspired me to buy "Don't make me think revisited by Steve Krug." I read it cover to cover. It was really enlightening. Thank you.
    I also bought most of the books that Steve recommended, such as "The Design Of Everyday Things - by Donald Norman" and another book about web forms.
    I have a stack of books now, and I've been making progress on reading them while I lie awake at night. I wanted to share.
    I hope you continue making videos. You have a niche that people need to hear. Your logical approach reminds me of another content creator I watched and learned so much from.

  • @ABC-jq7ve
    @ABC-jq7ve Před rokem +6

    The information is so great and the videos perfect. And it’s such a shame that they don’t make a “start here” playlist with all the beginner level stuff - I would totally binge watch the list.

  • @iverstim
    @iverstim Před 5 měsíci +2

    I’m so glad I found your channel. I’ve learned so much. Excellent content. Thank you!

  • @williampettifor9968
    @williampettifor9968 Před rokem +2

    This is such an undervalued piece of content, great job.

  • @garye729
    @garye729 Před rokem +1

    Thank you Aaron, great straight forward content. Much appreciated.

  • @jalapreviews
    @jalapreviews Před rokem +1

    Underrated channel. superb quality and content.

  • @atifahidari3449
    @atifahidari3449 Před rokem

    binge watching all your vids! love them, learning a lot

  • @metanoia6033
    @metanoia6033 Před 6 měsíci

    Very grateful for coming across this channel!

  • @mworth73
    @mworth73 Před rokem +1

    love this channel. informative but fun... in a deadpan kind of way.

  • @ZachACraigRE
    @ZachACraigRE Před 9 měsíci +1

    This video was super helpful! I'm new to website design, and I was making some major mistakes. Thank you!

  • @elizabethpage7264
    @elizabethpage7264 Před rokem

    Thank you for being informative and down to earth.

  • @peterkornos8749
    @peterkornos8749 Před rokem +1

    Thank you. This was very informative and exactly that I was looking for. Definitely I will check your other videos. Once again, thanks.

  • @djc24
    @djc24 Před rokem

    Super informative and entertaining. I like your presentation style and humor.

  • @oaooaoipip2238
    @oaooaoipip2238 Před rokem +7

    Contast is importatn

  • @marexibinsa2915
    @marexibinsa2915 Před měsícem

    Great video! Some key points were highlighted that I hadn't heard anyone else discuss. Thank you!

  • @brucemcclelland904
    @brucemcclelland904 Před 2 měsíci

    If you look at the two colors in the first capital T in 'CONTRAST", the lighter color on the right makes a kind of lowercase 'r', so you can read it as a very clever way of misspelling CONTRAST without misspelling CONTRAST. Obviously, intentional.

  • @user-ld1gc2dm9m
    @user-ld1gc2dm9m Před rokem

    Great video! Thank you for posting.

  • @henrythomas7112
    @henrythomas7112 Před rokem

    I like your video presentation. It is informative too, at the same time. Thanks a lot for your guidance!

  • @ValleyDigitalMarketing

    Very much appreciate your content, take care sir.

  • @pankaj2652
    @pankaj2652 Před rokem

    really loved it 🤩

  • @ArtifexonResearch
    @ArtifexonResearch Před rokem +1

    In contrast, great video

  • @infographie
    @infographie Před 4 měsíci

    Excellent.

  • @TheGuyCalledCarl
    @TheGuyCalledCarl Před 4 měsíci

    Great vid bruv 👌🏻

  • @libinthathappilly
    @libinthathappilly Před rokem +5

    Your content is really good. Informative, well structured, crisp, practical and actually useful. Thank you. ❤
    One other thing, can't you use the acronym 'B CRAP' for the basic principles? (Because is sounds like be crap, obviously 😁)

  • @impact.blitz23
    @impact.blitz23 Před 2 měsíci

    Your videos really help me, you explain everything really good, so that even I can understand everything perfectly (I am actually german and english was my 3rd language, but still tho you explain everything on an understandable basis). But the reason I leave a comment is not because of how I like your videos, I honestly just wanted to ask what program you are using for these graphics you sometimes put into the video (I mean something like at 2:17 where you talk about different types of balance), I would really appreciate a response. But if you will not see this comment do not worry, for I will still stay subscribed and like your videos!

  • @johndavenport8843
    @johndavenport8843 Před rokem

    Funny and good stuff!

  • @brietopbaby8383
    @brietopbaby8383 Před rokem

    Very helpfull 🙌

  • @SuriyaWetzler
    @SuriyaWetzler Před rokem

    Your doing great videos....just great....i have watched almost all of ur videos.....u know a lot....but u made very less videos that in some cases is opposite of some CZcamsrs with the same content....u deserve very higher likes n subscription.....but u need to be more consistent...i know u know better....anyway....thank u n appreciate sharing your knowledge 🙏🌺👍🙏🌺👍

  • @faiizanhussain3276
    @faiizanhussain3276 Před 9 měsíci

    You're creating amazing content that's quite helpful in real life. I visited your site but to my surprise, I can't find any good websites with the principles/techniques that you're telling. Neither the pricing that you've mentioned matches the type of work you've listed in the portfolio section. Please tell me if I missed something? I've following you for a long.

  • @FreyaWilliams-ze7lc
    @FreyaWilliams-ze7lc Před 2 měsíci

    Balance
    Alignment
    Proximity
    Repetition
    Contast

  • @weezyf775
    @weezyf775 Před 11 měsíci

    I'm glad you said you didn't give a fuck about these principles, bc it's such a gray area for me. I feel like these principles are a failed attempt to add rigid rules to design..or at least to describe in words what people find visually appealing. Maybe my problem with it is the use of the word "principles" instead of something like "guidelines" or "suggestions."
    You mention "there's almost a subconscious effect" - I would argue it's almost all subconscious, in fact, the primary goal of UX is to organize information in a way to doesn't make people stop and think.
    When I look at a design I like, I don't think, "Oh the use of proximity is immaculate!" Rather than adding the picture of an elephant on the page titled zebra, put it on the page titled elephant because that way users will understand the correlation. Brilliant! 👏
    It's a blend of common sense and evolving trends which became expectations. Over time trends evolved, certain things caught on, people recognized the patterns and now they expect those patterns. It may not always be "better," but it's expected by somebody who is familiar; on the other hand, if you take someone from Japan, whose design expectations are completely different, they'd be lost. Does that mean their design is bad? Japan is certainly an outlier, but it's an interesting question - there's a great video on this called "why Japan's internet is weirdly designed".
    Anyways - I appreciate your video and honesty.

  • @aminakombowork
    @aminakombowork Před rokem

    Contast. 😅
    I'm watching this twice cos there are a lot of good points and I need improvement in all 5 principles.

  • @ABCD-ez3fo
    @ABCD-ez3fo Před rokem

    10/10

  • @mikephillips7522
    @mikephillips7522 Před 15 dny

    Wow

  • @kaleb-ledinaction
    @kaleb-ledinaction Před rokem +1

    CONTAST

  • @legin2096
    @legin2096 Před 2 měsíci

    Im going for B CRAP, easy for me to remember 😂

  • @luce8533
    @luce8533 Před 4 měsíci

    now i want to break all these principles and make the worst website possible... as a test 😂

  • @mediocreTyler
    @mediocreTyler Před rokem

    You put contast instead of contrast

  • @nephydecode6945
    @nephydecode6945 Před rokem +3

    I guess what you're sharing here is B CRAP 😂

  • @MattCurney
    @MattCurney Před 11 měsíci

    ✍️ CONTAST ✍️

  • @chumleyk
    @chumleyk Před 6 dny +1

    This is junior advice. You must be careful to caveat your advice based on your experience level and the goal of the website examples you are showing, especially ones from brands, agencies, and designers who are far more experienced than you. You have to learn these rules before you can break them for greater reasons, some of the sites did that here that you aren't experienced enough to talk about.

  • @celiamangham8455
    @celiamangham8455 Před 10 měsíci

    I really wish you didn't use profanity in the videos so I could recommend them to my high school web design students to watch.

    • @kararishere7374
      @kararishere7374 Před 6 měsíci

      Its high school man, they use it all the time

  • @MrGigland
    @MrGigland Před 3 měsíci

    since you decided to use profanity, you'e just excluded a bunch of listeners, shame cus the video is good

    • @MrHellmager
      @MrHellmager Před 3 měsíci

      Surely this is only a problem when children are the target audience. Adults can hear a few swear words while without being distracted from the content they are watching just because of profanity.

  • @juliecurtis2655
    @juliecurtis2655 Před 11 měsíci +1

    I'm a beginning UI/UX designer, and while I did find some of your tips useful... you make these very dogmatic statements as if you are the creator of web design. A lot of your videos are expanding emphasis on bad websites and spending very little time going in depth on the good ones. I've watched 2 of your videos and have decided to move on to another channel because there's little information about HOW to do the methods. I need strategies, solutions, and answers. Not criticizing and critiquing.

    • @Videosuser
      @Videosuser Před 11 dny

      I agree, a lot of dogmatic statements without consdering context and telling why. I also think that a few of the bad examples(the "misaligned" white text on black background interface, for example) are breaking a design rule on purpose since the rest of the design follow the rules, it's not simply about being unique, but about creating visual tension and saving some space. The text is presented so big that is not harder to read at all.

  • @user-nc3o-Mila
    @user-nc3o-Mila Před 4 měsíci

    10/10

  • @user-mx1ek4sl2m
    @user-mx1ek4sl2m Před 7 měsíci

    CONTAST