Frontend Masters – Design for Developers 2019-1 – Downloadly
Description
Design for Developers, a comprehensive tutorial for programmers throughout the entire process, from concept to design and use in industry. We also design rules to provide a better deal to design team members.
What course “Design for Developers” will learn:
- You will be familiar with the concepts of the basics of design work, the designer work will be familiarized with the developer.
- Familiarity with layout and balancing the symmetrical and unsystematic, the history of layout, objects and layout
- Learn about layout in CSS, how to use tools, ClipPath and other masking tools, and learn CSS Flexbox along the way
- Learn the theory of colors; the combination of colors and a variety of color modes, the parts and the colors in the code and coding. The dynamic view of the palette and gradient has been improved
- Typography, principles, basics, colors and fonts applicable to typography
- Learn to be inspired by the works of others
- Images and various related services, including a variety of format images, tips and output decisions in .SVG format
- Sample preparation. User experience and tool related
Specification period
Publisher: FrontendMasters
Teacher: Sarah Drasner
Language: English,
Education Level: Introductory to Advanced,
the number of lessons: 63
Duration: 4 hours and 20 minutes
This course:
introduction
introduction
right vs. left hemisphere of the brain
What does this course structure look like?
perfection
Designer vs. developer
layout
Introduction to layouts, grids,
Balance, symmetry
Balance asymmetry
Exploring asymmetry, learning from art history,
to form
Scaling and cropping
network
Layout tools
Photoshop keyboard shortcuts
Layout and composition demo
primitive forms, exercise,
Primitive Forms Review
CSS layout
Layout in CSS
CSS Grid Demos
Example of naming a grid
CSS flexbox
Using Clippath and other masking tools
CSS writing mode
Grid-by example demo
Layout exercise
Layout qa
color theory
Color modes
Color mixing
color modes and properties,
Color in code
Color variables
limited color
Color tools
animated gradients
how to create a palette
Data visualization with HSL, an example
Creating a palette demo
Creating a palette exercise
typography
Typography Basics
Typography Resources
Pair fonts
Typography for lawyers
typographic color
terminology
Typography demo
Typography, practice and QA
inspiration
remix
Sources of inspiration
UI Kit Demo
Images and performance
image formats, resources,
Export tips
SVG
SVG, handling and full page background
Images, demo, image overlay, effects,
Layout, demo coding, compositions
Images, layout exercise
Develop prototype
loader
user experience tools,
Motion design language
Types of prototypes
Page transitions
Interaction exercise
Summary
Diploma
Required courses:
Pictures
Example film
installation Guide
After the excerpt etc. use the player to get your desired view.
Subtitles: English
Quality: 1080p
Download link
Password file(s): free software
File size
1.5GB