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

Category: Web Design

10 Skema Warna Situs Web E-commerce Yang Menawan

Warna merupakan salah satu tools paling kuat yang terdapat pada
web designer’s toolbox.

Tools ini dapat dipakai untuk menarik perhatian, mengekspresikan makna, membuat keinginan, mendorong konversi, dan bahkan menemukan loyalitas pelanggan. Ini sangat penting dalam desain website
e-commerce, di mana informasi butuh dikomunikasikan dengan cepat dan ekspresif untuk mengolah browser kasual menjadi pembeli yang berkomitmen.

Tetapi bagaimanakah warna dapat menuntaskan semua ini dan tetap menjaga identitas brand yang konsisten? Jawabannya ialah dengan mengembangkan skema warna yang efektif. Setiap projek desain website e-commerce harus dibuka dengan palet warna yang dipertimbangkan secara lengkap yang dipakai secara konsisten di semua situs web.

Dalam berbagai kasus, skema warna website e-commerce yang dikembangkan dengan baik akan menjangkau dua hal. Pertama ialah menciptakan identitas brand yang powerful dan mendorong konversi. Dalam urusan identitas merek, warna dapat dipakai untuk mengucapkan makna atau informasi mengenai merek, serta membuat rasa keseragaman dan kohesi antara sekian banyaknya produk di website web. Konversi, sebaliknya, paling gampang didorong oleh pemakaian warna kontras. Kontras warna dapat dipakai untuk menyoroti produk tertentu dan menyerahkan petunjuk arah yang kuat.

Untuk menemukan pemahaman yang lebih baik mengenai bagaimana website web e-commerce memakai skema warna untuk menjangkau kedua destinasi ini, ayo kita lihat beberapa contoh skema warna website e-commerce yang efektif.

Meskipun beberapa situs web berikut mungkin telah mengolah tampilan dan rasa mereka sekitar bertahun-tahun lamanya, latihan yang didapatkan dari iterasi desain mereka sebelumnya dapat menolong Anda menciptakan skema warna yang sempurna untuk klien desain web Anda.

Tanpa basa-basi lagi, inilah 10 skema warna website e-commerce untuk menginspirasi projek desain kita berikutnya.

Helbak

Warna pastel memberikan kontras sempurna dengan rincian warna terang pada bermacam-macam barang dengan lokasi urutan di Helbak. Meskipun latar belakang pastel memfokuskan perhatian pengunjung pada gambar produk, mereka pun membantu memisahkan pengelompokan produk dari satu dengan yang lain. Ini merupakan contoh yang bagus mengenai bagaimana skema warna dapat menciptakan variasi seraya dengan memberikan kontinuitas secara koonsisten.

Oi Polloi

Kegembiraan brand Oi Polloi hadir dalam skema warnanya, yang diciptakan dengan logo dan dicocokkan dengan semua bagian situs. Meskipun pada awalnya tampak terfragmentasi atau sifat pelbagai skema warna mampu menolong pelbagai merek yang ditawarkan oleh toko.

Bloom That

Skema warna untuk Bloom That melakukan pekerjaan yang paling baik untuk kesinambungan dengan kontras. Warna oranye yang powerful dari logo di unsur kiri atas terhubung dengan baik dengan tombol anjuran bertindak yang jelas di sebelah bilah pencarian. Abu-abu lembut dan latar belakang netral yang dimatikan pun sangat menekankan gambar produk berwarna terang di latar depan.

Hillary Clinton Shop

Biasanya warna merah sejumlah ini bakal sangat spektakuler pada desain lainnya, namun di toko Hillary Clinton, ini adalahpukulan emosional yang kuat. Digabungkan dengan gambar produk biru yang lebih dingin dan teks putih sederhana, halaman arahan sarat warna ini mengingatkan pada merah, putih, dan biru dari spang-spangled bintang – sempurna untuk penonton Amerika patriotik Hillary.

LayersWP

www.judisakti.org

Situs ini memang mengandalkan warna hitam dengan kontras emas, yang memberikan kesan mahal dan kemakmuran. Website yang bertema online gaming dan casino ini mengandalkan warna-warna yang membuat pengunjung ingin segera bergabung untuk mendapatkan kemenangan. Slider dengan warna-warna emas dan merah membuat pengunjung betah berlama-lama melihat permainan yang disediakan disini.

Ohlin-d

Karena produk Ohlin-d diilhami oleh karya seni, masuk akal jika desain website harus mengambil isyarat warna dari seni juga. Dalam urusan ini, blue dan ungu menolong menekankan merah, orange, dan merah muda yang lebih hangat dari lukisan dan gambar produk. Ini ialah contoh bagus lainnya mengenai bagaimana warna bisa bekerja bersamaan bahkan dalam oposisi.

William Abraham

Skema warna untuk William Abraham ini adalah tentang gaya. Gambar produk yang berwarna terang sangat kontras dengan latar belakang hitam pekat. Merah powerful dan biru percaya diri mengekspresikan otoritas dan keyakinan, sedangkan cokelat kaya meningkatkan sentuhan kehangatan.

Triangl

Meskipun kekuatan website web ini terdapat dalam citra lookbook yang luar biasa, skema warna setiap potret sangat urgen untuk mengucapkan merek Triangl yang powerful dan konversi berkendara. Dengan produk-produk yang paling berwarna, masuk akal untuk memfokuskan perhatian penonton pada warna-warna hangat di latar depan. Kontras kemudian disusun oleh warna biru dan putih yang lebih dingin dari latar belakang.

Patagonia Provisions 

Dalam skema warna untuk Patagonia Provisions, cokelat dan jeruk dipakai untuk merangsang respons psikologis tertentu. Karena cokelat dan jeruk lazimnya dikaitkan dengan sifat membumi, alam, kesehatan, dan vitalitas, warna-warna di website ini menjalin hubungan yang powerful antara produk Patagonia dan asosiasi kebiasaan yang lebih luas.

Sundry

Penggunaan warna-warna bahari yang konsisten di samping logo oranye yang terang menciptakan citra gaya hidup yang ringkas untuk toko web pakaian ini. Latar belakang yang pucat memfokuskan perhatian pada produk di unsur tengah halaman, sedangkan pelampung berwarna terang di sebelah kiri unik tautan visual antara produk dengan nama merek.

10 Design Web Portofolio Yang Menginspirasi

Internet merekam ribuan desain portofolio, dan mendapatkan perhatian khusus pemberi kerja berpotensial di pasar kerja yang kian padat dan dalam hal ini menjadi suatu tantangan.

Untuk menonjol di pasar yang adu sikut ini, sangat penting untuk membuat portofolio online kita semenarik mungkin. Hari ini, kami mengamati mereka yang tidak membutuhkan tips untuk membuat portofolio yang luar biasa. Dalam tulisan ini, kita akan menerangkan 10 website portofolio spektakuler dari perancang pribadi dan studio kreatif di seluruh dunia – dengan penggabungan fitur-fitur yang membuatnya istimewa. Mari anda lihat apa yang dapat membuat kita terinspirasi.

Robby Leonardi


Portofolio: rleonardi.com

Keunggulan: Robby menggabungkan empiris interaktif ke dalam portofolionya.

Mengenai: Jika kita mengaitkan portofolio dengan susunan fakta, portofolio ini mungkin akan mengejutkan Anda. Robby menemukan teknik baru untuk memperlihatkan informasi masih terlihat kaku dengan menempatkan situs portofolionya sebagai videogame yang bisa dimainkan oleh pengunjung. Portofolio desain interaktif yang sangat mengasyikkan ini akan membuat Anda merasa gembira.

Yul Moreau

Portofolio: y78.fr

Keunggulan: Yul membuat suasana yang sangat menarik di situsnya.

Mengenai: Situs Yul Moreau adalah contoh bagus dengan memakai visual untuk mendorong keterlibatan pemakai. Dia mengambil inspirasinya dari tahun 1980-an, dan bahkan mengabdikan diri portofolionya pada era tersebut. Tata letak halaman utama dengan video yang tertanam, gambar, dan efek berjalan yang cerdas mengindikasikan semua empiris dan keterampilannya dengan baik.

Daniel Spatzek

Portofolio: danielspatzek.com

Keunggulan: Daniel memamerkan kemahiran desain grafis dan webnya.

Mengenai: Sebagai desainer grafis dan web, Daniel mengindikasikan keahliannya dengan estetis dalam portofolionya. Dengan menggunakan berbagai trik dan animasi CSS, ia menghidupkan segalanya dan membuat pengalaman yang benar-benar dinamis.

ToyFight

Keunggulan: ToyFight memakai skema warna yang unik demi menarik perhatian pengunjung.

Mengenai: Portofolio dari ToyFight yang satu ini dapat dikatakan paling gampang dalam navigasinya. Kombinasi desain minimal bersamaan dengan warna-warna terang untuk menciptakan keadaan yang kreativitas, dan menciptakan pengunjung menguras waktu lebih banyak di situs ini.

Studio Schurk

Portofolio: studioschurk.nl

Keunggulan: Studio Schurk memakai ilustrasi dan humor untuk menarik pengunjung.

Mengenai: Duo animasi Studio Schurk mengindikasikan selera humor mereka di website web portofolio mereka. Saat kita menuju ke bawah, kita akan menyaksikan animasi yang unik dan mengasyikkan bakat dari duo ini.

Rezo Zero

Portofolio: rezo-zero.com

Keunggulan: Rezo Zero meluangkan studi permasalahan lengkap untuk berbagai projek.

Mengenai: Rezo Zero adalah studio kreatif yang berspesialisasi dalam strategi brand dan kreasi digital. Portofolio ini terasa bagaikan majalah digital – dengan gambar-gambar estetis dan tipografi yang dipilih dengan baik. Tetapi yang membuatnya lebih baik adalah mengenai studi permasalahan yang terperinci dan dipikirkan secara matang untuk masing-masing projek.

Wokine

Portofolio: wokine.com

Mengapa ini istimewa: Wokine mengikuti tren desain visual terbaru.

Mengenai: Layar terbagi, maksudnya ialah satu layar dipecah menjadi dua – tren desain visual terbaru. Wokine dengan sempurna menggabungkan tips ini dalam desain berandanya. Portofolio tersebut sendiri ultra-minimalis, dengan banyak skema warna jarak dan sederhana. Ini membuat hierarki visual yang baik, dan memungkinkan untuk mengetahui apa yang dibutuhkan secara sekilas.

Legwork Studio

Portofolio: legworkstudio.com

Keunggulan: Kartun animasi membantu Legwork terlihat unggul.

Mengenai: Legwork adalah studio independen yang berbasis di Denver, CO. Mereka membuat pengalaman animasi dan interaktif. Mayoritas pengunjung pertama akan terkesan oleh animasi menarik yang berada di beranda – tidak seperti yang pernah kita lihat sebelumnya.

Hannah Purmort

Portofolio: hannahpurmort.com

Keunggulan: Hannah memakai kombinasi gambar dan warna yang powerful untuk menarik perhatian pengunjung.

Mengenai: Hannah Purmort adalah seorang desainer yang percaya pada desain yang menghubungkan orang. Situsnya ialah contoh yang bagus mengenai bagaimana berkomunikasi memakai gambar dan warna – dia memakai warna merah guna pengalaman menggali jalan dan guna navigasi.

Werkstatt Wundersite

Portofolio: werkstatt.fr

Keunggulan: Werkstatt Wundersite menemukan ekuilibrium sempurna antara fungsionalitas dan estetika untuk portofolio mereka.

Mengenai: Hanya karena situs portofolio butuh dirancang dengan baik bukan berarti situs tersebut harus boros. Bahkan, banyak situs portofolio yang efektif mengambil lebih dari pendekatan minimalis terhadap desain situs itu sendiri. Werkstatt Wundersite adalah contoh yang bagus dalam hal ini. Situs ini klasik minimalis, dengan banyak ruang putih dan tipe besar. Perhatian yang powerful terhadap rinci dalam portofolio ini adalah apa yang membuat nya begitu unggul.

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.