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

Description

This book democratizes web development for everyone. It's a fun, clever guide that covers all of the key design principles, best practices, useful shortcuts, pro tips, real-world examples, and basic coding tutorials needed to produce a beautiful website that you'll feel confident sharing with the world. Because you, too, can design for the web! Hello Web Design contains everything you need to feel comfortable doing your own web development, including an abundance of real-life website examples that will inspire and motivate you. No need to spend time and money hiring an expensive graphic designer; this book will walk you through the fundamentals - and shortcuts - you need to do it all yourself, right now. 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