Web and digital for graphic designers
Book - 2020
Creative web design requires knowledge from across the design and technical realms, and it can seem like a daunting task working out where to get started. In this book the authors take you through all you need to know about designing for the web and digital, from initial concepts and client needs, through layout and typography to basic coding, e-commerce and working with different platforms. The companion website provides step-by-step tutorial videos, HTML/CSS styling tips and links to useful resources to really help you get to grips with all the aspects of web design. Working alongside the text are interviews with international designers and critical commentaries looking at best practice and theoretical considerations. Written for graphic ...designers, this book delivers more than just an instruction manual it provides a complete overview of designing for the web.
- Subjects
- Published
-
London ; New York :
Bloomsbury Visual Arts
2020.
- Language
- English
- Main Author
- Other Authors
- ,
- Physical Description
- 216 pages : illustrations (chiefly color) ; 27 cm
- Bibliography
- Includes bibliographical references and index.
- ISBN
- 9781350027558
- Introduction
- Chapter 1. Designing for digital
- History of digital design
- Timeline
- The intention of the Internet
- Developments
- The principles of Web design
- Semiotics
- Gestalt
- The browser
- Hyperlinks and non-linear content
- Types of websites (topology of the Web)
- Hosting
- Meet the designers: Tell us about yourself
- Chapter 2. The process
- The brief
- Time scales and budget
- Needs of the client
- Needs of the user
- Needs of the designer
- Research methods
- Approaches
- Audience
- Primary, secondary and tertiary users
- Personas/usage scenarios
- Idea generation
- Staying informed (technology)
- Planning
- Sitemaps
- Development
- Testing
- Deployment
- Safe working practices
- Meet the designers: How would you describe your job?
- Chapter 3. Coding and markup languages
- HTML
- Page basics
- Content markup
- HTML5
- CSS
- Div id and class
- Positioning elements
- Floats
- CSS3
- PHP
- SQL
- JavaScript
- JQuery
- Cookies
- Advanced coding
- Processing
- Processing basics
- Meet the designers: What is your educational background?
- Chapter 4. Designing for the Web and platforms
- Planning your designs - from paper to the screen
- Visual communication for the Web and digital platforms
- Visual research
- Utilising your graphic design skills and knowledge
- Colour for the Web
- Typography
- Web fonts
- Images for the Web
- Hand coding
- WYSIWYG editors
- Software
- In-browser tools
- SEO
- How search engines work
- Keywords and page titles
- Reading and using statistics
- Critical discussions: Encryption and privacy
- Critical discussions: Marxism and the information Economy
- Meet the designers: Do you code?
- Chapter 5. Web 2.0
- Layouts for the Web
- Responsive layouts
- Adaptive layouts
- Grids
- Bootstrap
- Content management systems
- CMS solutions
- Themes and plug-ins
- Critical discussions: Web 3.0:
- Semantic Web
- Critical discussions: Open internet and
- Net neutrality
- Meet the designers: What are the tools of your trade?
- Chapter 6. Rich content
- Social media
- Video for the Web
- Interactive content
- Sound for the Web
- Motion-based content
- Web docs and the Cloud
- Banners and (targeted) advertising
- Critical discussions: Art on / with the Internet
- Meet the designers: Which soft skills are important in your role?
- Chapter 7. The roles
- Designers
- Developers
- User experience designer (UX)
- User interface designer (UI)
- Motion designer
- Creative director
- Information architect
- Account manager
- Copy and content manager
- Strategist
- Community manager
- Marketing
- Critical discussions: Feminism and Intersectionality
- Meet the designers: How did you get to where you are?
- Chapter 8. What's next?
- Developments
- Devices
- Wearable tech
- Futureproofing
- Critical discussions: What is technological determinism?
- Critical discussions: Internet activism / hacktivism
- Critical discussions: Digital Utopia, techno-Utopianism
- Critical discussions: Dark UX / UI: Ethics and design for bad
- Meet the designers: How do you keep up?
- Further Reading
- Index
- Acknowledgements and image credits