Projektowanie web: Be Responsive!
Kurs prowadzi Francisco AveledoProjektant stron internetowych
Kurs prowadzi Francisco Aveledo, Projektant stron internetowych
Dowiedz się, jak zaprojektować swoje responsywne portfolio (RWD)
Make the jump to Responsive Design! In this course, Francisco Avelendo of FA Design will teach you how to design an original website or your own portfolio from the concept to its preparation to be programmed. By completing your own online portfolio, you will learn all the steps to design webs to leave the file prepared for the programmer, and you will also enter the 'Responisve Web Design' or adaptive web design, the most used method currently that allows your Design suits all devices. Get away from the typical predesigned portfolios creating yours from scratch and who knows, this course can be the first step to dedicate yourself fully to web design or serve to complement your creative services.
Czego nauczysz się na tym kursie online?
llekcji: 17 & liczba dodatkowych zasobów: 23
Inspiration
7 min, 22 sek.
Responsive Web Design
6 min, 31 sek.
Organize the content
4 min, 24 sek.
Wireframing
9 min, 55 sek.
The grid (Grid system)
4 min, 39 sek.
Graphic concept
4 min, 49 sek.
Co obejmuje ten kurs?
To start the adventure of creating your site, FA Design will give you an introduction to web design and online portfolios, with an explanation of the 'Responsive Web Design' where you will know why this is currently the most common way to design websites. Next, you will organize the content of the web portfolio and you will make the paper sketches on the architecture of the information, basically some 'wireframes' made by hand. For this purpose, you will use a grid as the basis of the design; this will help you to maintain a logic at a structural level and will be very useful for the programmer who will assemble the site.
You will practice a real work process with all the keys so that the web is fluid and easy to use. Finally, you will see some tips on how to prepare Photoshop files to be used by a programmer, it will be him who gives life to the design. You will also receive advice on how to promote the website once it is assembled and online.
WHAT IS THE FINAL PROJECT OF THE COURSE? The final project of the course will consist of creating the visual design of a web portfolio, from the conception of the idea to the preparation of the files that can be used by a programmer to assemble the web later. Web portfolios are not usually complex sites and it is a very useful project for any creative, perfect to start in the area of screen design. In addition, a Responsive website will be perfectly seen from any device (mobile, tablet ...).
Zalecane oprogramowanie i narzędzia do tego kursu
Jaki jest projekt kursu?
El proyecto final del curso consistirá en crear el diseño visual de un portfolio web para que un programador la haga realidad. Empezarás desde la concepción de la idea hasta la preparación de los ficheros que puedan ser utilizados por un programador para montar la web posteriormente.
Los portfolios web no suelen ser sitios complejos y es un proyecto muy útil para cualquier creativo, perfecto para iniciarse en el área del diseño responsive para que se vea desde cualquier dispositivo (móvil, tablet o desktop).
Projekty uczestników kursu
Do kogo jest skierowany ten kurs online?
This course is aimed mainly at graphic or creative designers in general who want to enter the world of web design. It can also be useful for some programmers who need to dig deeper into the creative phase of their projects.
Wymagania i materiały
To complete this course you will need basic principles of graphic design, a notebook to draw and a medium level of Photoshop. It is not necessary to have knowledge of web design, simply a basic idea with the experience of surfing the internet.
Oceny
- 11 miesięcy temu
Me ha gustado, es sencillo.
- rok temu
La explicación que tiene es muy concreta y precisa haciendo entender todo el contenido de manera correcta y así mismo incitando a el aprendizaje autónomo
- vidhyaprabhu14PLUS2 lata temu
I loved the grid system in this topic. Love to know more about it
- 2 lata temu
Buenísimo.
- 3 lata temu
Excelente
Zawartość
- Cz.1
Introduction to Web Design
- FA Design and web design
- Bases of web design
- Inspiration
- Responsive Web Design
- Cz.2
Information architecture
- Organize the content
- Wireframing
- The grid (Grid system)
- Cz.3
Concept and visual design
- Graphic concept
- Build the web
- Define the graphic elements
- Variations funds
- Define instances
- Design the rest of the screens
- Define Responsive functions
- Cz.4
Prepare the files for the programmer
- The programmer
- Clean and organize
- Promote your website
- PK
Projekt końcowy
- Web design: Be Responsive!
Kurs Domestika - czego możesz się spodziewać?
Nauka we własnym tempie
Radość z nauki w domu, bez wyznaczonych terminów. Szybko przyswajasz wiedzę, a swój plan zajęć układasz wedle uznania.
Nauka z najlepszymi ekspertami
Przydatne metody oraz ciekawe techniki przedstawione i wyjaśnione przez najlepszych specjalistów z branży kreatywnej.
Doświadczeni prowadzący
Wszyscy prowadzący są specjalistami w swojej dziedzinie. Przekazują wiedzę z pasją, tłumaczą zagadnienia w jasny sposób, a podczas zajęć kładą nacisk na praktyczne zastosowanie zdobytej wiedzy.
Certyfikaty
PLUSJeśli masz subskrypcję Plus, za każdy kurs otrzymasz spersonalizowany certyfikat podpisany przez prowadzącego. Udostępnij go w portfolio, w mediach społecznościowych lub gdziekolwiek chcesz.
Miejsca w pierwszym rzędzie
Wysoka jakość wideo sprawia, że nie umknie Ci żaden szczegół. Dzięki nieograniczonemu dostępowi możesz obejrzeć nagrania tyle razy, ile potrzebujesz, aby przyswoić nowe umiejętności.
Dzielenie się wiedzą i pomysłami
Zadawaj pytania, nie wahaj się poprosić o opinię czy poszukać rozwiązania. Podziel się swoimi wrażeniami z nauki z pozostałymi członkami społeczności, którzy tak jak Ty uwielbiają tworzyć.
Łączność z kreatywną społecznością z całego świata
Społeczność kilku milionów użytkowników z całego świata, pełnych ciekawości oraz chęci odkrywania i wyrażania swojej kreatywności.
Profesjonalna realizacja kursów
Domestika starannie dobiera prowadzących i produkuje wszystkie kursy we własnym zakresie, aby zapewnić wysoką jakość nauki online.
Często zadawane pytania
Nauczysz się, jak strukturyzować strony internetowe, korzystać z siatek, tworzyć menu, projektować nagłówki i stopki, stosować design responsywny, organizować treści za pomocą wireframe’ów oraz przygotowywać pliki dla programistów, skupiając się na profesjonalnych portfolio i atrakcyjnych wizualnie stronach.
Kurs jest na poziomie średniozaawansowanym. Idealny, jeśli masz już podstawową wiedzę o projektowaniu stron lub doświadczenie z narzędziami graficznymi, takimi jak Photoshop.
Potrzebujesz podstawowej wiedzy z zakresu projektowania cyfrowego i obsługi programów takich jak Photoshop. Zalecana jest znajomość podstaw projektowania stron i poruszania się po internecie.
Kurs prowadzi krok po kroku przez proces strukturyzacji, wizualnego projektowania i organizacji projektów portfolio internetowego, wykorzystując realne przykłady i techniki inspiracyjne, które pomogą wyróżnić Twoją pracę online.
Głównie korzysta się z Photoshopa oraz narzędzi online do tworzenia siatek, symulatorów urządzeń i wireframe’ów ręcznych lub cyfrowych.
Tak, nauczysz się tworzyć elastyczne struktury, dostosowywać menu, kolumny i treści do różnych urządzeń oraz sprawdzać responsywność za pomocą narzędzi i symulatorów.
Nauczysz się stosować siatki kolumnowe i wireframe’y, aby rozplanować i uporządkować treści, tworząc spójną i łatwą w nawigacji strukturę wizualną.