Tekstur dan Pola — Pahlawan Desain Visual tanpa tanda jasa
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.
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.
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.
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.
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.
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.
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.
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.
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