ch.6 Flashcards
what is web design?
it is the process of creating all visual aspects of the interface layout: layout, color scheme, images, logos
good inter face designs involves?
navigations, header, footer, layouts and credibility
visual identity contains?
1-digital design guide
2-color theory
digital design guide?
1-includes guidlines for creating all manners of web assets including: banners, social media content and website design elements
2- has all logos, fonts, color schemes, menus and button style
color theory?
combing colors to attract people towards your brand and it’s offerings
color related web design convections?
1- red: used for errors, problems (call to action)
2- green: successful actions, next steps, correct submissions
3- blue: hyper links (create trust and loyalty)
4- yellow: optimizing
5- black: luxury products (creates power)
design theory contains?
1- the fold
2-consistency
3- white space
the fold?
the imaginary line at the bottom of the monitor that divides the immediately visible part of the website from the part that is visible only after scrolling down.
what should be placed above the fold?
important messages, content or call to action
consistency?
consistent use of visual across all your channels, users perceive one message through all touch points
what should be consistent through all touch points?
brand identity using digital design guide
white space?
the spaces between elements on a page, spaces allows the eyes to travel easily between chunks of information
collecting and collating design assets?
Brand assets that a designer requires to start working on your project:
1- logos, key elements of the brand
2- images library (products)
3- fonts folder
4- brands color
5- existing creative assets
6- website copy
fonts?
1- should be easy to read and search engine friendly
2- typographic layout can draw attention to content users
3- importance can be signified by: text size, color and capitalization
web safe fonts?
anyone accessing websites that uses these fonts will be able to view them as designers intended and search engines will be able to search these websites easily
web development?
gives life and movement to the static designs and enable users to access websites using web browsers
key decisions of web development are?
1- should the website be static or should it have content management system
2- which server-side language should be used
3- which font-end language should be used
static web sites or CMS?
1- static: stays the same over time and no content is added
2- CMS: updated frequently, manage the content of the website
types of CMS’s?
1- be spoke, companies goes to a developer to create a customized website with their special requirements
2- of the shelf: websites ready to make with money
3- open source: anyone could use for free with limited features
key features to look out for when selecting or building CMSs?
1- meta and title tag customization
2- URL
3- customizable navigation
4- CMSs has good support
5- robots and text management
server-side language?
web coding languages that determines how your website works and communicates with the web server
things to consider while choosing server side language?
1-cost
2- scalability
front-end languages?
interactive experiences online and interactive websites are part of it
properties to consider when choosing front-end languages?
1- costs
2- features
3- scalability
4- browser and OS support
languages options?
1- java script
2- CSS
3- HTML5
4- Flash
types of mobile development?
1- mobile website
2- mobile app
3- responsive website
mobile website?
make accessing information for users about your brand easier as long as mobiles have internet and browser
mobile app?
helps users perform particular tasks and operating system
responsive website?
website that changes its layout depending on the device it is
displayed on
key concepts of responsive websites?
1-Flexible grid
2-Media queries
3-Flexible images
guide to building a website?
- Planning and research
- Choosing a domain name
- UX and content strategy
- Search engine visibility
- Design
- Development
- Testing and launch