Sudirman Park - Karet Tengsin, Tanahabang, Central Jakarta City
support@web-lib.info

30 Tips Belajar Web Desain Dalam Waktu 30 Hari

Apakah mempelajari dasar-dasar desain web masih terdapat dalam susunan “suatu hari” Anda? Mengapa kita belum memulai?

Kami telah mengoleksi 30 tips dan sumber daya untuk menolong Anda mulai mempelajari desain web bulan ini (dan bahkan mungkin mengejar diri kita jalur karier baru!)

Desainer grafis, desainer cetak, dan kreatif yang hendak mempelajari sesuatu yang baru atau masuk ke website web mesti berhenti menunda-nunda. Setiap hari kita tidak mengambil tahapan kesatu menciptakan Anda satu hari lebih jauh di belakang orang lain!

Ikuti langkah-langkah ini guna mulai mempelajari teknik membuat website web kesatu Anda, praktik terbaik industri, dan tidak sedikit lagi — semuanya dalam 30 hari!

Mulai Situs Web

Cara terbaik guna mulai belajar desain web ialah mulai melakukannya. Itulah saran dari David Kadavy, pengarang Design Hacker.

Saya sarankan Anda mengawali blog. Saya mengawali sebuah blog melulu untuk mempunyai taman bermain desain web, dan 7 tahun kemudian, saya meluncurkan kitab terlaris pada subjek. Memiliki proyek pribadi, laksana blog, memberi Anda lokasi di mana kita dapat mengupayakan hal-hal baru, dan bos kita tidak bakal memecat Anda andai Anda mengacaukannya.

Anda tidak mesti mengawali dengan website web besar atau desain gila; mulai dari yang kecil. Bermainlah dengan website web, cari tahu apa yang menciptakan semuanya berfungsi. (Dan pastikan untuk mengecek kodenya, sampai-sampai Anda bisa mulai mengenal apa yang menciptakan situs web kita berfungsi.)

Baca Semua yang kita Bisa

Mulai membaca. Karena Anda sedang di blog ini, Anda barangkali terbiasa melacak apa yang terjadi di dunia desain. Teruslah membaca.

Baca seluruh yang Anda dapat tentang desain, tren, dan teknik website web, serta praktik terbaik. Ikuti desainer yang kita kagumi di media sosial.

Berikan jaring lebar untuk menyimak desain website web kita juga. Baca mengenai dasar-dasar guna mempelajari sejumlah kode, baca mengenai teori desain dan baca tutorial dan tulisan saat ini.

Jadilah Seorang Komunikator yang Efektif

Jika kita bukan orang yang sangat pandai bicara, tingkatkan kemampuan itu. Sebagian besar dari desain website web ialah komunikasi.

Desainer website web mesti berkomunikasi dengan klien secara tertata untuk menggali tahu masalah apa yang butuh dipecahkan oleh desain; mereka mesti mengkomunikasikan penyelesaian tersebut dan mengimplementasikannya juga.

Berlangganan Tuts + & Envato Elements

Pertimbangkan berlangganan Envato Elements, yang pun memberi kita akses ke sumber belajar Tuts + yang luar biasa.

Tuts + mengeluarkan kursus reguler mengenai desain grafis dan web, mulai dari kiat dasar, sampai pendekatan dan pengembangan modern terkini. Ini sepenuhnya serba otomatis, diajarkan oleh instruktur ahli. Anda pun akan menemukan akses ke Envato Elements, yang adalahsumber yang bagus untuk mengejar grafik, templat, dan lainnya guna disambungkan ke kegiatan desain web Anda.

Berpikir dalam HTML

HTML, atau bahasa marka hiperteks, ialah landasan desain website web. HTML ialah kerangka yang menolong menciptakan struktur website web dan begitu kita dapat menyimak bahasa, dunia desain website web bakal jauh lebih masuk akal.

W3Schools mempunyai tutorial pemula HTML yang hebat dengan ratusan misal HTML yang bisa Anda mainkan di layar untuk menyaksikan apa yang terjadi dan bagaimana teknik kerjanya. (Anda barangkali menemukan tersebut lebih intuitif daripada yang kita bayangkan.)

Bermain dengan Kode di Codeacademy

Meskipun HTML ialah awal yang baik, Anda bisa mempelajari nyaris semua bahasa pemrograman dari Codeacademy. Perangkat cuma-cuma mengajarkan kita untuk menciptakan kode menggunakan kegiatan dan permainan interaktif.

Anda dapat memungut kursus Codeacademy di mana dan kapan saja kita membutuhkannya dan mulai dan berhenti cocok kebutuhan. Pilih subjek guna dipelajari – pengembangan web, pemrograman, ilmu data – atau bahasa guna difokuskan – HTML & CSS (tempat yang bagus guna memulai), Python, Java, SQL, Ruby, dan tidak sedikit lagi.

Belajar Memahami CSS

CSS, atau eksemplar gaya berjenjang, menilai penyajian dokumen yang ditulis dalam HTML, atau XML dan SVG.

Seperti yang didefinisikan oleh Mozilla

CSS menyatakan bagaimana unsur harus diperlihatkan di layar, di atas kertas, dalam pidato, atau di media lain.

Mozilla pun memiliki tidak sedikit koleksi sumber daya CSS guna memulai, dengan pengenalan yang solid tentang teknik kerja CSS, tergolong penyeleksi dan properti, mencatat aturan CSS, merealisasikan CSS ke HTML, teknik menilai panjang, warna, dan unit beda dalam CSS, kaskade dan pewarisan, dasar-dasar model kotak, dan debugging CSS. Kemudian modul berpindah untuk menyatakan teks dan kotak styling.

Terapkan Keterampilan Desain kita ke Web

Jika Anda telah bekerja di bidang desain kreatif atau grafis, pikirkan hal-hal yang telah Anda ketahui yang bisa Anda lakukan pada desain website web juga. Prinsip-prinsip yang menciptakan sesuatu yang unik secara visual tidak berubah menurut medium dan seluruh teori desain tersebut akan bermanfaat dalam ruang digital juga.

Sementara elemen-elemen laksana kode pembelajaran barangkali tidak terasa alami, mempunyai latar belakang desain ialah bonus yang paling besar. Apa gunanya website web berkode estetis jika tidak terdapat yang inginkan berinteraksi dengannya?

Perhatikan Situs Web yang kita Cintai

Perhatikan website web yang kita sukai. Bagaimana dengan mereka yang menarik untuk Anda? (Dan bagaimana Anda dapat belajar mereplikasi elemen-elemen itu?) Perhatikan:

  • Tipografi
  • Navigasi
  • Penggunaan gambar dan ruang
  • Desain bentuk
  • Animasi dan efek gulir
  • Warna

Gambar Wireframe

Wireframing ialah brainstorming perancang web. Dalam bentuknya yang sangat murni, kerangka gambar ialah sketsa mengenai bagaimana website web tersebut nantinya. Ini bukan garis besar unsur estetika, tetapi cetak biru website web. Menggambar wireframe bukan benar-benar mengenai tampilan desain ini, ini mengenai struktur informasi di dalamnya.

Tidak yakin teknik membuat wireframe? Digital Telepathy mempunyai panduan praktik terbaik untuk menolong Anda belajar.

Luangkan Waktu guna Belajar Sketsa

Sketch ialah alat menggambar vektor guna Mac yang membuatnya gampang untuk menciptakan elemen desain. Banyak desainer berpindah ke Sketch untuk menciptakan elemen UI dan mengulangi blok desain.

Itu dikemas dengan plugin dan memungkinkan Anda guna mengekspor kode supaya mudah dipakai dan diakses. Ini ialah salah satu perangkat yang sangat kuat, dan populer, untuk hadir sejak Adobe’s Creative Suite dan paling berharga guna waktu Anda.

Tetap Terkini dengan Teknologi

AI, VR, AR, video 360 derajat, bot. Ada begitu tidak sedikit teknologi dan tren baru sampai-sampai sulit guna dilacak. Tetapi kita perlu menciptakan titik guna tetap di atas evolusi ini.

Atasi mereka satu per satu dan mulailah dengan teknologi yang sangat langsung berhubungan dengan kegiatan yang kita lakukan. Jika kita mempunyai situs web dengan obrolan online, mulailah dengan mempelajari mengenai bot. Atau andai Anda menggunakan tidak sedikit konten video, bermain-main dengan video 360 derajat.

Elemen laksana kecerdasan produksi dan virtual atau augmented reality bahkan lebih perumahan tetapi ingin menjadi unsur yang terintegrasi dari lanskap desain website web di ujung jalan. Minimal, Anda mesti tahu apa tersebut dan apa potensi pemakaiannya.

Dapatkan Nyaman dengan SEO

Sementara tidak sedikit perancang web beranggapan bahwa seorang spesialis SEO bisa menangani supaya situs web siap guna dibaca oleh mesin pencari, ada tidak sedikit pekerjaan desain yang terhubung ke SEO.

Dari teknik gambar diunggah ke menciptakan kode bersih yang cepat guna memasukkan pemaparan meta pada halaman dan elemen, perancang mesti memasukkan pemikiran penelusuran ke dalam alur kerja mereka.

Pekerja lepas, ini pun sangat penting untuk Anda. Sebagian besar klien lumayan cerdas guna meminta website web yang dioptimalkan guna SEO. Jika kita bekerja sendiri, kita perlu lumayan tahu untuk menciptakan kerangka kerja yang solid yang bisa dibaca Google (dan bisa merujuk klien ke spesialis SEO andai perlu lebih tidak sedikit pekerjaan dilakukan).

Bermain dengan Pembuat Situs Web

Pembuat website web bisa menjadi teknik yang bagus guna merasa nyaman dengan praktik terbaik dan teknik mulai membina dan merancang website web.

Sebagian besar perangkat ini memiliki tidak sedikit template dan memungkinkan Anda guna menyesuaikan unsur dan bahkan menambahkan potongan kode. Untuk website sederhana, tidak sedikit pembangun website web pun mempunyai paket cuma-cuma di mana kita dapat menciptakan halaman portofolio individu atau website web dasar yang bermanfaat sebagai taman bermain guna Anda.

Kemudian sisihkan bagian-bagian dalam pembuat website web. Lihatlah bagaimana mereka dirancang dan dikodekan untuk menikmati bagaimana semuanya bergabung. Anda bakal kagum dengan apa yang bisa Anda bayangkan melulu dengan memilih desain lain.

Temukan seorang Mentor

Adakah seseorang yang bekerja dengan kita yang kita kagumi sebagai perancang web? Ajak mereka santap siang dan pilih benak mereka mengenai industri ini.

Menemukan mentor yang mau bekerja sama dengan kita dan menolong Anda beranggapan tentang bidang itu dan teknik mempelajari desain web sendiri dapat sangat berharga. Dan sedangkan Anda barangkali dapat mengejar mentor di komunitas online, tidak terdapat yang lebih baik daripada orang hidup yang bisa Anda temui secara rutin. (Mungkin butuh mempunyai mentor online dan langsung.)

Bergabung dengan Komunitas CodePen

Setelah kita mulai terbiasa dengan sejumlah kode dan pemrograman, Anda hendak bergabung dengan komunitas CodePen. Komunitas open-source memungkinkan Anda guna berbagi dan mengedit cuplikan kode di jejaring sosial.

Berikut ini tidak banyak lebih tidak sedikit dari pendiri situs: “CodePen ialah lingkungan pengembangan sosial. Pada intinya, ini memungkinkan kita untuk mencatat kode di browser, dan menyaksikan hasilnya ketika Anda membangun. Alat yang bermanfaat dan membebaskan untuk pengembang kemampuan apa pun, dan terutama memberdayakan untuk orang yang belajar kode. Kami konsentrasi terutama pada bahasa front-end laksana HTML, CSS, JavaScript dan sintaksis preproses yang pulang menjadi hal-hal itu. “

Ikuti Kelas

Untuk sejumlah peserta didik, penataan ruang ruang belajar yang lebih formal ialah yang terbaik.

Ada tidak sedikit kelas yang terdapat – secara langsung dan online – untuk Anda guna mempelajari dasar-dasar desain web. Mulailah dengan perguruan tinggi lokal atau pusat pembelajaran online laksana Udemy atau Coursera. Ambil ruang belajar di tingkat keterampilan Anda ketika ini dan teruslah maju.

Ingin Melakukan Sesuatu? Google It

Untuk pelajar yang tidak terlampau tradisional, temukan jawaban guna masalah desain web di Google. Ada begitu tidak sedikit tutorial dan video yang terdapat yang dapat beri panduan Anda melalui nyaris semua masalah – dan solusinya.

Kuncinya ialah mencari dengan tepat apa yang butuh Anda ketahui dan menggali sumber yang mempunyai reputasi baik guna jawabannya. Berikut tip beda dalam urusan tutorial dan video – konten yang lebih baru barangkali akan memberi kita jawaban yang lebih baik, lebih lengkap, dan lebih relevan. (Ingat, sejumlah hal ini berubah dengan cepat.)

Perhatikan Pengalaman Pengguna

Tidak terdapat yang dapat menciptakan atau menghancurkan website web laksana desain empiris pemakai. Anda butuh merencanakannya dan memahaminya.

Begini teknik Yayasan Desain Interaksi menyatakan desain UX:

Desain empiris pemakai (UX) ialah proses membuat produk yang menyerahkan pengalaman yang bermakna dan relevan secara pribadi. Ini melibatkan desain yang hati-hati dari manfaat produk dan kesukaan yang didapatkan konsumen dari menggunakannya. Ini juga sehubungan dengan semua proses untuk mendapat dan mengintegrasikan produk, tergolong aspek branding, desain, kegunaan, dan fungsi.

Desainer UX, atau desainer yang menyadari proses pembentukan pengalaman, berupaya membuat dan menyusun faktor-faktor yang memengaruhi proses secara sengaja. Untuk mengerjakan ini, perancang UX bakal mempertimbangkan Mengapa, Apa, dan Bagaimana pemakaian produk.

Perhatikan Tren Desain

Seperti apa desain website web modern? Itu bukan pertanyaan jebakan. Bagi merancang website web canggih dan empiris pemakai, Anda butuh tahu apa yang diharapkan pemakai dan bagaimana mereka berinteraksi dengannya. Jika terakhir kali kita mengunduh software atau menyaksikan situs web di ponsel Anda ialah tahun 2016, kita punya banyak dalil untuk berbaikan.

Membuat desain website web yang mempunyai sentuhan canggih dan tren yang terintegrasi ke dalam desain akan menolong proyek kita menonjol. Bagaimana kita tahu apa yang sedang tren? Terus baca situs laksana ini dan simaklah apa yang dilaksanakan desainer lain. Perhatikan warna dan gaya serta fitur yang tergolong dalam website web yang tidak jarang Anda kunjungi.

Buat Tanpa Warna

Mulai masing-masing desain tanpa warna. Seorang desainer hebat pernah mengatakan untuk saya bahwa andai desain kita bekerja dalam warna hitam dan putih, tersebut akan berwarna sempurna.

Itu barangkali tidak tidak jarang kali benar, namun ini ialah titik mula yang bagus.

Dengan menciptakan desain hitam dan putih, kita dapat menyaksikan di mana unsur kontras dan bagaimana mereka bermain bersama. Anda sudah menghapus segala asosiasi emosional dengan warna atau gerakan mata yang terjadi karenanya. Bentuk desain yang sangat sederhana ini bakal memberi Anda gagasan jika sesuatu bermanfaat sebagai konsep sebelum kita melanjutkan guna menyelesaikannya.

Belajar Mencintai Font Google

Google Font ialah teman Anda. Terlepas dari apa yang kita rasakan mengenai Google, keterampilan untuk menelusuri, mengurutkan, dan memilih jenis huruf yang kita tahu akan bermanfaat dalam desain website web ialah penting. kita tidak butuh memikirkan lisensi atau apakah tipografi kompatibel dengan browser tertentu atau tidak.

Batasannya ialah Anda melulu mempunyai apa yang terdapat di buku Google Font guna dikerjakan. Tetapi andai Anda mencoba, kita dapat mengejar sesuatu yang cocok dengan nyaris setiap proyek. Ini bakal menghemat tidak sedikit waktu dalam jangka panjang.

Pilih Terlepas Kit UI

Unduh antarmuka pemakai atau ikon kit dan pisahkan. Sama laksana Anda dapat mengecek kode website web, lihat bagaimana unsur desain dibangun guna web. Perhatikan skala dan kisi, lihat gabungan warna dan bagaimana file ditata dalam Photoshop atau Illustrator.

Cari kit untuk didownload yang menyertakan unsur dalam sekian banyak format guna tampilan resolusi tinggi. (Mengunduh tidak sedikit JPEG tidak bakal melayani kita dengan baik.)

Kemudian usahakanlah untuk membina atau menyesuaikan satu atau dua unsur Anda sendiri.

Menjadi Typographer

Desain website web canggih memiliki konsentrasi kuat pada tipografi … tipografi yang baik. Dari header pahlawan dengan ucapan-ucapan raksasa sampai lapisan teks yang unik pemakai ke dalam desain, mengetahui prinsip-prinsip bagaimana memasangkan unsur tipe dan membina blok teks yang unik sangat penting.

Mulailah dengan Ellen Lupton’s Thinking with Type. (Ada juga kitab dengan nama yang sama.) Lupton ialah otoritas mengenai tipografi dan kabarnya akan menciptakan Anda beranggapan seperti juru ketik dalam masa-masa singkat.

Langsung ke JavaScript

Ketika kita mulai merasa lumayan baik mengenai mencoba-coba desain web, tantang diri kita lagi guna mempelajari JavaScript. Setelah HTML dan CSS, itu ialah bahasa web yang sangat penting.

JavaScript ialah alat yang memungkinkan desainer guna mengimplementasikan hal-hal perumahan dan interaksi di halaman web. Inilah yang menciptakan slide slider atau animasi paralaks tersebut hidup.

Learn JS mempunyai tutorial interaktif untuk menolong Anda memulai.

Perbarui Portofolio Anda

Setelah kita mulai mendesain guna web, pastikan untuk memodernisasi portofolio kita dengan proyek desain web. Tindakan simpel ini akan menolong Anda mengindikasikan diri kita … dan orang beda … bahwa desain web ialah bagian dari repertoar Anda.

Portofolio yang dimodernisasi dapat menolong klien potensial menyaksikan seperti apa “gaya” Anda. Pastikan untuk memperlihatkan tata letak, warna, tipografi, dan sekian banyak teknik yang mengindikasikan apa yang bisa Anda lakukan.

Tantang Diri Anda

Dengan begitu tidak sedikit pintasan dan cuplikan kode untuk menolong Anda memperbaiki nyaris semua masalah website web yang kita alami, tidak boleh malas. Ingatlah untuk tidak jarang kali menantang diri kita sendiri guna mempelajari kemampuan baru, teknologi baru, dan terus menambah permainan desain web Anda.

Satu hal mengenai bidang ini ialah ia terus berubah; tidak jarang kali ada sesuatu yang baru guna dipelajari atau dicoba.

Maksimalkan Pengalaman Anda

Keluar sana dan desain. Anda mesti mulai mendesain website web guna menjadi desainer web.

Mulailah dari yang kecil, tetapi kerjakan proyek dengan yang lain. Mintalah guna bergabung dalam sebuah proyek dengan kesebelasan di lokasi kerja. Atasi website web kecil guna seorang teman. Semakin tidak sedikit pengalaman yang kita miliki dalam membina situs web, semakin baik dan cepat Anda bakal dapatkan.

Apa yang anda tunggu? Berhenti menunda-nunda.

Mintalah Tanggapan

Gunakan jaringan kita untuk mengoleksi umpan balik pada proyek-proyek desain website web Anda, tidak peduli seberapa kecil kita pikir itu. Dengarkan umpan balik ini – bahkan andai Anda tidak menyukainya dan lihat apa yang bisa Anda pelajari.

Di samping preferensi visual, apakah orang yang menyerahkan umpan balik menawarkan saran guna membuat faedah situs web lebih baik? Bisakah mereka dengan mudah mengetahui tujuan dari desain? Apakah mereka terhubung dengan pesan?

Terus Belajar Hal Baru

Untuk menjadi perancang website web yang hebat, Anda melulu perlu terus bermain, mengupayakan dan mempelajari hal-hal baru. Buat titik guna jaringan dan berkomunikasi dengan orang beda di lapangan sampai-sampai Anda bisa tetap di atas kiat dan evolusi visual yang dibutuhkan.

Jika Anda menggali untuk belajar desain website web, maka ini barangkali sudah sesuatu yang Anda kerjakan secara teratur. Tapi ini ialah bidang yang terus berkembang, dan terus berubah nyaris setiap hari. Tanyakan saja untuk siapa saja yang melakukannya.

Leave a Reply

Your email address will not be published. Required fields are marked *