İT sənayesində dizaynla bağlı kifayət qədər çox sahə var. Onlardan ən çox yayılmışları UX və UI abbreviaturalarının arxasında gizlənən dizaynerlərdir. Bəli, bəzi insanlar hətta qabaqcıl tərtibatçıları dizaynerlər kimi daxil etməyi bacarırlar. Gəlin İT dünyasında dizaynerlərin kim olduğunu, UI və UX arasındakı fərqin nə olduğunu və front-end mühəndislərinin dizayn etməli olduqlarını anlamağa çalışaq.
Dizaynerlər
Tətbiqlərin, vebsaytların və ya oyunların interfeysinin hazırlanması kifayət qədər mürəkkəb prosesdir və müxtəlif sahələrdən olan biliklərin tətbiqini tələb edir: mühəndislik, psixologiya və dizayn. İstifadəçi interfeysi dizaynerləri (İngilis dilində - İstifadəçi İnterfeysi və ya UI) saytın funksionallığının (axtarış, nişanlar, menyular) nümayiş etdirilmə üsuluna və müştəri ilə interfeys arasındakı qarşılıqlı əlaqənin təfərrüatlarına diqqət yetirirlər. UI dizaynerinin məqsədi estetik cəhətdən məqbul müasir məhsul dizaynıdır . UX “istifadəçi təcrübəsi” mənasını verən İstifadəçi Təcrübəsi deməkdir. UX dizayneri daha çox potensial istifadəçi tərəfindən interfeysin istifadəsinə və başa düşülməsinə diqqət yetirir. Belə bir mütəxəssis tez-tez dizayn konsepsiyasının yaradılması üçün əsas olacaq tədqiqat və sorğular aparacaq, həmçinin inkişaf zamanı və sonra konsepsiyaları sınaqdan keçirəcək. O, adətən struktura, məzmuna, naviqasiyaya və istifadəçinin bu elementlərlə necə qarşılıqlı əlaqəsinə diqqət yetirir.
Proqram təminatı yaratarkən əsas struktur olan sayt xəritələri, prototiplər istehsal edir. UX dizaynerinin işinin məqsədi istifadəçinin bura gəldiyini tez və ağrısız şəkildə saytdan əldə etməsidir . Ancaq bu gün bu iki ixtisasın kəsik işarəsi ilə yazıldığını görmək çox yaygındır. Yəni hər iki istiqamətin tapşırıqlarını bir mütəxəssis yerinə yetirir. UX/UI dizayneri istifadəçinin interfeys ilə qarşılıqlı əlaqəsini tərtib edir, onun dəqiq nə etməli olduğuna qərar verir və nəticədə bu interfeysin necə görünəcəyinə cavabdehdir.
UX/UI dizayneri nəyi bilməlidir
Qrafik redaktor . Bazarda ən populyar alətlər Adobe Photoshop, Adobe Illustrator, həmçinin Sketch, Figma-dır. Sizin üçün əlverişli olan redaktoru seçin və əvvəlcə veb-saytın və ya tətbiqin ekran görüntülərini çəkməyə çalışın, onları bir az modernləşdirin.
Prototipləmə alətləri (Mockplus, Axure) . Prototipləşdirmə vasitəsi ideya ilə onun həyata keçirilməsi arasında əlaqədir. Hansı alətdən istifadə etməyiniz önəmli deyil. Bir neçəsini sınayıb öz üslubunuza və seçimlərinizə uyğun olanı seçə bilərsiniz.
İstifadəçi psixologiyası. Artıq dizayn mərhələsində bu interfeysdən istifadə etməyin sizin və ya başqası üçün əlverişli olub-olmayacağı barədə düşünməlisiniz. Özünüzü müştərinin yerinə qoyun, onunla güclü əlaqə qurun və ehtiyaclarına diqqətli olun. Axı məhsula tələbat olarsa uğurlu olar.
Rəng nəzəriyyəsi haqqında da biliklərə ehtiyacınız olacaq . Uşaqlıqdan bəzi şeyləri bilirik, xüsusən də rəssamlıq məktəbinə gedənlər. Bununla belə, dizaynerlərin işi ilə bağlı müəyyən xüsusiyyətlər var. Əsas bilikləri internetdəki kitablardan və ya məqalələrdən əldə etmək olar.
İşin xüsusiyyətlərindən asılı olaraq, HTML və CSS və ya (bəzi) proqramlaşdırma dillərini başa düşməyə ehtiyacınız ola bilər (resurslara keçidlər aşağıda, “Front-end Developer nəyi bilməli” bölməsində tapıla bilər).
Front-end developer
Front-end developerin əsas vəzifəsi interfeysin müştəri hissəsini inkişaf etdirməkdir. Yəni, belə bir mütəxəssis dizaynerlərin dizayn etdiklərini "canlandırır". O, interfeysin işləməsi və işləməsi üçün məsuliyyət daşıyır və vizual məzmun üçün daha azdır. Bir qabaqcıl tərtibatçı tez-tez inkişaf mərhələsində istifadəçi interfeysi üçün yaxşı bir həll tapmalıdır, buna görə də o, tez-tez bir UX/UI dizayneri ilə əməkdaşlıq edir. Front-end developer tərəfindən yazılmış kod istifadəçinin brauzerində işləyir (necə deyərlər, "müştəri tərəfində"). Həmçinin, ən vacib vəzifələrdən biri saytın və ya veb tətbiqinin bütün platformalarda və brauzerlərdə eyni görünməsini təmin etməkdir.
Front-end Developer nəyi bilməlidir
Bir qayda olaraq, front-end üç sütuna əsaslanır: HTML səhifəsinin işarələmə dili, CSS üslub cədvəlləri və JavaScript proqramlaşdırma dili. Bundan əlavə, front-end tərtibatçısı HTTP protokolunun, serverlərin və brauzerlərin iş prinsiplərini və hazırda bazarda olan müxtəlif cihazlarda interfeysin göstərilməsi xüsusiyyətlərini başa düşməlidir. Veb interfeysləri yaratmaq üçün alətlər və üsullar daim inkişaf edir və dəyişir, buna görə də tərtibatçı bunu daim nəzarətdə saxlamalıdır.
HTML və CSS (layout)
Bu layout, saytın tikildiyi kərpicdir. HTML işarələmə dili saytın təşkilini, məzmununu və onlar arasındakı bütün qarşılıqlı əlaqəni diktə edir. Bu, səhifənin yuxarı hissəsini, aşağısını, məzmunu, başlıqları, mətn və multimedia elementlərinin ekranı ilə yan blokları təyin etməyə imkan verir. CSS üslub cədvəlləri HTML elementlərini bəzəmək üçün istifadə olunur. Onlar səhifədə yerləşən hər bir qrafik elementin necə göstərildiyini dəqiq müəyyənləşdirirlər. HTML5 və CSS3-ün ən son versiyalarından istifadə etməklə siz səhifədə video və audio komponentləri yerləşdirə, 2D şəkillər və animasiyalar yarada, hətta sadə oyunlar da yaza bilərsiniz. Bütün etiketləri və üslubları bir anda xatırlamağa çalışmaq lazım deyil. Əsasları öyrənmək və onları dərhal hərəkətə keçirmək faydalı olacaq. HTML və CSS əsaslarını öyrənə biləcəyiniz çox yaxşı sayt W3School-dur. Ancaq ən azı ingilis dilini bildiyiniz halda.
Həmçinin, front-end developer cross-brauzer və cross-platform inkişafını, adaptiv və cavab verən tərtibatı başa düşməlidir.
Bootstrap
Bu HTML, CSS və JavaScript üçün çərçivədir. Yəni, konstruktor kimi saytları onsuz olduğundan daha sürətli yığa biləcəyiniz müəyyən şablonlar. Ancaq təbii ki, onu ehtiyaclarınıza uyğunlaşdırmaq üçün özünüzə uyğunlaşdırmalısınız. Əgər ingilis dilini bilirsinizsə, getbootstrap vebsaytını və eyni w3schools-u tövsiyə edirik .
JavaScript
Javascript front-end inkişafının əsasını təşkil edir. Bu, ilk və ən geniş yayılmış interfeys proqramlaşdırma dilidir. Sayta çoxlu funksiyalar əlavə edə bilər. Əsas səviyyədə bu dil səhifəyə interaktiv elementlər əlavə etməyə imkan verir. Real vaxt rejimində yenilənən xəritələr, interaktiv onlayn oyunlar və filmlər yaratmaq üçün istifadə olunur. Böyük JavaRush kurslarımızda biz bir az JavaScript öyrənirik. Siz onu eyni W3School- da oxuya və ya javascript.ru saytında rus dilində oxuya bilərsiniz .
jQuery
jQuery, inkişafı daha asan və daha sürətli edə bilən plaginlər və uzantıları ehtiva edən Javascript kitabxanasıdır. Sıfırdan kod yazmaq əvəzinə, kitabxanalar daha sonra müəyyən bir layihə üçün fərdiləşdirilə bilən hazır komponentləri əlavə etməyə imkan verir. Siz axtarış formalarının avtomatik doldurulması, şəbəkənin yenidən təşkili və ölçüsünün dəyişdirilməsi və geri sayım taymerlərinin qurulması funksiyalarından istifadə edə bilərsiniz. w3school-da praktiki jQuery kursu
Javascript çərçivələri
Çərçivələrin müxtəlif növləri var, lakin siz istifadə etmək üçün əlverişli olanı seçə bilərsiniz. Ən məşhurları Angular, Backbone, Ember və React-dir. Onlar kod üçün hazır strukturu təmsil edirlər. Onlar inkişafı sürətləndirməyə kömək edirlər. Və kitabxanalarla birlikdə onlar veb-saytın və ya tətbiqin işlənməsini sıfırdan minimuma endirə bilərlər. 2017-ci ilin ən populyar 5 JavaScript çərçivəsi və kitabxanasının icmalı
Git versiyasına nəzarət sistemi
Versiyaya nəzarət sistemləri zamanla koda edilən dəyişiklikləri izləyə bilir. Onlar həmçinin layihənin əvvəlki versiyasına qayıtmağa imkan verir. Git ən çox istifadə edilən versiyaya nəzarət sistemidir. Git ilə işləməyi bilmək hər bir tərtibatçı üçün vacib bir bacarıqdır. Git dərsliyi rus dilində
Qısa nəticələr
UI “istifadəçi interfeysi” mənasını verən İstifadəçi İnterfeysi deməkdir. Yəni, UI Dizayneri ilk növbədə məhsulun istifadəçiyə necə təqdim olunmasına cavabdehdir. O, düymələri, ikonaları hazırlayır, şriftləri seçir və tərtibat hazırlayır. UX istifadəçi təcrübəsi deməkdir. Beləliklə, bir UX dizayneri veb saytın, tətbiqin və ya hər hansı bir şeyin dizaynını tərtib edir ki, istifadəçi rahat və nəyin nə olduğunu başa düşsün və o, minimum səylə saytdan lazım olanı əldə edə bilsin. Çox vaxt hər iki iş növü bir nəfərlik orkestr tərəfindən yerinə yetirilir: UI/UX dizayneri. Front-end developer, ona dinamika daxil etməklə dizaynerlərin işini canlandırır: düymələr basılmağa başlayır və şəkil dəyişməyə başlayır. O, proqramlaşdırma dillərini bilməli, çərçivələr, preprosessorlar və kitabxanalarla təcrübə qazanmalıdır.
GO TO FULL VERSION