Berikut adalah beberapa hal yang bisa diperhatikan oleh designer agar membantu proses development

1. Menggunakan Grid

Salah satu kesulitan developer untuk membuat tampilan yang sama persis dengan design adalah karena designer tidak menggunakan grid untuk membuat design. Sehingga sang developer harus mengira-ngira grid yang cocok untuk design tersebut.

Dengan mendesain menggunakan grid akan mempercepat proses kerja developer. Developer tinggal menyesuaikan dengan settingan grid yang kita pakai. Untuk tutorial penggunaan grid, kita bahas di artikel lain yak 😀

2. Menggunakan font dari Google Font

Meng-embed font secara manual membutuhkan waktu. Developer harus memastikan font ditampilkan secara sempurna di semua browser. Dan…. Google Font telah menghandle semua itu. Jadi dengan menggunakan Google Font, kita telah menghemat waktu sang Developer.

Pada Google Font terdapat banyak font. Mulai dari font yang lucu untuk mendesain aplikasi edukasi anak . Hingga font yang elegan untuk mendesain halaman website sebuah produk fashion. Tetapi jika project yang Anda kerjakan memang membutuhkan font premium atau custom yang tidak terdapat di google font , maka tips ini tidak berlaku.

3. Membuat Flow

Menunjukkan elemen mana saja yang bisa diklik. Setelah diklik apa yang akan muncul. Kalau diklik di bagian ini akan ke halaman mana.

Mengetahui interaksi tiap elemen sangat membantu developer dalam proses konversi design ke html/css. Sehingga developer bisa menentukan library atau code seperti apa yang akan digunakan.

4. Mereview tampilan setelah developer selesai mengerjakan HTML/CSS

Sebelum file html/css diserahkan kepada developer lainnya untuk diintegrasikan dengan sistem back-end dan front-end. Ada baiknya seorang designer memeriksa terlebih dahulu tampilan html/css tersebut.

Hal ini penting dilakukan, karena jika designer melakukan review setelah file html/css diintegrasikan dengan sistem, maka jika terdapat elemen yang tidak sesuai dengan design akan sulit untuk mengubahnya. Emh…. sorry bukan sulit, tapi memakan lebih banyak waktu dibandingkan jika merubah sebelum diintegrasikan.

UI Designer at Paperpillar, writer at Insight