The Non-Designer's Design Book (4th Edition)

Category: Graphic Design
Author: Robin Williams
4.6
This Month Reddit 2

Comments

by randmeerkat   2020-11-28
I would suggest The Non-Designer’s Design Book by Robin Williams. I have the third edition, it’s great.

https://www.amazon.com/Non-Designers-Design-Book-4th/dp/0133...

by base698   2020-11-21
Would recommend "Non Designers Design Book" for engineers interested in a survey of design.

Proximity, alignment, repitition, and contrast are four basic principles that get you pretty far.

https://www.amazon.com/Non-Designers-Design-Book-4th/dp/0133...

by silvestrov   2020-01-26
The first step should be this book because it so very clearly explains and show-cases the 4 fundamental principles of basic design in a way that is very easy for others to understand: proximity, alignment, repetition, contrast.

"The Non-Designer's Design Book" by Robin Williams.

https://www.amazon.com/Non-Designers-Design-Book-4th/dp/0133...

by needle0   2019-12-18
The Non-Designer's Design Book is also recommended: https://www.amazon.com/Non-Designers-Design-Book-4th/dp/0133...
by psyick   2019-07-21

I am not a designer. But I am getting better, a big part due to this book:

https://www.amazon.co.uk/Non-Designers-Design-Book-Robin-Williams/dp/0133966151/ref=dp_ob_title_bk

Even though it is not aimed at online it is really really good at pointing out some of the very simple and immediately applicable things 'designers' do to make things look better.

e.g. one example if you want two complementary styles of text, make them very different - much bigger, or one much bolder, and a totally different font. Or another could be always making sure things align with something else, you have placed it there for a reason. It all seems very obvious in hindsight.

​

Also checkout https://refactoringui.com/ for a more modern web oriented approach it is pricey for the amount of content IMO but what is there is good stuff.

​

I think it helps with the prevalence of flat/simple sites even as a non designer you can make things look good by striving for simplicity and consistency

by megler1   2019-07-21

https://www.udemy.com/ux-web-design-master-course-strategy-design-development/ (non-affiliate)

It's a paid course, but you can get coupons almost all the time for 10-12 bucks. Everything he teaches is excellent.

​

https://amazon.com/Non-Designers-Design-Book-4th/dp/0133966151/ (non-affiliate)

Robin Williams The Non-Designers Design Book

2 solid choices. I am a designer with 0 artistic skill. These will both help you make better design choices. Joe's Udemy course above focuses extensively on UX and UI. He also teaches a Udemy course specifically on UX/UI, though I found a lot of duplicate content between the two. I'd recommend looking at both of them.

by alanbowman   2019-07-21

A suggestion, because college writing, even for a tech comm degree, seems to be quite different from the kind of writing you'll do professionally: Read a lot of documentation.

You don't need to read it to understand the product or service, you need to read it to understand what different kinds of documentation look like. And to do this, you need to read a lot of documentation. A lot of documentation. You need to spend hours and days and weeks and months reading documentation. This is how you start to understand what good documentation looks like, and more importantly what bad documentation looks like.

Is the documentation easy to navigate? Can you logically follow from one step to the next? Does the formatting and font choice make it easy to read? What about the use of color - too much, not enough, not at all? Are the screenshots easy to understand? Do they use lists where a table would be a better choice, or vice versa?

For some of these, there isn't a "right" answer - it will come down to personal preference and also to things like corporate style guides. But the more documentation you read, the better you'll be able to create documentation that will be helpful to your audience.

  • Find the documentation for every app or service you use. Read it.
  • Your school uses some kind of LMS (learning management system). Find the documentation for it. Read it.
  • Do you use a mobile app that has mobile only documentation? Find it, read it.
  • Look for the documentation for your TV or streaming device or speakers. Read it.
  • Look at the owner's guide for your car (if you have one). Read it - it's probably available online.
  • Find the documentation for something you'd never use. Read it and see if you can understand it.

Some places to start, just off the top of my head:

  • Django documentation (Django is a Python framework)
  • Fedora documentation (Fedora is the community project for Red Hat)
  • FreeBSD documentation (FreeBSD is one of the oldest open source projects)
  • mandoc (language for creating UNIX man pages - very technical)
  • Hugo documentation (a static site generator)

I also highly recommend The Non-Designer's Design Book. Documentation design is very important, and this is the best reference I know of. I use the principles in the book to plan the layout for anything I write.

​

by DoneDidReddit   2019-07-21

The Non-Designer's Design Book

by sarreph   2017-11-03
I think the most important thing is that you are motivated to create a web-app in the first place — this should give you mental leverage to learn how to do UI / UX properly, if you have the time to go down that route.

As someone who started off as a non-designer programmer, I taught myself UI/UX just by practising a lot. The two ways (that in hindsight were the most invaluable) I improved were to:

• Read highly-praised books on design fundamentals... These two literally changed the way I make / look at everything that is graphic design related: 1. The Non-Designers Design Book [1]; 2. Know Your Onions [2]. The third I can recommend is all about making websites / UX and covers everything you need to think about when you're working on a web project: 3. Don't Make Me Think (Revisited) [3]. All three are very well-reviewed and have changed people's lives.

• Copy everything you like the look of. What are your favourite web apps / pages / interfaces? What makes them tick? Try and copy sections that you like to give you a feel for how things should be laid-out. Most crucially, use a vector graphics program (I cannot recommend Affinity Designer enough, not least because it is insanely cheap for what it is), and copy as many icons / vector images as you can. Learn the fundamentals of bezier curves and how almost every piece of graphic artwork is made up of different combinations / layerings of shapes... Forget about fancy effects (e.g. shadows, gradients) at first, and just copy the shapes themselves. This was my biggest revelation and improved my UI ability to that of a professional standard. Once you realise that a fancy padlock icon [4] is just a rounded rectangle with a circle and triangle in it merged together, you'll start being able to recreate neat icons really easily.

If you don't enjoy doing any of the above, then hire a professional designer :) There really are no other 'ways of dealing with it' than doing it yourself or using a service. But trust me, it is well within reach to get yourself to a decent level in just a few months.

[1] - https://www.amazon.co.uk/Non-Designers-Design-Book-Robin-Wil... [2] - https://www.amazon.co.uk/Know-Your-Onions-Creative-Businessm... [3] - https://www.amazon.co.uk/Dont-Make-Think-Revisited-Usability... [4] - https://cfl.dropboxstatic.com/static/images/business/homepag...