Web Design: Be Responsive!

Define Responsive functions

A course by Francisco Aveledo , Web designer

Web designer. Vilanova i la Geltrú, Spain.
Joined September 2009
91% positive reviews (258)
3,704 students
Audio: Spanish
Spanish · English · Portuguese

About the video: Define Responsive functions

Overview

“Define the adaptive design functions that merit a graphic change. For example, if your main menu is reduced to an icon, design in a separate layer group what that header will look like, the icon and how the displayed menu will look when the user clicks on the icon. Do the same for any other graphic detail that is different and that the programmer needs to know. Although many of the functions of adaptive design can be explained to the programmer with words, or even drawing the screens on paper, it is possible that in many cases you need to create a Photoshop document (or other visual program), with each design per device . If so, use the attachments that I have left in this unit to recreate your website on a tablet and on a mobile phone.”

In this video lesson Francisco Aveledo addresses the topic: Define Responsive functions, which is part of the Domestika online course: Web Design: Be Responsive!. Learn to design your responsive web portfolio.

Partial transcription of the video

“[Music] To finish with the design process in this last lesson of unit 3 let's define the functions of the responsive design. Many of these functions could be explained to the programmer through a text document or even with handmade drawings like the wireframes we did before. The only thing that would really be necessary Play in photoshop or as a digital image will be all those graphic elements They change their appearance from one device to another. However, take into account which depends on the project you do, you may need Have these documents separately. For example if you are doing a pr...”

This transcript is automatically generated, so it may contain mistakes.


Course summary for: Web Design: Be Responsive!

  • Level: Beginner
  • 91% positive reviews (258)
  • 3704 students
  • 4 units
  • 17 lessons (1h 49m)
  • 12 downloads
  • Category

    Web & App Design
  • Software

    Adobe Photoshop
  • Areas

    Digital Product Design, Interactive Design, Mobile Design, UX / UI, Web Design, Web Development

Francisco Aveledo

Francisco Aveledo
A course by Francisco Aveledo

Teacher Plus
Web designer

My name is Francisco Aveledo and I work as a graphic designer under the name of FA Design. My specialty is web design and corporate image although I cover other areas of design. I have spent more than 15 years dedicating myself to design, many years of study and the last 6 years on my own.

I have always been passionate about digital design, although I also appreciate the traditional part of design, as I had the opportunity to learn both. Since I studied design, I liked the idea of designing for the screen, of organizing content and showing it efficiently. I have worked in many projects, both web, print, motion and other digital surfaces such as digital television service applications.


  • 91% positive reviews (258)
  • 3,704 students
  • 17 lessons (1h 49m)
  • 23 additional resources (12 files)
  • Online and at your own pace
  • Available on the app
  • Audio: Spanish
  • Spanish · English · Portuguese
  • Level: Beginner
  • Unlimited access forever

Category
Areas
Web Design: Be Responsive!. Web, and App Design course by Francisco Aveledo

Web Design: Be Responsive!

A course by Francisco Aveledo
Web designer. Vilanova i la Geltrú, Spain.
Joined September 2009
  • 91% positive reviews (258)
  • 3,704 students