Desain web. UX/UI - kursus 66.360 gosok. dari Moscow Digital Academy, pelatihan, Tanggal: 29 November 2023.

instagram viewer

Pengantar desain. Praktek dan alat 

— Area tanggung jawab desainer.
— Bagaimana mengembangkan seorang desainer dalam diri Anda.
— Bagaimana dan di mana mendapatkan inspirasi?
— Proses pembuatan desain.

Menguasai program Figma. Praktik

— Mengenal Figma
– Alat dasar
— Simulator Figma
— Animasi di Figma
— Buat tata letak interaktif di Figma + gunakan GIF
— Gaya di Figma
— Tata letak otomatis (teori). PRO.
— Tata letak otomatis (latihan). PRO.
- Komponen. PRO.
— Varian. PRO.
- Selai ara
— Plugin

Grid dan komposisi modular

— Apa yang dimaksud dengan jaringan modular?
— Bagaimana merancang grid modular
— Apa itu komposisi, bagaimana strukturnya?
— Warna, pencocokan warna, teori warna
— Bekerja dengan konten
— Susunan elemen di situs
— Neuroestetik
— Jaringan modular. PRO.
-DZ-1. Menggambar situs web portofolio

Tipografi

— Suasana hati, klasifikasi font
— Anatomi font: kerning, tracking, lead
— Penyuntingan: tanda hubung, tanda hubung, tanda kutip, kata sambung menjuntai
— Layanan, font komersial dan non-komersial, pengisian font, harga.
— Tata letak teks
— Pasangan font
— Font apa yang akan digunakan
— Kesalahan dalam tipografi.

Bekerja dengan referensi

— Bekerja dengan referensi. 1 bagian.
— Bekerja dengan referensi. PRO.
— Referensi pelatih

Tahapan pengembangan proyek

- Belajar
— Struktur, prototipe dan tata letak
— Teknis produksi
-DZ-2. Desain ulang situs web bar/situs web desainer interior (untuk dipilih)

Fitur teknis proyek

— Bagaimana sebuah situs bisa ada di Internet?
— Apa itu bagian depan. Bagaimana cara kerja kodenya?
— Apa itu backend?
— Domain dan hosting.
— Bagaimana cara mengirimkan tata letak untuk pengembangan? Apa yang perlu dilampirkan, dalam format apa dan mengapa?

UX dan analitik

— Apa itu UX. Terdiri dari apa?
— Arsitektur informasi. Hirarki.
— Desain interaksi
- Desain visual
— Pengujian kegunaan
— Analisis UX
— Skrip khusus
— Metode orang
- Peta pikiran
— Pembuatan prototipe
— Level menurut James Garrett.
— Pola UX
— Apa yang dimaksud dengan sistem desain?
— Sistem desain. Praktik
— Analisis kesalahan dalam desain visual
— Prinsip 4 pertanyaan
— Prototipe terperinci yang kompleks
—DZ-3
—DZ-4
— Peta Perjalanan Pelanggan (CJM)
— Pelatih UX/UI (beta)
— Mengapa kita memerlukan riset UX?
- Penelitian kuantitatif. Jajak pendapat.
— Alat untuk membuat survei.
- Penelitian kualitatif. Wawancara.
— Pengujian kegunaan. PRO.
— Hipotesis.
— Kisah Pengguna / Pekerjaan yang Harus Diselesaikan
— Pekerjaan rumah pada penelitian UX

Desain adaptif

— Apa itu desain responsif
— Cara kerja izin
— Jenis tata letak
— Mengumpulkan adaptif (baru)

Perlindungan proyek

— Persiapan pertahanan
— Proyek pertahanan kepada pelanggan
— Memperkirakan
— Perlindungan proyek dari Grisha Kochenov
- DZ-5. Menggambar situs web

Merek pribadi

— Freelancing dan penuh waktu
— Format dasar pekerjaan untuk desainer.
— Apa yang ingin dilihat oleh pemberi kerja?
— Di mana mencari pekerjaan sebagai desainer web
- Surat pengantar
— Cara lulus wawancara
— Kasus yang berhasil
-DZ-6. Pekerjaan pascasarjana

Animasi

— Animasi mikro
— Animasi makro
— Animasi layar pertama
— Animasi di ProtoPie
— Prinsip Animasi
— Animasi dalam Adobe After Effects
- Splin 3D
— Antarmuka masa depan. Grisha Kochenov

Pendaftaran karya

— Desain portofolio. Cara membuat kasus proyek. Terdiri dari apa kasusnya?
— Analisis contoh kasus siswa
— Cara memasukkan tata letak Anda ke dalam maket. Bagian 1
— Bekerja dengan maket. Bagian 2
— Desain casing di Behance di Figma
— Cara memposting kasus Anda di Behance
— Label Behance dan MDA

gelombang laut

— Mengenal Tilda
— Pendaftaran dan antarmuka
— Pengaturan situs dan pengaturan halaman
— Blok standar
— Blok nol, antarmuka
— Blok nol, bekerja dengan teks
— Zero-block, bekerja dengan gambar
— Blok nol, bentuk
— Blok nol, bekerja dengan tombol
— Nol blok, alat tambahan
— Tata letak aman di Tilda, wadah Grid
— Pengaturan layar beranda
— Skala otomatis
— Indentasi di Tilde
— Adaptasi seluler
— Templat animasi dari Varfolomeev
- Toko online
- Toko online. PRO
— Berita dan streaming
- Wilayah Pribadi
— Tata letak di Figma, wadah Grid
— Tata letak di Figma, wadah Jendela
— Tata letak di Figma, skala otomatis
— Transfer tata letak secara otomatis dari Figma
— Modifikasi
— DZ menurut Tilda 

photoshop

Beberapa pelajaran untuk membantu Anda memahami alat dasar yang dibutuhkan desainer web

penulisan salinan UX

Copywriting UX, perbedaannya dengan copywriting biasa, contohnya dipertimbangkan.

merek

- Apa itu merek? Komponen merek.
— Buku Merek
— Penentuan posisi, platform merek
— Menggambar logo di Figma

Perpustakaan

Buku untuk desainer web