Sistem reka bentuk: apakah itu, mengapa, dan cara menciptanya

Topik sistem reka bentuk, nampaknya, telah dipertimbangkan dari semua pihak: anda boleh menemui banyak artikel, siaran, laporan, dan bahan lain tentang mencipta sistem reka bentuk. Walaupun begitu, setiap orang yang menjumpai istilah ini mempunyai banyak soalan. Kami akan cuba menjawab secara terperinci yang utama:

• Apakah sistem reka bentuk?
• Untuk apa itu?

Apakah sistem reka bentuk?

Sistem reka bentuk ialah struktur yang merangkumi komponen visual, perpustakaan kod dan garis panduan penggunaan.

Selalunya, pereka pemula membuat kesilapan untuk memudahkan konsep dengan memikirkan sistem reka bentuk sebagai hanya kit UI - dokumen yang mengandungi elemen antara muka grafik, tipografi dan warna.

Sistem reka bentuk terdiri daripada tiga peringkat:

A Kit UI ialah bahasa visual produk yang sistem reka bentuk dicipta. Ini ialah warna, fon, ikon, butang, peluru, suis togol, peluncur, imej, animasi. Unsur-unsur berbeza dan bergantung pada spesifik produk digital. Kesemuanya membantu mencipta bahagian antara muka yang boleh dilihat dengan mana pengguna berinteraksi.

Rangka kerja ialah perpustakaan kod yang ditulis untuk setiap elemen ini, serta pemalam untuk animasi, teg dan label untuk navigasi.

Garis panduan ialah satu set templat dan peraturan untuk menggunakan elemen yang mengatur proses kerja. Terima kasih kepada garis panduan, pereka bentuk tidak terlibat dalam tugas mudah, tetapi pembangun terlibat serta-merta.

Sebagai contoh, garis panduan menentukan parameter tetingkap pop timbul pada tapak web: inden daripada teks, lokasi dan saiz tajuk dan teks kandungan, tempat untuk butang dan rupa tetingkap dengan kurang atau lebih banyak teks.

Jenis sistem reka bentuk

Tiada klasifikasi tunggal, tetapi pakar membezakan dua jenis sistem reka bentuk - sumber terbuka dan tertutup.

Dalam sistem sumber terbuka, mana-mana syarikat boleh menggunakan bahan dan menyesuaikannya untuk projek mereka - menukar warna butang, fon dan ikon. Contohnya, dalam Reka Bentuk Semut, Garis Panduan Antara Muka Manusia dan sistem Reka Bentuk Bahan.

Sistem reka bentuk sumber tertutup biasanya dibuat untuk syarikat atau produk tertentu. Ini sama ada bahan tertutup sepenuhnya, hanya boleh diakses oleh pekerja atau sebahagiannya terbuka.

Bagaimana untuk mencipta sistem reka bentuk

Pembangunan sistem reka bentuk adalah berdasarkan prinsip reka bentuk atom. Reka bentuk atom ialah teknik yang merangkumi lima peringkat elemen reka bentuk: atom, molekul, organisma, corak dan halaman.

Reka bentuk struktur sistem:

• Atom ialah komponen terkecil: butang, ikon, medan input dan fon.
• molekul ialah gabungan beberapa elemen mudah: dua butang, tajuk dan baris input, bar pemberitahuan, kotak semak dan teks.
• Organisma adalah komponen lengkap: pengepala tapak, borang kebenaran, kad produk dan sepanduk pemberitahuan.
• Templates – susun atur halaman tanpa kandungan: menu, penampilan tapak.
• Laman adalah halaman yang dipenuhi dengan kandungan.

Algoritma umum kelihatan seperti ini:

• Pilih warna dan fon, tetapkan grid modular dan pilih animasi, imej dan bunyi.
• Buat elemen antara muka asas.
• Gabungan dan susun atur elemen reka bentuk.
• Buat senarai elemen bersama dengan peraturan. Dalam garis panduan, nyatakan apakah elemen itu, di mana ia digunakan dan apakah tugas yang diselesaikannya.

Biasanya, sistem reka bentuk tidak dicipta dari awal, tetapi dibina berdasarkan bahan yang telah dibangunkan: kit UI, garis panduan atau buku jenama.

Mengapa anda memerlukan sistem reka bentuk?

Seperti setiap produk IT, adalah penting untuk menjawab soalan, "Untuk apa sistem reka bentuk?" Atau, seperti yang dikatakan oleh beberapa rakan sekerja di kedai, "jadi apa"?

Jawapan kepada soalan ini akan membantu anda memahami nilai produk. Sebahagian daripadanya sudah boleh dilihat daripada apa yang kami huraikan di atas. Tetapi mari kita pecahkan dan lihat lebih mendalam.

Automation

Automasi memberikan faedah yang paling jelas. Sistem reka bentuk akan membantu anda mengautomasikan operasi, membebaskan anda masa untuk tugas lain.

Keterulangan

Mampu mewarisi dan menggunakan pengubahsuaian secara automatik pada elemen sistem reka bentuk ialah alat yang berharga untuk pasukan produk. Anda boleh dengan cepat membuat kosmetik atau perubahan besar di satu lokasi. Dengan cara ini, anda sentiasa boleh meningkatkan produk.

ketekalan

Konsistensi menyatakan bahawa objek dan entiti dalam produk yang menjalankan fungsi yang sama harus bertujuan untuk perpaduan dan persamaan.

Apabila kami menggunakan ciri setanding dalam produk, ciri tersebut menjadi biasa dan mudah: kami secara naluri memahami cara butang berfungsi dan muncul, serta di mana ia diletakkan.

Kami berharap semua orang belajar sesuatu yang berharga daripada artikel itu. Dan kami sekali lagi yakin bahawa bekerja pada artikel menstruktur pengetahuan dan mendorong kajian tambahan.