Sketch dari A sampai Z: Jadilah Desainer UI

Tutorial Sketch - Menjadi Desainer UI dan UX

Bahasa: Jerman

Panduan Sketsa - Menjadi Desainer UI dan UX

Sketch adalah alat yang efektif dan intuitif yang memungkinkan Anda membuat prototipe proyek web. Dengan bantuan perangkat lunak UI dan UX, Anda membuat antarmuka yang dinamis untuk situs web dan aplikasi. Salah satu keuntungan utamanya adalah bahwa desain mengikuti aturan desain web, sehingga Anda memberikan hasil yang dapat diimplementasikan langsung ke pengembangan. Pelajari Sketch dalam tutorial selama lebih dari lima jam dari Luca Kiedrowski, yang akan membimbing Anda dari konsep hingga prototipe hingga antarmuka web yang sepenuhnya dirancang.

Menjadi desainer UI dan UX: Ciptakan antarmuka pengguna dengan Sketch untuk situs web dan aplikasi
Untuk memulai dengan cepat: Kuasailah dasar-dasar Sketch, desain UI, dan UX.
Untuk kemajuanmu: Pelajari teknik desain lanjutan seperti operator boolean
Tutorial yang mendekati praktek: Buat antarmuka pengguna modern berdasarkan contoh aplikasi
Lebih baik bermain tim dengan pengembang: Berikan mereka prototipe yang siap dikembangkan secara langsung.
Pahami konsep UI dan UX dalam 5 jam: Pelatih Luca Kiedrowski menunjukkan contoh praktik terbaik
Begini agar pengetahuan tetap terkunci di dalam otak: Termasuk materi kerja untuk berpartisipasi

Google dan Apple juga mengandalkan Sketch - ikuti jejak mereka dan pelajari sekarang, bagaimana cara membuat desain UI yang sederhana, indah, ramah pengguna, dan siap untuk pengembangan.

detail

Dapat digunakan dengan:
Isi: 5 h Pelatihan video
Lisensi: pribadi dan komersial Hak penggunaan
Bonus: termasuk bahan kerja

Kategori

Desain (Ilustrasi, Tata Letak & Percetakan)

Dibuat dengan cinta:

Luca Kiedrowski

Contoh penggunaan

Smartphone dengan aplikasi yang desainnya dikembangkan di Sketch

Buka galeri

Contoh: Dalam tutorial, kamu akan membuat aplikasi yang dapat dikembangkan menggunakan Sketch.

Ponsel dengan aplikasi yang desainnya dikembangkan di Sketch

Buka galeri

Contoh: Pelatihmu memberikan tips dan trik mengenai desain UX dan UI modern.

Pengantar

Gratis

Tutorial Sketch: 1.1 Pengantar

Selamat datang di Tutorial Sketch: Pelajari cara mendesain aplikasi Anda sendiri menggunakan program ini. Berikut adalah gambaran singkat mengenai kursus ini.

Unduh file proyek

Gratis

Tutorial Sketch: 1.2 Apa itu Sketch?

Sebuah pengantar singkat tentang program "Sketch" dan bagaimana Anda bisa mendapatkan akses ke program ini.

Tutorial Sketch: antarmuka program 1.3

Di sini kamu akan belajar mengenal Sketch dengan lebih baik. Aku akan menunjukkan kepadamu seluruh programnya dan kamu akan belajar bagaimana cara bekerja dengan efektif menggunakan program tersebut.

Tutorial Sketsa: 1.4 Perangkat Bantu

Sketch tidak akan menjadi program yang bagus jika tidak bisa menggunakan alat bantu. Di sini kamu akan belajar cara menambahkan alat bantu tersebut.

Tutorial Sketsa: 1.5 Plugin Terpenting

Plugin membantu Anda bekerja lebih baik dan lebih cepat dengan Sketch. Saya akan menunjukkan kepada Anda plugin mana yang dapat membantu Anda yang terbaik.

Tutorial Gambar: Menginstal Perpustakaan 1.6

Dengan Libraries, Anda dapat mengimpor desain standar Apple atau Android langsung ke dalam proyek Anda.

Tutorial sketsa: 1.7 InVision

InVision adalah alat yang akan sangat membantu proyek Sketch Anda. Di sana, Anda dapat membuat "Wireframes" untuk mengorganisir proyek Anda.

Dasar-dasar desain

Tutorial Sketsa: 2.1 Warna

Warna memberikan Anda kesempatan untuk membuat aplikasi Anda lebih hidup. Di sini Anda akan menemukan pengantar kecil tentang dunia warna.

Tutorial Sketch: 2.2 Font

Jaringan sosial "Medium" menunjukkan seberapa besar huruf dapat memengaruhi pengalaman pengguna. Huruf dalam aplikasimu bisa sangat penting.

Membuat prototipe

Tutorial Sketsa: 3 Prototipe

Sekarang kita mulai dengan aplikasi sesungguhnya.

Desain Layar

Tutorial Sketsa: 4.1 Layar Utama dan Templat Desain

Panduan Sketsa: 4.1 Layar Utama dan Templat Desain

Sekarang kita akan mulai dengan proyek sebenarnya kita dan mulai dengan layar utama. Selain itu, kamu akan belajar di sini bagaimana kita dapat membuat template desain.

Tutorial Sketsa: Membuat Grup dan Gaya Teks 4.2

Tutorial Sketsa: 4.2 Membuat Grup dan Gaya Teks

Dalam pelajaran ini, Anda akan belajar cara membuat grup dan menyimpan gaya teks untuk menghemat waktu.

Tutorial Sketch: Mencari, membuat, dan menyesuaikan ikon.

Ikon adalah bagian penting dari sebuah aplikasi. Dalam video ini, Anda akan mengetahui di mana Anda bisa menemukan ikon terbaik dan bagaimana cara mengintegrasikannya ke dalam proyek Anda.

Tutorial Sketsa: Mendesain chat 4.4, bekerja dengan lapisan

Tutorial Sketsa: Mendesain 4.4 Chat, bekerja dengan lapisan

Sekarang kita akan pindah ke obrolan aplikasi kami. Di sana kita akan bekerja dengan lapisan, yang sebaiknya kamu juga gunakan untuk menghemat waktu.

Tutorial Sketsa: Desain iPhone X 4.5

iPhone X mengubah banyak hal dalam desain aplikasi. Para desainer sekarang harus bekerja dengan bentuk layar baru. Di sini kamu akan mengetahui dasar-dasarnya.

Tutorial Sketsa: 4.6 Profil Pengguna, Efek Blur

Tutorial Sketsa: 4.6 Profil Pengguna, Efek Kabut

Dengan efek, kamu bisa memberikan desain menarik pada aplikasimu. Kami menggunakan efek Blur pada profil pengguna kamu.

Tutorial Sketsa: 4.7 Memanfaatkan Desain sebagai Alat

Dalam video ini, Anda akan mengetahui bagaimana Anda dapat menggunakan desain sebagai alat untuk memberikan sentuhan akhir pada aplikasi Anda.

Panduan Sketsa: Menggunakan Pustaka 4.8 & Membuat Lembar Tindakan

Tutorial Sketsa: Menggunakan Libraries 4.8 & Membuat Action Sheet

Sekarang kita menggunakan perpustakaan iOS untuk membangun Action Sheet. Dengan Libraries, kamu tidak hanya dapat menghemat waktu dalam desain, tetapi juga dalam pengembangan.

Menyediakan desain

Tutorial Sketsa: Siapkan 5 Desain di InVision

Tutorial Sketsa: Menyediakan 5 Desain di InVision

Jika aplikasi Anda akan dikembangkan, para pengembang membutuhkan desain Anda. Di pelajaran ini, Anda akan mempelajari cara menyediakan desain Anda di InVision.

Menyediakan informasi penting

Tutorial Sketsa: Menambahkan 6 bantuan ke dalam aplikasi

Tutorial sketsa: Masukkan 6 bantuan ke dalam aplikasi

Pengguna aplikasi seringkali tidak menemukan tombol yang tepat atau memiliki pertanyaan lain yang tidak terlihat dengan jelas. Itulah sebabnya kami membuat bagian Tanya Jawab (Q&A).

Desain Profesional

Tutorial Sketsa: Membuat Grafik Desain Datar

Tutorial Sketch: Membuat grafik desain datar 7.1

Jika Anda memiliki batas waktu yang ketat untuk proyek-proyek Anda, seringkali Anda tidak memiliki waktu untuk mendesain semuanya sendiri. Di sini Anda akan mengetahui bagaimana dan di mana Anda bisa mendapatkan bantuan.

Tutorial Sketsa: 7.2 Redesain Rumah

Di layar beranda, kami masih memiliki banyak ruang untuk ditingkatkan. Itulah sebabnya kami akan melakukan redesain layar pertama kami.

Tutorial sketsa: Pengalaman Pengguna dalam Proses Pembelian 7.3

Tutorial Sketsa: 7.3 Proses Pembelian Pengalaman Pengguna

Proses pembelian pengguna harus berjalan lancar, karena ini adalah salah satu momen paling sensitif dalam alur pengguna.

Pembaruan di Sketch

Tutorial Sketsa: 8 Prototyping di Sketsa

Pada versi baru dari Sketch, Anda memiliki kemungkinan untuk membuat prototipe langsung di dalam Sketch.

Detail tentang isi

Memahami Desain UI dan UX Mobile dan Mengimplementasikannya dengan Sketch
Baik aplikasi, situs web, atau blog - hidupkan konsep UI dan UX Anda - dengan Sketch. Dalam video tutorial selama lebih dari lima jam dari Pelatih Luca Kiedrowski, Anda akan dengan cepat menguasai semua dasar-dasar penggunaan program ini, untuk segera mulai bekerja intensif pada proyek contoh desain aplikasi interaktif.

Alasan Mengapa Anda Perlu Menonton Tutorial Sketch Ini

Anda menggunakan perangkat profesional langsung dalam desain UI dan UX, karena Sketch juga digunakan oleh perusahaan terkenal seperti Google, Facebook, dan Apple. Karena penggunaannya yang intuitif, penggunaan program ini mudah dipelajari, sehingga Anda dapat mencapai hasil yang dapat dipamerkan dalam waktu singkat.

Baik Anda memiliki latar belakang desain atau tidak: Tutorial Sketch sangat cocok untuk memulai di bidang desain UI dan UX dan khususnya untuk mewujudkan ide desain aplikasi Anda sendiri dengan Sketch. Dasar-dasar dan aplikasi dalam satu!

Jika Anda sudah merancang desain untuk web dan cetak (misalnya dengan Photoshop atau Illustrator): Pelajari keterampilan mentransfer desain Anda dan elemen individual seperti ikon atau simbol ke desain UI yang dinamis dan siap dikembangkan. Dengan pengetahuan Anda di bidang desain web, Anda memberikan nilai tambah yang banyak (dan semakin banyak) pada riwayat hidup Anda.

Tingkatkan kerjasama dengan pengembang web: Dengan menggunakan Sketch, Anda mempersiapkan antarmuka pengguna yang telah sesuai dengan aturan desain web. Dengan demikian, Anda memberikan desain kepada pengembang yang dapat diimplementasikan secara langsung. Dengan cara ini, Anda mempersingkat jalan dari konsep dan desain hingga aplikasi web yang dikembangkan secara signifikan.

Desain UI dan UX dengan Sketch dari A hingga Z

Fokus utama dari tutorial Sketch adalah pada penggunaan praktis program tersebut, yang tersedia dalam versi uji coba gratis dari penyedia. Dengan bimbingan pelatih Anda, Anda melalui langkah demi langkah semua tahapan, mulai dari pembuatan sketsa hingga desain UI yang selesai, menggunakan desain aplikasi sebagai contoh. Material kerja disertakan dalam tutorial ini, sehingga Anda dapat langsung berpartisipasi secara praktis:

Pertama-tama, Anda akan menggambar secara kasar bagaimana antarmuka pengguna aplikasi akan terlihat nantinya. Kemudian Anda langsung merancangnya. Anda membuat layar awal, bekerja dengan grup, layer, dan gaya teks, serta memilih ikon yang sesuai. Anda mendesain obrolan, bantuan, dan profil pengguna, dan Anda belajar cara bekerja dengan Libraries, Action Sheets, dan Efek. Pada akhirnya, akan ada desain UI lengkap, dari mana Anda bahkan dapat membuat prototipe dalam versi 52 Sketch saat ini.

Sebelumnya, Anda akan mempelajari dasar-dasar Sketch dan desain UI yang penting. Dengan demikian, Anda dapat dengan cepat menguasai antarmuka pengguna, Anda mengenali plugin dan alat bantu penting, dan Anda tahu cara yang efektif dalam menggunakan huruf dan warna. Pelatih Anda juga akan menunjukkan kapan waktu yang tepat untuk mengombinasikan Sketch dengan InVision, misalnya dalam fase yang disebut Wireframing.