# How to Learn Web Design Techniques/Rules?

**URL:** <https://forum.freecodecamp.org/t/how-to-learn-web-design-techniques-rules/133403>\
**Category:** General\
**Tags:** colorschemes, webdesign, design\
**Created:** [July 1, 2017, 5:02pm UTC](https://forum.freecodecamp.org/t/how-to-learn-web-design-techniques-rules/133403 "2017-07-01T17:02:16Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Alanh168](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/alanh168/32/9989_2.png) [@Alanh168](https://forum.freecodecamp.org/u/Alanh168)\
**Post date:** [July 1, 2017, 5:02pm UTC](https://forum.freecodecamp.org/t/how-to-learn-web-design-techniques-rules/133403/1 "2017-07-01T17:02:16Z")

</div>

Hello,

While FCC has been amazing at teaching me programming fundamentals in the various Web Development languages, one topic I feel is often overlooked is Web Design. Having an “eye for aesthetics” can be seen as an unteachable talent but I prefer the opposite view. It’s a skill like any other - having its own tenants and rules to learn and follow, capable of being improved upon no matter where you start off.

So with that being said, I was wondering if anyone had any tutorials/guides/other resources they used to help them learn design techniques and rules? I’m talking anything from color matching to design patterns. i have done quite a few projects as it is but I find my sites lacking aesthetically and am looking to change that. Any help is very much appreciated 🙂

---

<div class="post-metadata">

**Author:** ![alightedlamp](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/alightedlamp/32/63336_2.png) [@alightedlamp](https://forum.freecodecamp.org/u/alightedlamp)\
**Post date:** [July 1, 2017, 5:07pm UTC](https://forum.freecodecamp.org/t/how-to-learn-web-design-techniques-rules/133403/2 "2017-07-01T17:07:09Z")

</div>

I was wondering the same thing, and considered writing a post here asking the same question. I’m coming from a background in fine-arts, which while aesthetic, is more conceptual and less analytical than design is (at least where I got my undergrad was), so is not the most transferrable skillset.

Digging around last night, I came across [Hack Design](https://hackdesign.org), which looks like covers a lot of the topics we may be interested in for giving our projects that aesthetic shine. I’ve only skimmed it, though, so can’t speak too much to its overall worth – hoping to spend some more time this holiday weekend.

---

<div class="post-metadata">

**Author:** ![shreecheryl](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/shreecheryl/32/161575_2.png) [@shreecheryl](https://forum.freecodecamp.org/u/shreecheryl)\
**Post date:** [July 1, 2017, 5:39pm UTC](https://forum.freecodecamp.org/t/how-to-learn-web-design-techniques-rules/133403/3 "2017-07-01T17:39:59Z")

</div>

I am currently taking an online Graphic Design course with a teacher that I have a lot of respect for. Although you won’t have access to the assignments she is giving us, all of the videos are available on YouTube at [https://www.youtube.com/playlist?list=PLH3tw9J9QyRoA9EfB7YPncAfg4kn5bW44](https://www.youtube.com/playlist?list=PLH3tw9J9QyRoA9EfB7YPncAfg4kn5bW44)

---

<div class="post-metadata">

**Author:** ![Alanh168](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/alanh168/32/9989_2.png) [@Alanh168](https://forum.freecodecamp.org/u/Alanh168)\
**Post date:** [July 1, 2017, 6:34pm UTC](https://forum.freecodecamp.org/t/how-to-learn-web-design-techniques-rules/133403/4 "2017-07-01T18:34:53Z")

</div>

Thank you @alightedlamp and @shreecheryl Your suggestions look like exactly what I’ve been looking for.!

---

<div class="post-metadata">

**Author:** ![Kate1234](https://avatars.discourse-cdn.com/v4/letter/k/5daacb/32.png) [@Kate1234](https://forum.freecodecamp.org/u/Kate1234)\
**Post date:** [May 8, 2020, 5:43pm UTC](https://forum.freecodecamp.org/t/how-to-learn-web-design-techniques-rules/133403/5 "2020-05-08T17:43:32Z")

</div>

A little late with the answer to the question, but I think that someone will come in handy. Good blogs about web design, web design trends and standards:gapsystudio.com/blog/web-design-standards/

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 16, 2021, 11:27am UTC](https://forum.freecodecamp.org/t/how-to-learn-web-design-techniques-rules/133403/6 "2021-01-16T11:27:30Z")

</div>

Closed on January 16, 2021, 11:27am UTC


