Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design

Web Design Issue

Hi, new guy here. I loved the platform, and your idea of a structured learning environment is awesome. But, I'm in a little pickle here. I already know HTML, CSS, jQuery, Javascript, Ajax, SPA development. I am really shitty with design. Now which project in particular should I start, to learn that. I don't need the basics. I'm fairly regular with all that stuff. But designing a website gets me by the balls. How to start designing a website template? How to concieve an idea, put it on photoshop/illustrator, etc...I don't know how other people work, and I'd like to learn that. Can someone help me? Thanks

Edit: I know of all technicalities. But I want to know how a website comes into being. How to start designing a website, the color, the feel etc. And how to sketch it out. I mostly start hammering my code editor, and I've produced some of the most horrifying artifacts man has ever seen.

6 Answers

Stone Preston
Stone Preston
42,016 Points

Id start with the Design Foundations Course then maybe do Aesthetic Foundations. After that you could do the Illustrator Foundations and Photoshop Foundations. All of the courses linked above can be found in the Design library

Yes, I understand that. But for the past few years, while I've got good with SPA dev and PHP, I've never progressed as a designer, because of the lack of fundamental rules.

Saurabh Datta: That's not the case for both the Design Foundations and Aesthetic Foundation course.

The Illustrator Foundations and Photoshop foundations may not be of immediate use for you to take, but the former is incredibly useful as you will have situations where you need to create vector-based assets that'll scale on a variety of devices by exporting SVG formatted images form your Illustrator artwork.

The latter I would not see that relevant for web design since that process of making websites involving Photoshop is becoming impractical and inefficient to more modern and efficient processes available today, but you will likely do you no harm on understanding the basics of its use in the context of web design .

Kevin, I'm a dev myself and know PS/AI role in our game. But what I'm saying is that you have a blank page, and are told "I need a portfolio, something modern-looking, snazzy and bold, yet clean"...Where do I go from there? That's my point. I use PS regularly, and I understand the value of both the course, but my question is about starting with a blank canvas. WHat do it do there?

First and foremost, do you have a good understanding of User Experience and Content Strategy?

That's the first and most important step towards making the designing and development process much easier.

I have built prototypes of web apps for other people. I've done my share of paper design, grudging through the hours over a button or a label. But that's mostly usability. When I try and implement that with CSS, it's shit-on-cakes practically. This design you have right now in the member's area. I did it over 2 years ago, and nearly lost my mind building a full-height, responsive and no-scrolls edition of a web app. It's always been the looks, the beauty and colors that have f**ked me over. What should I do.

Edit: in the end, my webapp had five versions to accomodate all screen sizes varying from extra wide to the tiny entry-level android mobiles with 7 inch screens. The were conditionally loaded with css breakpoints and js feature and dimension detection.

the point is I've always been a one-man operation and hence, never got learn from anyone, how they work. Any pointers where I can learn this from?

By having an understanding of content strategy, information architecture, & user experience, you'll be able to understand the business needs of the clients, the needs of the users, and how to evaluate the current quality and limitations of the relevant content towards a particular website to then create a design that works for that particular problem.

These things, once fully done--particularly the research--makes designing a website a whole lot easier.

When it comes to CSS, there's plenty of information on this site and throughout the web to find out how to implement certain techniques to get certain effects you want to achieve based on the particular needs of a project.

Kevin, please re-read my questions within my comments. I'm not saying my CSS is shit. I'm saying I don't understand how to start from a blank canvas.

I understand that. I am stating that you may be suited to better understand the importance of Research. You can't design well a solution for a problem you don't understand--including what the actual users of the site are looking for.

I was merely stating that taking the steps toward understanding better how to empathize with the users of a site you're thinking about making and the general skills on how to do to UX research and having a sound content strategy (i.e. content auditing) can help you tremendously towards designing for a site be easier for you.

@StonePreston: You're a mod, so you can get this message through. The timelabel in the notifications is static, while it should be dynamic, its basically time-ago format, so it should use js. otherwise it's confusing to know which one is actually new and which one isn't

are, you sure? I don't think they teach the conception of a website from scratch. Mostly, it seems like they already have a design created, and they show us how they made that.

Stone Preston
Stone Preston
42,016 Points

if you want to understand design and how to use it you need to understand the principles are art and design such as line, color, contrast etc. The courses I linked above teach that and once you learn them designing will become easier for you since you will recognize and know what looks good and what does not. I also linked the photoshop and illustrator courses. Those are the tools used in creating mockups and assets such as logos and icons which are essential tools in the designers toolbox. You said you know the basics of HTML, CSS etc. However, if you want to become a good designer you are going to need to learn the basics of Design as well

Valery Kukatov
Valery Kukatov
6,996 Points

You won't know until you have tried it.

thanks for the answers, Stone, you particularly. It's seldom that personal help is given where needed. I'm going to go through everything and hopefully be able to design stuff that does not suck. Thanks again.

Stone Preston
Stone Preston
42,016 Points

designing is hard. For some it comes easy, for others (like myself) it is the most difficult aspect of making a website. It takes practice, like anything, so don't expect to do the courses and then all of the sudden be a great designer. You have to practice your skills and create and design many sites in order to hone them.