Web graphics and design Books

Book SynopsisWith a growing focus on digital destinations, the publishing landscape is evolving at a dizzying speed and InDesign CC is at the forefront of the digital frontier. Known as the premiere layout application for magazine and print collateral, InDesign is also a powerful creation tool for both static and interactive PDF, Flash SWF, EPUB, and apps that can be published for sale in various app stores.This tutorial-based guide to InDesign CC provides you with a hands-on experience of the EPUB creation process, InDesign animation, Digital Publishing Suite app creation, creation of interactive PDFs, and a host of techniques that serve equally well in both print and digital production. This extensively detailed book is filled with over 700 screenshots, explicit diagrams, and step-by-step real-world exercises to get you up and running with:*InDesign Animation*Buttons, forms, and other interactive elements*Interactive PDFs*EPUB*App building with Table of ContentsAcknowledgements, Introduction, Part 1: Interactive InDesign, Chapter 1: The Lay of the Land, Chapter 2: Designing for Interactivity, Chapter 3: The Interactive Interface, Part 2: Document Layout & Navigation, Chapter 4: Working with Text, Chapter 5: Multi-page Document Layout, Chapter 6: Hyperlinks and Cross - references, Chapter 7: Footnotes, Chapter 8: Creating a TOC, Chapter 9: Shapes and Color, Part 3: Buttons, Chapter 10: About Buttons, Chapter 11: Simple Image - based Buttons, Chapter 12: Multi-object Buttons, Part 4: Flash Animation and Output to SWF, Chapter 13: Introducing: Animation in InDesign!, Chapter 14: Getting Fancy with Animation, Chapter 15: Banner Ads, Chapter 16: SWF Output, Part 5: Interactive PDF, Chapter 17: Bookmarks, Chapter 18: Interactive PDF Forms, Chapter 19: Page Transitions, Chapter 20: Preparing for PDF Export, Part 6: EPUB, Chapter 21: EPUB Anatomy, Chapter 22: Images, Objects & The Flow, Chapter 23: Creating an InDesign Book, Chapter 24: HTML And CSS Fundamentals, Chapter 25: GREP, Chapter 26: EPUB Export & Publishing, Chapter 27: EPUB Resources, Part 7: Digital Publishing Suite, Chapter 28: Intro to DPS, Chapter 29: Designing for DPS, Chapter 30: Scrollable Frame Overlays, Chapter 31: Audio & Video Overlays, Chapter 32: Panoramas and Pan & Zoom, Chapter 33: Web Content Overlays & Hyperlinks, Chapter 34: Slideshow Overlays, Chapter 35: Publishing to DPS, Extras, Index

Read more less

Book SynopsisThe struggle with balancing creative products that are innovative, technically feasible, and financially sound is one designers and web professionals go through every day. The Design Studio Method is a creative problem solving process that allows you to quickly generate ideas, evaluate them, and reach consensus, achieving that balancing act. Brian Sullivanâs The Design Studio Method gives answers that you have been looking for, showing you how to be innovative and efficient without sacrificing quality and collaboration. This book simplifies the complicated method, explaining each step, each participantâs involvement, and how to adapt the method to your needs. The Design Studio Method provides step-by-step procedures to ensure your success. From illumination, to generation, to presentation, all the way to iteration, this book provides the road map youâll need to start generating innovate products. Shows you how to involve all members of the creativeTrade Review"This book has a strong how-to-do-it perspective; software application and Web designers can follow this page-by-page and be successful. The best part is the liberal illustrations with exactly the kind of sketches the book promotes." Rex Hartson, Professor Emeritus, Computer Science, Virginia Tech Table of ContentsChapter 1: All about Design Studios What is a Design Studio? When Do You Do a Design Studio? A Word of Caution Other UX Sketching Methods Sketchboarding 6-UP RIPS Summary and Tips Chapter 2: Generating and Evaluating Ideas Use Whole-Brain Thinking Generate Ideas with Left-Brain Evaluate Ideas with Right-Brain Four Rules for Generating Ideas Strive for Quantity Defer Judgment (Positive and Negative) Seek New Combinations Use Your Imagination Four Rules for Evaluating Ideas Use Positive Judgment First Consider Novelty Stay Focused Redirect, If Needed Summary Chapter 3: Steps in a Design Studio Is a Design Studio Needed for Your Project? Choose Participants Assign Roles Facilitator Sketcher Scribe Determine What to Sketch Sketch Initial Concepts Evaluate Sketches Vote on Best Sketches Re-sketch or Mash-up Debrief Meeting Summary Chapter 4: Making Sketches Presentable Draw One Concept Per Page Do Not Use a Computer Use Markers and Paper Do Not Color Your Sketches Do Not Provide Too Much Detail Use Annotations and Arrows Provide a Brief Description Summary and Tips Chapter 5: Controlling the Conversation Using Edward DeBono’s Thinking Hats White Hat for Fact Finding Blue Hat for Organizing Green Hat for Generating Ideas Yellow Hat for Positive Evaluations Black Hat for Critical Inspections Red Hat for Voting Summary and Tips Chapter 6: Storing Your Work Keeping a Digital Record Access for Others to Review (Confidential or Open) Sharing with the Rest of the Team Serves as Vision Board for Future Projects Summary and Tips Chapter 7: Sharing Your Results Build a Wireframe after the Design Studio Sharing with the Other Sketchers To gain consensus To get alignment Sharing with the Project Team To show off your project vision To get alignment Sharing with Executives To get executive buy-in To obtain funding and resources Summary and Tips Chapter 8: Working with Remote People Keeping a Digital Record Access for Others to Review (Confidential or Open) Sharing with the Rest of the Team Serves as Vision Board for Future Projects Summary and Tips Chapter 9: Next Steps Immediate Things to Do Sharing Your Final Sketches Preparing Your Wireframes Testing Your Results Low-Fidelity Testing RITE Testing Prototype Testing Summary and Tips

Read more less

Book SynopsisDave Wood is Programme Director of BDes(Hons) Graphic Design at DJCAD at University of Dundee in Scotland, and hosts Semiosis 101 - a semiotics YouTube channel for creatives.Trade ReviewInterface Design: An introduction to visual communication in UI design delivers real examples of the process of designing for UI and interactive projects. Seeing and learning from real examples of maps and diagramming while outlining critical components of the UI design process at various stages, makes this book an incredibly important resource for anyone wanting to learn about and implement a UI strategy – especially for graphic designers who were educated in the print world but want to make the transition to working on UI and interactive projects. Applying the information in this book can absolutely make any designer a more valuable and strategic contributor to current and prospective clients and employers. This book is easy to follow, provides a clear understanding of what to expect in each chapter, offers insight into key questions to be asked throughout the UI process and is loaded with relevant and applicable content and insight. This is not only a book, but also an incredibly useful learning tool that can be utilized on a daily basis. * Sean Brennan, Project Manager, Haneke Design, Tampa, Florida, USA *Table of ContentsIntroduction Chapter 1: Visual communication: a standard in designing interaction; Communication; Designing for interactive flow; Users are king (you are not); Interview: Steve Krug; Case study: We Print Paper website Chapter 2: Finding the flow: designing interaction; Graphical user interfaces; Information architecture; Hierarchical structures; Testing, testing: early design iterations; Interview: Greg Gibson; Case study: Testing of VedderPrice.com’s visual hierarchy; Exercise: Finding the flow Chapter 3: Graphic design for digital media; Gridding interactivity; Type as interface; Colouring the screen; Imagery and the pixel; Iconography and metaphor; Going with the motion; Interview: Mike Kus; Case study: Designing a Blu-ray DVD UI; Exercise: Visually communicating interactivity Chapter 4 Designing the aesthetic user experience; Design and the user; Content copy and the user; UI semiotics; Internationalization; Interview: Kristin Kramer; Case study: WorldSkills interactive kiosk; Exercise: Deconstructing UI semiotics Chapter 5: Collaborating with the developer; The principles of designing modularity; Modularizing the aesthetic; Interview: Alan Bridge; Case study: Preparing a website design for a developer; Exercise: Outlining modularity Chapter 6: Augmenting human capabilities through interfaces; QR codes – print meets interaction; Augmented interaction; The touch-screen world; Interview: Kate HoCase study: Designing the BBC iPlayer iPhone app; Exercise: Concept design for an AR smartphone app Conclusion; Glossary; Index

Read more less

Book SynopsisSolve common application design and usability issues with flair! Design for Developers introduces the essential design and UX techniques to help you create good user experiences, iterate smoothly on front-end features, and collaborate effectively with designer colleagues. Author Stephanie Stimac shares the unique insights she's learned as a designer for the Microsoft Developer Experiences team. This one-of-a-kind book provides a developer-centric approach to the essential design fundamentals of modern web applications. Key features include: Use colour, typography, and layout to create a hierarchy on a web page Apply colour palettes consistently in a user interface Choose the correct typefaces and fonts Conduct user research to validate design decisions Quickly plan a website's layout and structure Ideal for web developers familiar with HTML, CSS, and JavaScript basics, you will learn how to craft a polished visual design with just colour, space, and typeface and put all your new skills into practice to design a website from scratch. About the technology Having good design sense will make you a better web developer. This practical guide teaches you essential design and UX principles so you can speak the language of design and make more informed decisions about how you build your apps. You will also get up to speed with the design workflow and learn how to integrate the design process effectively into the development lifecycle.

Read more less

Book SynopsisExplore numerous techniques to improve the way you write CSS as you build 12 tiny projects. For readers who know the basics of HTML and frontend development. No previous experience of CSS is required. In Tiny CSS Projects, you will build twelve exciting and useful web projects with CSS — a must-know tool. This textbook teaches you how to make beautiful websites and applications by gilding you through a dozen fun coding challenges. You will learn important skills through hands-on practice as you tinker with your own coding and will make actual creative decisions about the projects you re building. You will rapidly master the basic features, including A loading screen created by styling SVG graphics A responsive newspaper layout with multi-columns Animating social media buttons with pseudo-elements Designing layouts using CSS grids Summary cards that utilise hover interactions Styling forms to make them more appealing to your users The projects may be tiny, but the CSS skills you will learn are huge! Press on with CSS s exciting layout features, including grid and flexbox, animations, transitions, and media queries. About the technology Cascading Style Sheets (CSS) make the web beautiful. Where HTML structures a page and JavaScript gives it additional functionality, CSS handles colours, layouts, and typography — everything your users love about your site. While CSS is an established tool used in almost all production websites, it s also evolving to include new features.Trade Review"This book has a great mix of practical patterns that could be applied to many applications, combined with a thorough explanation of how they work." Nick McGinness "It helps people fall in love with CSS." Danilo Zekovic "Perfect as a reference manual." Ricardo Marotti "I gained a deeper understanding of CSS after reading the book." Ranjit Sahai

Read more less

Book Synopsis* Complete introduction in the classic academic sense - a foundation text which focuses on principles. * By the authors of Digital Multimedia and Digital Media Tools, textbooks which helped shape Multimedia syllabuses across the world.Table of ContentsWelcome x 1. Web Experiences 1 Web Pages and Sites 2 Using the Web 8 The Web Community 15 Web Design Principles 21 New Developments 25 Key Points 29 Exercises 32 2. Web Technology 35 Web Pages 36 Fetching Pages 46 Data Representations 70 Transmission of Digital Data 79 Key Points 93 Exercises 97 3. Markup 99 XML 101 XHTML 110 Key Points 145 Exercises 148 4. Stylesheets 151 Rules in CSS 153 Typography 162 Layout 176 Positioning 191 Special Cases 199 Advanced Features of CSS 208 Key Points 215 Exercises 220 5. Web Graphics 223 Display and Storage of Images 224 Colour 227 Bitmapped Images 237 Vector Graphics 254 XHTML Markup for Images 269 Key Points 276 Exercises 281 6. Time-Based Media 283 Time-Based Media and Web Pages 287 Animation 296 Video 307 Sound 326 Key Points 331 Exercises 335 7. DOM Scripting 339 Fundamentals 342 The DOM 349 JavaScript 357 Dynamic Pages 370 Applications of DOM Scripting 386 Embedded Applications 412 Key Points 427 Exercises 432 8. Web Applications 435 Server-Side Technologies 436 Ready-Made Applications 446 Databases 450 Dynamically Generated Pages 462 Key Points 496 Exercises 500 9. Web Accessibility 503 Problems with Access 504 Assistive Technology 510 Making Sites More Accessible 513 Accessible Content 519 Accessible Function 533 Key Points 541 Exercises 545 10. Web Page Design 547 Visual Communication 549 Layout 563 Colour and Tone 586 Typography 592 Key Points 604 Exercises 608 11. Web Site Design 611 Logical Structure 613 URL Structure 616 Navigational Structure 619 Creating Web Sites 633 Epilogue 646 Key Points 647 Exercises 650 Appendix A. Software for Web Designers 652 Appendix B. XML Namespaces 666 Index 672

Read more less

Book SynopsisWeb Application Design and Implementation uses a hands-on approach of the major technologies and programming languages to teach readers web development. Providing an understanding of all major aspects of web programming in order to achieve the construction of a database-driven website, the book features state-of-the-art programming languages such as HTML, JavaScript, MySQL, PHP, Apache, Linux/Unix.Trade Review"It explains all concepts at a very elementary level, and allows the novice reader (with basic knowledge of programming) to learn fundamental concepts of Web programming and practical Web design. For an experienced reader, it will provide very good overview of Web programming practices form one particular perspective, that of using open-source software tools." (Computing Reviews, November 25, 2008)Table of ContentsPREFACE. About the Author. Before We Get Started. Who Should Read this book? About The Examples. How to read this book. Acknowledgments. Introduction: Web Application Recipe. Overview. Step 1 - Understanding the problem and finding the solution. Step 2 - Designing the database. Step 3 - Major functionalities. Step 4 - Back side. Step 5 - Improvements on functionality. Step 6 - Improvements on looks. Step 7 - Thorough testing, hacking attempts. Step 8 - Presentation. Step 9 - Publication. Step 10 - Celebration (and maintenance). Chapter 1. Fundamentals. The origins of the Internet. The World Wide Web. The Web Browsers. The Web Servers. TCP/IP BASICS. The Internet Layer. The Transport Layer. The Application Layer. The Toolbox. Browsers. FTP. E-Mail Clients. Programming Tools. Other Useful Tools. Chapter 2. The Different Approaches of Web Programming. Before We Get Started. The Basics - HTML. The Creator - SGML. Other SGML-based languages - XML / XSL. The good old Java. Something different - JavaScript. The Savior - PHP. The rival - ASP.NET. The Myth - CGI. Another Big Option - Perl. The Future? - C#. Client-side versus Server-side - Which side to pick? My Choices - PHP, MySQL, JavaScript. Chapter 3. Introduction To HTML. What do you need to get started? How does HTML work? Syntax basics. File Structure. Tags Parameters. Basic Text Formatting. External References. Links. Images. Organizing Data. Lists. Tables. Frames. Special Characters. Chapter 4. Work Environment. Introduction. Downloading the Software. Installing the Apache Server. Installation Steps. Checking the Installation. Possible Errors. Configuring Apache. Installing PHP5. Testing PHP. Installing MySQL. Adding a MySQL user. How do I know if MySQL is running? Installing phpMyAdmin. Installing a Bulletin Board: phpBB. Installation Steps. Basic Security things to consider! Conclusion. Chapter 5. PHP - A server Side Scripting Language. How does it work? Some “new” words on PHP. Syntax Generalities. Instructions. Operators. Mathematical Functions. Data Types. Constants. Variables. Chapter 6. PHP Arrays and Flow of Control. Arrays. Basic Arrays. Associative Arrays. Multidimensional Arrays. Arrays Functions. PHP Program Structure and Flow of control. Conditions. Loops. Functions. Chapter 7. Using files, folders and Strings in PHP. Using Files. Folder Manipulation. Basic String Manipulation. Changing a string. Finding and Comparing. Formatting Strings. Manipulating HTML files. PHP Information Functions. Closing Remarks. Writing a basic File Explorer. Requirements. HINTS. Case Study: An Indexer/Searcher STEP 1. Overview. The Indexer - Step 1. Chapter 8. PHP5 and Object-Oriented Programming. Overview. Classes and Objects. Classes in PHP. Constructors and Destructors. Visibility. The scope resolution operator. The Static Keyword. Class Constants. Class Abstraction. Object Interfaces. Copying and Cloning objects. Comparing Objects. Type Hinting. Exceptions. Final words. Chapter 9. Creating Some Interactivity. Overview. Forms. Writing a form in HTML. GET vs. POST. Retrieving the form info on a PHP script. Dynamically creating forms. Transferring data between PHP scripts. Cookies. Sessions. One last useful function and design techniques. Assignments. File explorer step 2. Case study: Indexer/Searcher - Step 2. Chapter 10: Making Cleaner Code and Output. Cleaning up your code. What you need. How to use it? - HTML side. How to use it? - PHP side. Cleaning up your output. The CSS file. Useful tools. Assignment. Chapter 11. Using Databases. Overview. Database Basics. The entity-relationship model. More Practical Example. Typical sources of Errors. Simplifying the Diagrams. Using MySQL. MySQL Syntax. Data Types. MySQL numeric data types. Date and Time data types. String Data types. MySQL Operators. MySQL Instructions. Using Functions in MySQL. Chapter 12. Using PhpMyAdmin. Overview. Creating a Database. Creating tables. Accessing an existing table. Exporting/Importing a database structure and content. Assignment - Final Project. Chapter 13. Creating Database-Driven Websites with PHP/MySQL. Overview. Connecting to your MySQL server with PHP. Submitting SQL queries. Processing the results of a query. Example of login procedure. Other useful functions. Grouping our Methods in a class. Indexer/Searcher - Steps 3 and 4. Chapter 14: JavaScript - A client side scripting language. Introduction. JavaScript syntax. Types of Data and Variables. Operations and calculations. Arrays. Decisions. Loops. Using Functions. Using Objects. The String Objects. The Math class. The Array objects. Chapter 15. Programming the Browser. Overview. The Window Object. The Location Object. The History Object. The Navigator Object. The Screen Object. The Document Object. Using Events. Timers. Time to practice! Chapter 16. Windows and Frames. Frames and JavaScript. Windows and JavaScript. Assignments. One Last Funny Example. Chapter 17: String Manipulations Revisited. Overview. New Basic String methods. Regular Expressions in JavaScript. Regular Expressions in PHP. The set of PCRE. Chapter 18. JavaScript and DHTML. Overview. Positioning Elements. Writing dynamic menus in DHTML. You turn!! . Chapter 19. Putting it All Together! Overview. Step 1 - Understanding the problem and finding the solution. Step 2 - Designing the database. Step 3 - Main functionalities. Step 4 - Back side. Step 5 - Improvements on functionality. Step 6 - Improvements on looks. Step 7 - Thorough testing, hacking attempts. Step 8 - Presentation. Step 9 - Publication. Step 10 - Celebration :) (and maintenance). What language to use? Appendix A: Special Characters. Appendix B: Installing on UNIX. Overview. Installing Apache and PHP. Installing MySQL. Appendix C: Advanced phpBB. Appendix D: class.FastTemplate.PHP. Appendix E - File Upload Script. Bibliography. Index.

Read more less

Book SynopsisWhether you're promoting your business or writing about your travel adventures, this title teaches you not only how to make your blog look unique and attention-grabbing, but also how to dig into the more complex functionality available on the WordPress platform.

Read more less

Book SynopsisThis book is written for product design, software development, graphic design, and UX professionals with a focus on creating measurably better user experiences. If you want to design solutions to meet business goals and delight your users, you can look to this resource which covers the following areas: Creating and documenting goals, strategies, objectives, and tactics Defining or refining personas based on your measurable objectives (OKRs) Creating and iterating on scenarios based your prioritized personas A team approach to defining the product and roadmap to address critical use cases Team based divergent ideation and solution exploration Team based convergent solution definition Wireframing potential solutions for rapid research and iteration Using quantitative and qualitative methods to understand usage and test with users Exploring approaches to taxonomy and information arTable of ContentsIntroduction: The Golden Butter Knife xv CH 1: Make It Useful 1 What are We Trying to Do and How Will We Know If We Did It? 1 CH 2: Make It Usable 31 Who are We Designing This For?—Personas/User Segments 31 What Do They Need?—Scenarios 38 When Will We Design and Build It?: The Product Roadmap 42 CH 3: Make It Beautiful 59 Scannability, Readability, Comprehension 62 Using the Inverted Pyramid Model for Content 63 Alignment and the Grid 65 Visual Hierarchy 67 Composition 69 Scope 74 The Golden Triangle 74 The F, Z, and Other Gaze Patterns 76 Gestalt Patterns 77 Color 86 Thematic Appropriateness 88 Data Visualization 90 Further Reading 94 CH 4: Make It Functional 95 Framework-itis and Code Bloat 98 Testing across Platforms, Browsers, and Devices 99 Accessibility 102 Further Reading 105 CH 5: Make It Measurable 107 FaUX 107 Analytics 110 Conversions and Micro Conversions 111 Be Curious and Analytical 113 Google Analytics 115 Mouseflow 115 Reverse Path Analysis to Understand Failure 117 Being Misled by Your Data 118 Fear of Change 119 Ease the Fear of Change with A/B Testing 120 Some Helpful Tools of the Trade 121 Further Reading 122 CH 6: Make It Better 123 Planning Your Iterations 123 Research 124 Analysis 125 Findings 126 Recommendations 128 Prioritization 130 Effort 132 Further Reading 133 CH 7: Make These Methods Work for You 135 Starting with a Greenfield Project or at a Startup 135 Understanding the Market 136 What Comes Next? 154 Working within an Established Company 168 Conclusion 176 Index 179

Read more less

Book SynopsisBuild kickass websites and applications for all mobile (and non-mobile) platforms by adding HTML5 and CSS3 to your web development toolkit. With this hands-on book, you'll learn how to develop web apps that not only work on iOS, Android, Blackberry, and Windows Phone, but also perform well and provide good user experience.

Read more less

Book SynopsisWant to create animated graphics for iPhone, iPad, and the Web, using familiar Adobe features? You've come to the right guide. Adobe Edge Animate: The Missing Manual shows you how to build HTML5 graphics with Adobe visual tools. .

Read more less

Book SynopsisDiscover how easy it is to design killer interfaces and responsive websites with the Bootstrap framework. This practical book gets you started building pages with Bootstrap's HTML/CSS-based tools and design templates right away. You'll also learn how to extend your app with interactive features, using its suite of jQuery plugins.

Read more less

Book SynopsisWith this book, you'll learn how to use the tools, frameworks, and libraries for building 3D models and animations, mind-blowing visual effects, and advanced user interaction in both desktop and mobile browsers.

Read more less

Book SynopsisThrough hands-on tutorials, this practical guide shows inexperienced web app developers how to create a user interface, write a server, build client-server communication, and use a cloud-based service to deploy the application.

Read more less

Book SynopsisFrom custom fonts to ad-hoc font families you assemble out of a variety of individual faces, CSS 3 gives you more typographic options than ever before. This concise guide shows you how to use CSS properties to gain a fine-grained and wide-ranging influence over how you display fonts on the Web.

Read more less

Book SynopsisHelps you learn how to build and maintain high-traffic websites. Featuring essays from web engineers, this book shows you how to run your web operations as reliably and effectively as Google, Microsoft, and Yahoo! run theirs. It lets you focus less on specific technologies and more on how the entire system works together.

Read more less

Book SynopsisWith the recipes in this book, you'll take full advantage of the vast collection of community-contributed modules that make the Drupal web framework useful and unique. Learn how to combine modules in interesting ways to develop a variety of community-driven websites.

Read more less

Book SynopsisWith this practical book, graphic designers, web designers, and front-end developers alike will learn the nuts and bolts of implementing web fonts well, especially how to get the best appearance from type without sacrificing performance on any device

Read more less

Book SynopsisYou can easily create a professional-looking website with nothing more than an ordinary computer and some raw ambition. Want to build a blog, sell products, create forums, or promote an event? No problem! This friendly, jargon-free book gives you the techniques, tools, and advice you need to build a site and get it up on the Web.

Read more less

Book SynopsisThis practical guide shows you many ways to use colors, backgrounds, and gradients to achieve some pretty awesome effects. Short and sweet, this book is an excerpt from the upcoming fourth edition of CSS: The Definitive Guide.

Read more less

Book SynopsisIf you want to convince your organization to conduct a web performance upgrade, this concise book will strengthen your case. Drawing upon her many years of web performance research, author Tammy Everts uses cases studies and other data to explain how web page speed and availability affect a host of business metrics.

Read more less