Hello Web Design: Design Fundamentals and Shortcuts for Non-Designers

About the Author
Brief Contents
Contents in Detail
Acknowledgments
Foreword
Introduction
Chapter 1: If You Read Only One Chapter, Make It This One
	How it works is more important than how it looks
	Quick tips on improving your design
Chapter 2: Theory and Design Principles
	Section 2.1: Grid
		Shortcuts
		Real-life examples
	Section 2.2: Color
		Shortcuts
		Real-life examples
	Section 2.3: Typography
		Typography fundamentals
		Typography principles
		Shortcuts
		Real-life examples
	Section 2.4: White Space
		White space fundamentals
		Quick theory
		Shortcuts
		Real-life examples
	Section 2.5: Layout and Hierarchy
		Real-life examples
	Section 2.6: Content
		Real-life examples
	Section 2.7: User Experience
		Before designing
		During the design process
		After launching your design
		Shortcuts
		Real-life examples
	Section 2.8: Images and Imagery
		Fundamentals
		Shortcuts
		Real-life examples
	Section 2.9: Extra Tidbits
		Start simple
		Consider the “rule of thirds”
		Avoid pure black
		Lighting should come from above
		Contrast highlights what’s important
		Colors look different depending on the environment
		Be careful about overlaying text on images
		Some tips when designing for repeated workflows
Chapter 3: The Process and Training Your Design Eye
	Section 3.1: Finding Inspiration
	Section 3.2: Planning
	Section 3.3: Prototypes
		Wireframing
		Mocking up your design
	Section 3.4: Getting Feedback
		Seeing your design with fresh eyes
		Some advice on showing your design to others
	Section 3.5: Coding Your Design
		Don’t worry about being original
		Use a CSS framework
		Remember responsiveness
		Pay attention to site size
		Use analytics
Chapter 4: Reassurances
Chapter 5: Additional Resources
	Books
	Blogs and online magazines
	Online courses
	Inspiration
	Image resources
	CSS frameworks
	Web analytics
	Wireframing
	Getting feedback
	Final thoughts
References
Index