Ana cukup akeh wilayah sing ana gandhengane karo desain ing industri IT. Sing paling umum yaiku desainer, sing didhelikake ing akronim UX lan UI. Ya, sawetara wong malah bisa kalebu pangembang ngarep minangka desainer. Ayo coba ngerteni sapa sing dadi desainer ing jagad IT, apa bedane antarane UI lan UX, lan apa sing kudu didesain para insinyur front-end.
Desainer
Ngembangake antarmuka aplikasi, situs web utawa game minangka proses sing rada rumit lan mbutuhake aplikasi kawruh saka macem-macem lapangan: teknik, psikologi lan desain. Desainer antarmuka pangguna (ing basa Inggris - Antarmuka pangguna utawa UI) fokus ing cara fungsionalitas situs ditampilake (telusuran, tab, menu) lan rincian interaksi antarane klien lan antarmuka. Tujuane desainer UI yaiku desain produk modern sing bisa ditampa kanthi estetis . UX stands for User Experience, sing tegese "pengalaman pangguna". Desainer UX luwih fokus marang kegunaan lan pangerten antarmuka dening pangguna potensial. Spesialis kasebut asring nindakake riset lan survey sing bakal dadi dhasar kanggo nggawe konsep desain, lan uga nguji konsep sajrone lan sawise pangembangan. Biasane fokus ing struktur, isi, navigasi, lan cara pangguna sesambungan karo unsur kasebut.
Iki ngasilake peta situs, prototipe, sing minangka struktur dhasar nalika nggawe piranti lunak. Tujuan saka karya desainer UX yaiku supaya pangguna kanthi cepet lan tanpa lara njaluk saka situs apa sing teka ing kene . Nanging, dina iki umume ndeleng rong spesialisasi kasebut ditulis nganggo garis miring. Yaiku, tugas saka loro arah ditindakake dening siji spesialis. Desainer UX/UI ngrancang interaksi pangguna karo antarmuka, mutusake apa sing kudu ditindakake lan tanggung jawab babagan tampilan antarmuka iki.
Apa desainer UX / UI kudu ngerti
Editor grafis . Piranti sing paling populer ing pasar yaiku Adobe Photoshop, Adobe Illustrator, uga Sketch, Figma. Pilih editor sing trep kanggo sampeyan lan pisanan nyoba gambar gambar situs web utawa aplikasi, modernisasi sethithik.
Alat prototipe (Mockplus, Axure) . Alat prototyping minangka link antarane gagasan lan implementasine. Ora ketompo apa alat sing sampeyan gunakake. Sampeyan bisa nyoba sawetara lan mutusake sing cocog karo gaya lan pilihan sampeyan.
Psikologi pangguna. Wis ing tataran desain, sampeyan kudu mikir apa bakal trep kanggo sampeyan utawa wong liya nggunakake antarmuka iki. Sijine dhewe ing sepatu klien, mbangun sambungan sing kuat karo dheweke lan enteni kabutuhane. Sawise kabeh, produk bakal sukses yen ana panjaluk.
Sampeyan uga mbutuhake kawruh babagan teori warna . Kita ngerti sawetara perkara wiwit cilik, utamane sing sekolah seni. Nanging, ana spesifik tartamtu babagan karya desainer. Kawruh dhasar bisa dipikolehi saka buku utawa artikel ing Internet.
Gumantung ing spesifik karya, sampeyan bisa uga kudu ngerti HTML lan CSS utawa (sawetara) basa program (pranala kanggo sumber daya bisa ditemokaké ing ngisor iki, ing bagean "Apa Pangembang Front-end kudu ngerti").
Pangembang ngarep
Tugas utama pangembang ngarep yaiku ngembangake bagean klien antarmuka. Sing, spesialis kuwi "revitalizes" apa desainer dirancang. Dheweke tanggung jawab kanggo operasi lan operasi antarmuka lan kurang kanggo konten visual. Pangembang ngarep asring kudu nemokake solusi sing apik kanggo antarmuka pangguna sajrone tahap pangembangane, mula dheweke kerep kolaborasi karo desainer UX / UI. Kode sing ditulis dening pangembang ngarep mbukak ing browser pangguna (kaya sing diucapake, "ing sisih klien"). Uga, salah sawijining tugas sing paling penting yaiku kanggo mesthekake yen situs utawa aplikasi web katon padha ing kabeh platform lan browser.
Apa Pangembang Front-end kudu ngerti
Minangka aturan, front-end adhedhasar telung pilar: basa markup kaca HTML, lembar gaya CSS lan basa pamrograman JavaScript. Kajaba iku, pangembang ngarep kudu ngerti prinsip operasi protokol HTTP, server lan browser, lan fitur nampilake antarmuka ing macem-macem piranti sing saiki ana ing pasar. Piranti lan cara kanggo nggawe antarmuka web terus berkembang lan ganti, mula pangembang kudu terus ngawasi iki.
HTML lan CSS (tata letak)
Iki tata letak, bata banget saka situs kasebut dibangun. Basa markup HTML ndhikte organisasi situs, isi, lan kabeh interaksi ing antarane. Ngidini sampeyan nemtokake sisih ndhuwur kaca, sisih ngisor, blok sisih kanthi konten, judhul, tampilan teks lan unsur multimedia. Lembar gaya CSS digunakake kanggo dekorasi unsur HTML. Dheweke nemtokake persis carane saben unsur grafis sing ana ing kaca ditampilake. Nggunakake versi paling anyar saka HTML5 lan CSS3, sampeyan bisa nyelehake video lan komponen audio ing kaca, nggawe gambar 2D lan animasi, lan malah nulis game prasaja. Ora perlu nyoba ngelingi kabeh tag lan gaya bebarengan. Bakal migunani kanggo sinau dhasar lan langsung tumindak. Situs sing apik banget ing ngendi sampeyan bisa sinau dhasar HTML lan CSS yaiku W3School. Nanging mung yen sampeyan duwe paling sethithik kawruh basa Inggris.
Uga, pangembang ngarep kudu ngerti pangembangan lintas-browser lan lintas-platform, tata letak adaptif lan responsif.
Bootstrap
Iku framework kanggo HTML, CSS lan JavaScript. Yaiku, cithakan tartamtu saka ngendi, kaya konstruktor, sampeyan bisa ngumpulake situs luwih cepet tinimbang tanpa. Nanging, mesthine, sampeyan kudu ngatur dhewe supaya cocog karo kabutuhan sampeyan. Yen sampeyan ngerti basa Inggris, disaranake situs web getbootstrap lan w3schools sing padha .
JavaScript
Javascript minangka inti pangembangan front-end. Iki minangka basa pamrograman antarmuka sing pisanan lan paling umum. Bisa nambah akeh fitur ing situs kasebut. Ing tingkat dhasar, basa iki ngidini sampeyan nambah unsur interaktif menyang kaca. Iki digunakake kanggo nggawe peta sing nganyari ing wektu nyata, game online interaktif lan film. Ing kursus JavaRush senior, kita sinau JavaScript sethithik. Sampeyan uga bisa sinau ing W3School sing padha utawa maca babagan basa Rusia ing situs web javascript.ru .
jQuery
jQuery minangka perpustakaan Javascript sing ngemot plugin lan ekstensi sing bisa nggawe pangembangan luwih gampang lan luwih cepet. Tinimbang nulis kode saka awal, perpustakaan ngidini sampeyan nambah komponen sing wis siap, sing banjur bisa disesuaikan kanggo proyek tartamtu. Sampeyan bisa nggunakake fungsi formulir telusuran ngisi otomatis, ngatur maneh lan ngowahi ukuran kothak, lan nyetel timer mundur. Kursus jQuery tangan ing w3school
kerangka Javascript
Ana macem-macem jinis frameworks, nanging sampeyan bisa milih salah siji sing trep kanggo nggunakake. Sing paling misuwur yaiku Angular, Backbone, Ember, lan React. Padha makili struktur siap-digawe kanggo kode. Padha mbantu nyepetake pembangunan. Lan ing kombinasi karo perpustakaan bisa nyilikake pangembangan situs web utawa aplikasi saka awal. Deleng 5 kerangka kerja lan perpustakaan JavaScript sing paling populer ing taun 2017
Sistem kontrol versi Git
Sistem kontrol versi bisa nglacak owah-owahan sing digawe kanggo kode liwat wektu. Dheweke uga ngidini sampeyan bali menyang versi proyek sadurunge. Git minangka sistem kontrol versi sing paling akeh digunakake. Ngerti carane nggarap Git minangka skill penting kanggo saben pangembang. Tutorial Git ing basa Rusia
kesimpulan Brief
UI singkatan saka User Interface, sing tegese "antarmuka pangguna". Tegese, Desainer UI utamane tanggung jawab babagan cara produk ditampilake kanggo pangguna. Dheweke ngembangake tombol, lambang, milih font, lan nyiapake tata letak. UX stands for User Experience. Dadi desainer UX ngrancang desain situs web, aplikasi - utawa apa wae - supaya pangguna nyaman lan bisa dingerteni apa, lan dheweke bisa entuk apa sing dibutuhake saka situs kasebut kanthi minimal gaweyan. Kerep banget, loro jinis karya ditindakake dening siji orkestra: desainer UI / UX. Pangembang Front-end enlivens karya desainer dening ngenalke dinamika menyang: tombol wiwit dipencet, lan gambar wiwit ngganti. Dheweke kudu ngerti basa pemrograman, dibuwang karo kerangka kerja, preprocessors lan perpustakaan.
GO TO FULL VERSION