Lakukan kode desainer web? Banyak desainer web bertanya pada diri sendiri pertanyaan yang saya lakukan: desainer web seperti apa saya ini? Di manakah kekuatan desain web saya? Di wireframe, alur kerja, interaksi? Apakah saya akan belajar cara membuat kode?
Apakah saya harus bisa mengubah desain saya menjadi kode front-end? Atau, apakah saya terus membuat desain Photoshop berlapis yang kemudian diubah (oleh orang lain) menjadi kode front-end? Semuanya bermuara pada… Apakah ini merupakan alur kerja yang efisien, atau dapatkah berbeda, mungkin lebih baik?
Baru saja kembali ke masa lalu.
Desain web sebagai suatu bidang telah ada sejak penerbitan Netscape 1.0 (Mosaic) pada tahun 1995. Desain dan pembuatan situs internet telah matang dalam 20 tahun terakhir. Saat itu, Anda membuat halaman web sendiri dengan, misalnya, Microsoft FrontPage dan TextEdit. DreamWeaver datang kemudian. Itu adalah pionir… Anda melakukan semuanya sendiri, mulai dari ide, desain, hingga HTML.
Bidang yang matang
Sekarang? Kemungkinan untuk merancang dan membuat kode situs web telah diperluas dan ditingkatkan. Banyak disiplin ilmu web yang berbeda telah muncul; tidak lagi menjadi masalah jika satu orang menyediakan situs web. Apalagi dengan situs web yang kompleks dan profesional. Dari desain Visual, UX, CSS, dari Konten untuk SEO – ada spesialis di luar sana untuk setiap komponen. Kami juga memiliki program yang lebih baik, dan praktik terbaik sudah tersedia.
Merancang dan membangun solusi internet memang sudah menjadi bidang yang matang namun belum terlalu berkembang.
Banyak disiplin ilmu web bermunculan yang spesialisasinya terlihat dari judulnya. Istilah 'desainer web', di sisi lain, terbuka untuk berbagai penafsiran. Bagi satu orang, seorang web designer hanya fokus pada pembentukan front-end (look-and-feel). Untuk yang lain, seseorang yang juga mengubah desainnya ke HTML / CSS, atau bahkan front-end dan back-end yang lengkap akan mengurusnya.
Pengkodean: ya atau tidak?
Saya sudah sering mencoba membuat coding sendiri, tapi saya tidak bisa memisahkan istilah-istilah seperti class, tag, container, div, dan span, apalagi parameternya. Saya selalu melewati kurva pembelajaran yang curam untuk memberikan kode yang rapi dan benar.
Tentu saja, saya dapat dengan cepat dan mudah menyusun sesuatu dengan beberapa HTML dan CSS. Kalau begitu, saya harap ini bisa berfungsi di perangkat yang berbeda… Tidak masalah untuk presentasi, tapi saya mungkin tidak akan pernah bisa (menurut saya sebagian besar desainer tidak) bisa memberikan pekerjaan coding yang berkualitas. Sudah menjadi tantangan besar bagi seorang desainer untuk menonjol dalam persaingan.
[su_pullquote]Saya adalah tipe desainer web yang memutuskan untuk tidak membuat kode karena saya ingin fokus pada presentasi visual dan/atau kemudahan penggunaan sebuah situs.[/su_pullquote]
Spesialisasi
Saya adalah tipe desainer web yang memutuskan untuk tidak membuat kode karena saya ingin fokus pada presentasi visual dan/atau kemudahan penggunaan. Tidak ada yang salah dengan itu. Ini disebut spesialisasi.’ Sejujurnya, dari sudut pandang teknis, pemrograman jauh lebih sulit; desainnya cantik atau tidak cantik, kesalahan pengetikan kodenya ‘mematikan’… Jadi Anda harus memilih.
Jika Anda ingin menjadi seorang desainer profesional, Anda harus mengeluarkan keterampilan desain terbaik dalam diri Anda. Dalam kebanyakan kasus, ini akan menyita banyak waktu Anda dan Anda juga harus mempelajari keterampilan baru. Jika Anda mencari solusi yang lebih sederhana, Anda selalu dapat menemukan a perusahaan desain web New York yang andal yang akan siap memenuhi semua kebutuhan Anda. Terakhir, tren desain terus berubah, dan kemajuan teknis tidak pernah berhenti. Banyak dari Anda diminta untuk mengikuti—lebih dari cukup untuk menguji kualitas desain Anda hingga batasnya. Apalagi jika ingin (terus) melakukan encode.
'Pria Langka.'
Kebingungan konsep dan prasangka telah lama memainkan peran utama dalam diskusi apakah seorang desainer web harus membuat kode atau tidak. Seorang desainer sering kali dipandang sebagai 'orang aneh' yang berbicara samar-samar tentang pentingnya 'warna' dan 'font'. Ia tentu tidak dianggap “utuh” begitu ternyata ia tidak bisa membuat kode.
Apakah desainer web membuat kode?
Apakah ada peluang bagi desainer seperti saya? Akankah pengkodean front-end menjadi WYSIWYG sepenuhnya untuk waktu yang lama? Karena pemrograman Postscript telah lama digantikan oleh WYSIWYG yang bekerja dengan Adobe Illustrator (tahukah Anda bahwa Adobe Illustrator pada awalnya dikembangkan sebagai penampil untuk melihat kode Postscript tulisan tangan Anda?!
Dan Anda pertama kali bekerja secara garis besar dan hanya dapat melihat pratinjau?!)). Di masa lalu, Anda tidak bisa melakukan coding sendiri (melakukannya sendiri atau mempekerjakan diri sendiri). Itu adalah kejahatan yang perlu dilakukan. Namun hal ini tidak lagi diperlukan – aplikasi drag-and-drop profesional telah tersedia. Sebagai seorang web designer, Anda tidak memerlukan pengetahuan coding yang luas lagi. Dengan software yang tepat, Anda dapat membuat situs web yang indah, fungsional, dan responsif.
Drag-and-drop
Sebagai seorang desainer, Anda tidak lagi terikat untuk membuat wireframe dan maket statis. Anda dapat menghasilkan kode front-end melalui drag-and-drop. Anda dapat menggunakan program desktop seperti Adobe Muse dan alat 'ekstrak' dalam Adobe Dreamweaver untuk menangani banyak tugas pengkodean front-end. Beberapa inisiatif juga menawarkan solusi online, seperti Elegan Tema dengan pembuat situs seret dan lepas. Dan jika Anda tetap menggunakan template untuk WordPress, misalnya, sebagian besar kodenya tersembunyi dari Anda.
Dan para pengembang web tidak perlu mengeluh karena ia menciptakan HTML/CSS yang bersih dan sesuai dengan W3C yang tentunya tidak kalah dengan apa yang ditulis sendiri oleh banyak pengembang. Hal ini didasarkan pada kerangka Bootstrap Twitter. Dan tidak, Anda tidak terjebak dalam aplikasi tertentu karena kode yang dihasilkan oleh Webflow, Macaw, atau Webydo dapat diekspor dan digunakan sesuai kebutuhan dalam platform pengembangan eksternal.
Tidak ada lagi kode!
Saya mengetahuinya: pernyataan yang berani… Namun yang sebenarnya saya inginkan sebagai seorang desainer adalah memahami situs web. Belum tentu melalui coding. Hal ini didasarkan pada dua gagasan dasar:
Saya ingin menawarkan kepada klien saya hasil dan proses yang dapat diprediksi. Sebagai seorang desainer lepas, saya tidak selalu memiliki kesempatan untuk menyewa pengembang (mahal) untuk proyek Anda. Dan klien saya tidak menunggu untuk berada di antara dua pihak. Sebagai seorang desainer, Anda ingin menjaganya terjemahan dari desain hingga kode. Itu intinya – apakah Anda bisa membuat kode atau tidak. Itulah mengapa aplikasi profesional layak untuk diteliti.
Kontrol lebih besar atas pekerjaan saya. Sebagai seorang desainer, Anda ingin tetap mengontrol kreasi Anda. Sayangnya, banyak perubahan yang sering kali hilang dalam diri kita terjemahan dari desain hingga kode. Terjemahan dari PSD ke HTML/CSS responsif bukan 1-2. Jika Anda membangun situsnya sendiri, Anda akan memiliki kendali atas kualitas keseluruhan proyek (kursus), dan Anda akan lebih mampu mengantisipasi perubahan.
Lihat lebih dalam dari layar Anda.
Bekerja sepenuhnya tanpa a gagasan kode – karena kita sekarang mengkodekan Postscript dengan Adobe Illustrator tanpa disadari – kita belum sejauh itu. Terjemahan (semi) manual dari desain ke kode (front-end) masih diperlukan. Aplikasi WYSIWYG kini terdiri dari dua tampilan: 'tampilan kode' dan 'tampilan seret dan lepas'. Namun perkembangannya berjalan cepat. Kita akan segera mengetahui bahwa sesuatu berhasil atau tidak, tetapi tidak mengetahui alasannya. Dan itu pasti tidak akan bertahan selama 20 tahun. Atau apakah itu angan-angan saja? Atau apakah itu buruk?
[su_pullquote]Pelajari konsep yang tepat agar ide desain Anda dapat dituangkan dengan baik kepada developer.[/su_pullquote]
Sampai saat itu tiba, sebagai seorang desainer web, Anda setidaknya harus tetap terbuka terhadap disiplin ilmu lain yang sangat diperlukan. Jika Anda benar-benar mengabaikan konsep teknis internet, mengabaikan landasan pengembangan web, hal ini akan berdampak buruk bagi Anda. Anda harus memiliki pengetahuan dasar tentang pengkodean untuk memahami cara berpikir pengembang dan apa yang mereka butuhkan. Pelajari konsep yang tepat sehingga Anda dapat menuangkan ide desain Anda dengan baik kepada pengembang.
Pengetahuan dasar tentang proses pembangunan
Pengetahuan dasar tentang proses pengembangan, penggunaan berbagai bahasa pemrograman, dan batasan pada desain Anda menjadikan Anda seorang desainer yang lebih baik. Semakin baik Anda memperkirakan apa yang secara teknis realistis, semakin sedikit waktu yang Anda miliki, dan Anda tidak bergantung pada belas kasihan pengembang.
Apalagi sebagai seorang profesional di bidang kreatif, Anda memiliki keinginan untuk belajar. Karena jika rasa penasaranmu mengering, kamu akan terjebak.
Menjadi seorang desainer web terdengar ideal: Saya dapat menciptakan hal-hal indah untuk internet dan menggunakan semua kreativitas saya untuk memasangkan tipografi, skema warna, dan memberikan situs web yang Je ne sais quois tertentu. Namun, pada saat yang sama, saya khawatir tidak memiliki apa yang diperlukan untuk menjadi seorang desainer web. Tanpa riwayat desain grafis atau pelatihan desain apa pun, saya bertanya-tanya siapa yang akan mempercayakan estetika situs web mereka kepada saya.
Dan ketika saya memikirkan tentang web dev, saya berpikir, “Inilah yang harus saya lakukan. Saya akan menghasilkan banyak uang dan memiliki semua kekuatan di dunia untuk membangun situs web dan aplikasi web yang mengagumkan. Tapi bagaimana jika ini membosankan?”
Namun saat saya mempelajari HTML, Java & CSS, bertemu lebih banyak desainer dan pengembang, dan mulai mengerjakan proyek saya situs web lepas, saya menyadari bahwa semuanya salah. Bukan berarti Anda tidak harus memilih antara desain dan pengembangan web. Intinya adalah gagasan saya tentang perbedaan antara desain web dan pengembangan web agak ketinggalan jaman. Ini adalah postingan blog yang saya harap dapat saya baca ketika saya pertama kali terjun ke perairan teknis.
Desainer Web atau Pengembang Web?
Oke, jadi di akhir postingan ini, Anda akan mendapatkan:
- Ikhtisar mitos terbesar tentang desainer dan pengembang sehingga Anda dapat membuat keputusan yang tepat mengenai jalur mana yang tepat untuk Anda,
- Perincian infografis yang komprehensif PERSIS tentang keterampilan dan alat yang digunakan oleh desainer dan pengembang web;
- Perincian keterampilan dasar yang dibutuhkan semua teknisi,
- Kerangka untuk mengetahui jalan mana yang paling sesuai dengan kepribadian Anda,
Tapi saya ingin keluar dari masalah sebelum saya mendalaminya. Sebenarnya, tidak masalah jika Anda memilih untuk memulai dengan desain web atau pengembangan web! Mendapatkan keterampilan digital akan memungkinkan Anda menghasilkan lebih banyak uang dan memiliki beberapa keterampilan yang paling dibutuhkan, terlepas dari apakah keterampilan tersebut termasuk dalam kategori desain web atau pengembangan web.
Panduan ini didasarkan pada karakteristik kepribadian umum dan sinopsis tugas sehari-hari. Jika beberapa di antaranya tampak terlalu disederhanakan, itu karena saya ingin membuatnya sangat sederhana bagi Anda dalam mengambil keputusan. Kenyataannya, ya? Ada banyak tumpang tindih antara desainer web dan pengembang web, dan tidak ada titik awal yang benar atau salah!
Singkirkan mitos tentang pembuat kode
Sebelum Anda dapat memutuskan jenis karier yang Anda inginkan, Anda perlu memastikan bahwa Anda mengetahui apa yang dilakukan oleh desainer dan pengembang web.
Jika Anda seperti saya, Anda telah disosialisasikan untuk mendefinisikan "desainer web" dan "pengembang web" dengan cara yang tidak mewakili bagaimana rasanya menjadi seorang desainer web, dan Anda belum pernah berbicara dengan kehidupan nyata. desainer atau pengembang web.
Kesalahpahaman terbesar saya tentang desainer dan pengembang adalah tentang berapa banyak uang yang mereka hasilkan, seberapa curam kurva pembelajarannya, dan jenis pekerjaan apa yang mereka lakukan. Saya salah mempercayai mitos bahwa:
Belajar menjadi programmer lebih sulit dibandingkan belajar menjadi desainer (atau sebaliknya).
Beberapa orang berasumsi bahwa karena pengembangan melibatkan pemrograman tingkat tinggi, maka akan lebih sulit untuk dipelajari dibandingkan dengan desain. Yang lain menganggap desain lebih sulit karena menurut mereka desain memerlukan lebih banyak kreativitas bawaan (bukan yang dipelajari).
Ketika Anda memulai dari awal, keterampilan baru apa pun adalah sebuah tantangan. Pengembangan web dan desain web pada dasarnya tidak lebih atau kurang menantang—kekuatan dan kelemahan Anda akan menentukan jalan yang paling sedikit hambatannya bagi Anda.
Pengembang menghasilkan lebih dari $$$.
Jika Anda melihat gaji rata-rata pengembang web, sekilas tampak bahwa gaji pengembang web jauh lebih besar daripada gaji desainer web:
- Desainer web: 66,000 dolar.
- Pengembang Web: $87,000
*Pengambilan pencarian gaji untuk AS
Namun jika Anda mulai mencari bidang yang lebih spesifik dari gaji seorang desainer web, Anda akan melihat bahwa keduanya kompetitif:
- Desainer Interaksi: $93,000
- Desain Seluler: $92,000
- Desainer Pengalaman Pengguna: $92,000
*Pengambilan pencarian gaji untuk AS
Memang benar bahwa gaji rata-rata seorang pengembang web lebih tinggi, tetapi ini bukanlah sesuatu yang perlu Anda khawatirkan sebagai seorang pemula. Baik Anda mulai belajar cara menjadi pengembang web atau perancang web, Anda mungkin tidak akan menjadi pengembang full-stack senior (dan mendapatkan gaji tertinggi) dalam beberapa bulan, karena hal itu biasanya memerlukan waktu beberapa tahun. pengalaman.
Selain itu, desainer web menghasilkan banyak uang. Karena keduanya merupakan pilihan yang menguntungkan, lebih baik memilih apa yang membuat Anda lebih bahagia daripada apa yang menurut Anda akan menghasilkan lebih banyak uang.
Desainer web tidak memiliki kode.
Desainer web, di sisi lain, menulis kode HTML dan CSS. Misalnya, mereka membutuhkan situs yang dapat di-scroll dengan lancar—beberapa desainer (kami menyebutnya unicorn!) dapat mengkodekannya secara mandiri.
Saat ini ada beberapa desainer di luar sana yang tidak melakukan coding, terutama desainer cetak dan beberapa desainer grafis digital. Namun, sebagian besar desainer WEB dapat mengubah desain mereka menjadi situs web yang berfungsi menggunakan HTML dan CSS. Cara terbaik untuk menghasilkan banyak uang, dan untuk dapat memberikan apa yang paling diinginkan klien dan pemberi kerja, adalah dengan menjadi paket desain dan pengkodean yang ajaib.
Desainer web yang bisa membuat kode, terutama mereka yang memiliki keterampilan tingkat lanjut seperti Sass dan JavaScript, sangat diminati. Kami menyebutnya unicorn.