Web Developer Jakarta Web Desainer

Berikut adalah beberapa tips dikumpulkan untuk membantu desainer yang tidak kode.
Dalam dunia yang ideal, semua orang merancang untuk media web juga akan menjadi pengembang front-end. Alasan untuk ini adalah sederhana – desain pembangunan. Untuk benar-benar mendapatkan hasil maksimal dari kemampuan desain Anda, Anda perlu berada di satu dengan lingkungan di mana Anda desain. Menariknya, banyak desainer dari offline / cetak latar mendapatkan bertugas merancang untuk web; isyarat konsep desain asing yang mencoba untuk detil interaktivitas dan menunjukkan halaman web pada ukuran layar yang berbeda.

Namun masalah dengan ini mereka hanya gambar.
Saya telah di posisi beberapa kali sebagai pengembang mana saya diberi desain dari desainer yang tidak memahami web sebagai media yang fleksibel, interaktif. Mereka sering tidak menyadari praktek umum, dan ini menghambat ide-ide kreatif mereka. Tentu, Anda dapat semacam menunjukkan apa yang Anda pikirkan menu drop-down akan terlihat seperti, atau berbagai negara tombol, tetapi sampai Anda mendapatkan ini ke dalam browser untuk prototipe cepat Anda serius membatasi diri.
Pada tingkat yang lebih serius, Anda mungkin akan merancang sesuatu yang akan mengambil sejumlah besar waktu untuk membangun, atau lebih buruk lagi, Anda bahkan mungkin merancang mimpi buruk kegunaan!
Aku akan turun kotak sabun saya sekarang dan mencoba untuk menawarkan beberapa tips praktis untuk desainer yang menemukan diri mereka merancang untuk web, tapi tidak memiliki pemahaman yang jelas tentang bagaimana halaman web secara teknis dibangun Web Developer Jakarta.
Tidak apa-apa untuk desain di Web Developer Jakarta atau Illustrator, namun diingat bahwa aplikasi ini membuat sesuatu yang berbeda untuk browser web. Secara khusus, Anda akan melihat bahwa tipografi terlihat berbeda dari Web Developer Jakarta , serta dari browser ke browser. Gaya tentu saja akan tetap, tapi cara mereka diberikan mungkin kasar, halus atau memiliki perbedaan ukuran marjinal.

Banyak desainer juga ingin menggunakan filter Web Developer Jakarta untuk mencapai efek latar belakang. Ini benar-benar dapat menambah desain visual, tetapi cobalah untuk berpikir di luar ruang Anda bekerja dan memastikan bahwa efek ini dapat baik skala atau mengulangi tanpa batas. Memastikan mereka dapat diekstraksi sebagai file terpisah untuk digunakan sebagai latar belakang, dan bahwa Anda tidak merancang sesuatu yang rumit yang tidak dapat dibangun dengan mudah masuk akal. Filter Web Developer Jakarta (yaitu kalikan, linear membakar dll) tidak ada di web.

Hal ini juga harus pergi tanpa berkata – tapi tetap folder Anda / lapisan bijaksana bernama dan mencoba untuk tidak rasterize potongan besar desain seperti ini membuat sulit bagi pengembang untuk bekerja dengan.
Desain Web Responsif adalah Lebih dari Hanya “Desktop dan Mobile”

Cukup sering saya akan melihat desain website yang datang dalam dua rasa; desktop dan mobile. Biasanya ini akan menjadi 960 piksel dan 320 piksel lebar masing-masing. Masalahnya dengan ini adalah bahwa tidak ada hal seperti ini tetap lebar lagi, dan segala sesuatu yang kita lakukan harus benar-benar fleksibel.

Semua terlalu sering pengembang menemukan diri mereka mencoba untuk “mengisi kesenjangan” di mana desainer belum dianggap desain di 825, 650 atau bahkan 1400 pixel (misalnya), dan ini dapat mengakibatkan sakit kepala bagi semua pihak sebagai konten dan struktur navigasi runtuh di bawah persyaratan ukuran layar tidak dianggap.

Untuk memerangi pendekatan cacat ini, cobalah untuk berpikir tentang elemen halaman yang terpisah, badan modular bahwa semua hidup berdampingan dalam lingkungan yang sama. Dipisahkan, tapi terkait, dan dapat digunakan kembali. Jangan membuat komponen terlihat berbeda pada ukuran yang berbeda – kita hanya reflowing konten yang sama, karena itu tidak akan masuk akal untuk menambah atau menghapus konten dengan lebar layar yang berbeda.

Ini adalah salah satu yang sangat sulit karena Web Developer Jakarta dan Illustrator adalah lingkungan akhirnya statis. Tidak seperti ketika merancang dalam browser, di mana Anda memiliki akses ke tanggap asli, CSS animasi dan elemen halaman nyata (seperti tombol dan kotak centang), di Web Developer Jakarta Anda perlu susah payah mock-up bagaimana sesuatu akan terlihat dalam keadaan awal, negara melayang-layang nya , negara yang diklik, negara penyandang cacat dan sebagainya.
Sekali lagi, karena ini tidak segera jelas sampai Anda prototipe itu, banyak desainer mengabaikan hal itu dan pengembang perlu mengisi kekosongan.
Kedengarannya seperti no-brainer, tapi desain sekitar konten nyata! Bahkan dengan niat terbaik di dunia, Anda masih hanya menebak ketika Anda menggunakan Lorem Ipsum. Kadang-kadang isi yang sebenarnya mungkin tidak ada, dalam hal mendapatkan bimbingan dari klien Anda – mereka adalah sebagai bertanggung jawab seperti Anda ketika datang ke isi jadi jangan takut untuk mengenakan tekanan.

Jika Anda sedang merancang sekitar user-generated content, selalu mempertimbangkan kasus pinggiran. Berapa besar kemungkinan itu bahwa “Sarah Jones” akan meng-upload gambar yang bagus dari dirinya untuk profilnya? Pertimbangkan “Jermaine Worthington-Redmond” yang tidak meng-upload gambar sama sekali – apa ini terlihat seperti? Jangan memaksa pengembang Anda dalam bekerja ini untuk Anda.

Saya percaya pada kepraktisan lebih dari ideologi sehingga enggan akan mengundurkan diri untuk fakta bahwa desainer akan, dalam banyak kasus, tidak memahami kode (atau bahkan memiliki keinginan untuk belajar). Jika hal ini terjadi, ujung akhir saya akan memiliki dialog yang konstan dengan pengembang Anda. Tidak benar-benar tidak ada ruang untuk ego, dan lama pergi adalah hari-hari dari garis produksi ketika desain hanya akan diserahkan kepada pengembang untuk membangun (saya tahu hari ini tidak benar-benar pergi, tetapi mereka benar-benar harus).

Dengan duduk di samping satu sama lain di seluruh proses desain dan membangun (yang, sekarang kita tahu ada tumpang tindih besar), Anda akan menghilangkan ambiguitas desain, memeras hasil maksimal dari teknologi front-end, memastikan lebih halus memproses dan menciptakan produk yang lebih baik.