Hello Design World Videos
You open Photoshop and stare at the blank screen. You click around, making rectangles but it doesn’t look right, and it doesn’t feel right. This isn’t the first time. You’ve tried teaching yourself design and started small practice projects. But you always second guess your work because you don’t have the proper background. So even when you do make progress, you question whether it looks good.
You’ve learned the basic lessons that everyone advises. Hot and cold colors, mixing font families and types, everything. But there seems to be a massive leap from there to producing original and great looking designs. You can play around with Photoshop or HTML but don’t really know why you’re doing what you’re doing.
You feel stuck, asking yourself:
- Should I draw everything out with pencil and paper or start with Photoshop?
- Should I picture a design in my mind first, then move to Photoshop?
- Or should I open Photoshop and play around until something nice comes out?
It all leaves you wasting endless afternoons spent cursing your own design work.
It should be so much easier
When you’re a designer that wants to learn programming there are so many choices of how to start. There are websites and courses that teach programming for complete beginners and intermediates. But what about if you’re doing it the other way around, a programmer that wants to learn design?
All the available resources just teach you design theory. They talk about typography, colors and style in an abstract academic way. Not what you need. You just want practical advice that will get you started.
Have you ever visited Dribbble for design inspiration? Then left, frustrated, overwhelmed and even intimidated by their talent and creativity? How do you move from being a great developer without any formal design knowledge, to where they are? Confident designers, confident in their ability. Able to start a project and know how to make tweaks when things look “off” so that the design matches the idea in their head.
You’ve tried to teach yourself design. Some resources have been helpful. But you still struggle to turn what you learned into actual design projects. Either the material is too abstract, or it doesn’t talk enough about web design specifically. You’ve been recommended so many different books it makes your head spin. What you need is a resource that explains the key concepts and brings it all to life.
When you start learning a new programming language you write ‘hello world’. What you need is a resource that teaches design in the same way. Something that shows you what language to use, how to start and what to do when you get stuck.
It’s like job shadowing
What if you could sit behind a web designer for a week and watch them work? And not just see part of the project, but watch them from start to finish. Along the way they could explain exactly what they were doing and the thought process as to why. And what if they did this for a variety of projects? For example on Monday you watched them do a website for a bank. On Tuesday they designed a clothing site. And so on.
You would see the mental framework that professional designers use and how they make decisions, so you can design just like them. And because you were watching a professional designer you’d know you were following a proven process. You could open Photoshop and get straight to work because you’d have a plan to follow.
Currently reading 'Hello Design World' by @DsgnByNumbers it gives a wonderful insight into the design process for a dev brain like me!— Monica (@_monicaphan) February 10, 2017
Really enjoying 'Hello Design World' from @DsgnByNumbers. -really gives a proper explanation of the entire design process— John W. Nicholson (@JohnWNicholson2) February 10, 2017
Hello Design World' from @DsgnByNumbers recommends using just five design styles on your sites - nice. Prevents me from getting overwhelmed— Melek Jarraya (@JarrayaMelek) February 9, 2017
Loving 'Hello Design World' from @DsgnByNumbers - gives a much needed birds eye view of the entire design process👍.— Elena Galamiyeva (@egalamie) February 10, 2017
A great book 'Hello Design World' from @DsgnByNumbers. Simple and great presentation.— Kausar Ahmed (@kausarpial) February 9, 2017
So now, when you sit down at your desk to start a new project, you already have a concept in your head. You’ve seen great examples of websites that fit exactly what you’re trying to do. The ideas just flow and you start creating an amazing design.
A couple of times you may pause and think “which color should I use here?” or “why doesn’t that font look quite right?”. But the answers come to your mind immediately because you watched an expert do it already, and they explained the thought process.
You finish the project, confident in how brilliant it looks, satisfied with the time you’ve spent on it.
Everything you need to know, brought to life
With the Hello Design World instructional videos and book set, you get all of the information that is relevant to you, condensed to just the essentials.
You get a great ebook that guides you through the design process. It’s structured In a step by step format to save you a lot of time. And everything is relevant to you as it’s written specifically for developers.
And you also get the instructional videos. They show you everything, from the blank Photoshop document to the completed site. Unlike most how-to videos, each recording is condensed so that you can see the site come to life in about an hour. (Don’t worry, all original real-time videos are also included so you won’t miss anything).
You get a bird’s eye view of the entire process, from start to finish. Everything is discussed and explained as they happen on screen, so that you can connect the design concepts you’ve read about in the book, with their real world application.
Exactly what you’ll get
In Hello Design World book and video set you’ll learn::
- How a designer approaches projects in a real world setting
- What a working project looks like from a professional designer’s perspective
- How to pick colors for your site
- The five types of design styles that you can use on any project
- How to use a creative brief in your design so you can hit the ground running
- How to use the inspiration process to jump start your design
- How to use a concept to make your design cohesive
- How to brand your site (and how to know if it even needs branding)
- The four basic types of alignment you should be using
- What makes a good composition (with examples)
- How to use fonts on the web
- What good typography looks like
- Why hierarchy is important
- The Design by Numbers framework
Hello Design World Book:
The book includes over 70 real-world examples to help illustrate the concepts being discussed. And it contains five real-world exercises so you can start practicing as soon as you’re done. Here are all of the chapters:
- Ch. 1 – Research
- Ch. 2 – Concept
- Ch. 3 – Brand
- Ch. 4 – Style
- Ch. 5 – Composition
- Ch. 6 – Alignment
- Ch. 7 – Typography
- Ch. 8 – Hierarchy
- Ch. 9 – Color
- Ch. 10 – Proximity
- Ch. 11 – The DxN Process
- Ch. 12 – Exercises
The book is 157 pages and includes over 70 real-world examples to help illustrate the concepts being discussed.
Hello World Instructional Videos
The videos look at the creative briefs in the book and show you how a professional designer approaches them. The techniques displayed are based on the concepts in each chapter. These are the five sites the videos cover, from start to finish.
- Video 1 – Pirates of the Caribbean
- Video 2 – HCB Clothing Store
- Video 3 – REI Outdoor Supplies
- Video 4 – Ping Golf
- Video 5 – Bellwether Mortgage
What are you waiting for?
If you’ve been looking for a better way to learn web design, this is it. It’s everything you need and nothing more. With this book and video set you’ll know how to make your designs look good and why they look good. It will show you exactly how a professional designer approaches real world projects to give you the confidence to create amazing looking designs.
Get the book and 5 videos for just $39.