Tekstur dan Pola — Pahlawan Desain Visual tanpa tanda jasa

Nov 26 2022
Asyik banget ikutan (haha) di Ayagigs Web3 Fellowship, program pembelajaran yang diadakan bekerjasama dengan Coinbase. Saya mengapresiasi kerja Product Design Lead, Ajiri Omafokpe dan Program Associate, Folushola Esther.

Asyik banget ikutan (haha) di Ayagigs Web3 Fellowship, program pembelajaran yang diadakan bekerjasama dengan Coinbase .

Saya menghargai karya Product Design Lead, Ajiri Omafokpe dan Program Associate, Folushola Esther . Mereka benar-benar telah melakukan banyak hal dalam membuat program ini ramah, mendidik, menghibur dan mereka membawa seluruh kelompok yang ingin Anda lihat.

Kami telah selesai dengan fase dasar dan menuju ke fase utama, tetapi sebelumnya kami memiliki minggu tantangan yang dimulai Senin, 21 November 2022 untuk menguji kami tentang apa yang telah kami pelajari selama Fase Dasar. Itu menantang, melakukan semua jenis tes termasuk soal pilihan ganda, QA, Tes praktis (Anda tidak akan percaya ini dilakukan dalam 2 hari), dengan artikel ini menjadi tugas terakhir untuk minggu tantangan.

Saya mendapat banyak permintaan untuk menulis tentang penggunaan pola dan tekstur, jadi saya memutuskan untuk menggunakan kesempatan ini untuk membagikan pengetahuan saya tentang subjek tersebut.

Jadi, mari kita mulai,

Tekstur dan Pola adalah elemen visual yang telah menjadi sangat diperlukan dalam desain secara umum. Saya menyebut mereka pahlawan tanpa tanda jasa karena mereka kebanyakan diabaikan tetapi menjadi sangat berharga ketika ditemukan oleh desainer yang ingin tahu.

Mereka adalah elemen yang dipinjam dari seni, yang melengkapi desain digital dan memberikan kesan kedalaman. Tekstur dapat menampilkan konten utama halaman web dengan mengarahkan pandangan pengguna. Pola dapat membuat ruang yang kusam terlihat semarak. Keduanya berkontribusi besar untuk membuat antarmuka menyenangkan sehingga meningkatkan pengalaman pengguna.

Ketika Anda memikirkan Tekstur
Ketika Anda memikirkan Pola

Namun, tekstur tampaknya telah lama disalahpahami sebagai desain gaya “ GRUNGE ”. Di banyak halaman web, kita dapat melihat bahwa untuk menonjolkan efek keren, mereka digunakan dalam jumlah besar dan bahkan diduga disalahgunakan. Akibat dari penyalahgunaan adalah terkuburnya manfaat sebenarnya. Untuk benar-benar memanfaatkan tekstur sebaik mungkin, itu harus digunakan secara halus dan dengan niat.

Gaya "GRUNGE".

Sebaliknya, pola lebih mudah digunakan dan dapat digunakan untuk menarik perhatian ke area tertentu di layar. Seperti tekstur, pola efektif bila digunakan secara halus namun dapat digunakan dengan cara yang lebih jelas bila diperlukan.

Pola digunakan dengan cara yang jelas
Pola digunakan dengan cara yang lebih halus

Kedua kata itu kadang-kadang dipertukarkan yang salah. Mereka hanya berbagi sedikit kesamaan. Pola biasanya terdiri dari beberapa elemen kecil yang berulang, dengan ritme visual tertentu. Tekstur terdiri dari elemen yang lebih besar dari pola, yang tidak harus berulang.

Gunakan kasus Tekstur dan Pola

Tekstur sebagian besar digunakan saat mendesain untuk web daripada aplikasi seluler. Pola populer di desain aplikasi web dan seluler. Alasan untuk mendesain tidak boleh hanya karena “ terlihat indah ”, tetapi harus didasarkan pada pemenuhan fungsi tertentu, dan sebagian besar tujuan penggunaan tekstur dan pola saat mendesain adalah untuk meningkatkan level dan visi halaman web. Mari kita lihat beberapa kasus penggunaannya:

Menarik pengguna untuk mengklik

Elemen seperti ikon, tombol, judul, dll. Semuanya dapat diberi tekstur. Itu dapat menarik pengguna untuk mengklik elemen yang sesuai. Ini mungkin alasan mengapa penggunaan tekstur populer. Kegunaan utama tekstur adalah untuk menerapkannya pada elemen sehingga dapat dibedakan dari elemen lain di web.

Tekstur yang diterapkan pada tombol menarik perhatian pengguna dan membantu memisahkannya dari latar belakang.
Pola pada tombol menarik perhatian pengguna.

Presentasi informasi visual yang disempurnakan

Karena tekstur dapat digunakan untuk memandu garis pandang, seperti garis, kotak, dan kontras, tekstur juga dapat digunakan untuk pengaturan huruf untuk menampilkan konten menurut aturan visual tertentu. Pada saat yang sama, efek tekstur harus digunakan dengan benar dan dikoordinasikan dengan aturan visual lainnya, dan efek hasil akhirnya akan bagus.

Penggunaan tekstur yang bagus di situs web

Pada saat yang sama, teksturnya harus sangat cocok dengan gaya dan tema situs web. Misalnya, situs web buatan tangan cocok dengan pola kain, dan situs web yang dicat cocok dengan pola kertas. Semua elemen ini dapat mencerminkan konten situs web melalui aturan logika tertentu dan memperkuat hierarki informasi secara keseluruhan.

Ciptakan suasana dan tonjolkan individualitas

Sekarang, semakin banyak pelanggan yang menyukai situs web mereka dapat menggunakan desain antarmuka untuk menyampaikan lebih banyak informasi tentang diri mereka. Mereka berharap situs web tersebut dapat menonjolkan kepribadian mereka sendiri dan memberikan efek merek. Tekstur dan pola adalah alat yang ampuh dalam membangun individualitas.

Latar belakang mana yang memberi kesan kelas cat?
Penggunaan pola membantu menciptakan suasana yang menyenangkan.

Tetap terbaca

Keterbacaan adalah garis bawah yang harus dipertahankan oleh halaman web. Bahkan saat menggunakan tekstur, pastikan konten tetap mudah dipindai dan dibaca. Meskipun itu adalah halaman web yang indah, pengguna tidak akan terus menggunakannya jika keterbacaannya tidak bagus. Pastikan untuk menghindari situasi ini seperti yang ditunjukkan pada gambar di bawah ini.

Selalu perhatikan keterbacaan saat menggunakan tekstur
Tidak ada kontras yang cukup antara teks dan pola membuat teks kurang terbaca oleh pengguna

Gunakan tekstur secukupnya

Seperti yang dinyatakan sebelumnya, tekstur harus digunakan secara halus dan tidak disalahgunakan. Di halaman web, kita perlu menahan diri dan tidak menggunakannya dalam skala besar, agar tidak mengganggu perhatian pengguna pada konten utama.

Jika kita menyalahgunakan tekstur, kita berakhir dengan kekacauan

Latihan membuat sempurna

Saat menggunakan tekstur dan pola, cobalah lebih banyak. Hanya setelah percobaan, Anda akan mengetahui hasil akhirnya. Tempatkan tekstur di tempat yang tidak pernah Anda pikirkan, dan Anda mungkin menemukan hal yang berbeda. Semakin banyak Anda menggunakan pola dan tekstur, semakin baik hasilnya.

Gunakan dengan niat

Saat menggunakan pola dan tekstur, Anda harus disengaja. Seperti dengan desain, Anda tidak melakukannya demi melakukan. Penggunaan tekstur dan pola Anda harus menjadi alat untuk mencapai tujuan.

Jelajahi, jelajahi, jelajahi ...

Ada ribuan situs yang menawarkan tekstur dan pola bagus secara gratis. Habiskan waktu menjelajah dan Anda akan menyukai apa yang Anda dapatkan. Untuk menghemat banyak waktu saat mendesain, percayalah, ini adalah solusi terbaik untuk membuat cadangan sumber daya di masa damai. Jika waktu untuk mendesain digunakan untuk mengunduh dan mengumpulkan sumber daya, saya khawatir Anda akan kekurangan waktu.

Tautan pilihan untuk eksplorasi Tekstur

365 Tekstur untuk Diunduh (JPG, PSD, PAT, ABR) — WeGraphics

Latar | GraphicBurger

Perpustakaan Pola

pola ava7 /// 1905 pola latar belakang mulus gratis

Tautan pilihan untuk eksplorasi Pola

Generator SVG gratis, alat warna & alat desain web (fffuel.co)

Monster Pola — Generator Pola SVG

Pola Halus | Tekstur gratis untuk proyek web Anda berikutnya (toptal.com)

Pembuat Pola | Buat Pola Mulus, Bebas Royalti (doodad.dev)

Terima kasih telah membaca dan semoga harimu menyenangkan!

Referensi

  • UXdesign.cc