Въведение във Въпроси и отговори за интервю за уеб дизайн
Уеб дизайнът е интересно поле. Необходим е куп набори от умения, за да се направи добър дизайн на уебсайтове. HTML, CSS <JavaScript, JQuery и т.н., са някои от важните езици и рамки, които човек трябва да знае много добре, за да може да създава увлекателни уебсайтове.
По-долу са някои от важните въпроси и отговори за интервю за уеб дизайн:
Така че най-накрая сте намерили работата си за мечти в Уеб дизайн, но се чудите как да разбиете интервюто за уеб дизайн и какви биха могли да бъдат вероятните въпроси за интервю за уеб дизайн. Всяко интервю е различно и обхватът на работата също е различен. Имайки това предвид, ние създадохме най-често срещаните въпроси за интервю за уеб дизайн и отговори, които да ви помогнат да постигнете успех в интервюто си. Тези въпроси за интервю са разделени на две части, както следва:
Част 1 - Въпроси за интервю за уеб дизайн (основни)
Тази първа част обхваща основни въпроси и отговори за интервю за уеб дизайн
Q1.Как може да се оптимизира уебсайт? Къде да започна?
Отговор:
За да подобрят ефективността на уебсайт, разработчиците трябва да имат идеи, специфични за естеството на всеки проект. Някои общи и лесни за изпълнение умения за оптимизация са:
- Минимизирайте CSS и JS код. Това спестява килобайт от зареждането на всяка страница.
- Компресирайте всички активи в най-подходящия формат.
- Трябва да се активират кеширащите механизми от страна на сървъра като Redis.
- Изображенията трябва да се обслужват според размера на екрана на устройството и плътността на пикселите. Заредете само подходящите изображения за даден потребител.
- HTML трябва да е ясен и сбит.
Q2.Опишете използването на следните HTML5 маркери: STRONG, EM, SMALL?
Отговор:
Тези тагове създават специфично визуално лечение. Например -STRONG затваря текста, EM го прави курсив, а SMALL го прави по-малък. Но това не е тяхното предназначение. Всеки има семантична цел, както следва:
ЕМ - Текст, който трябва да се подчертае, следователно да променя своето контекстуално значение.
STRONG - Може да се използва в заглавия или заглавия, а също и в абзаци, за да се подчертае неговата дума или фраза.
МАЛКИ - Използват се за отказ от отговорност и разяснения.
Нека преминем към следващите въпроси за интервю за уеб дизайн.
Q3. Опишете предимствата и недостатъците на използването на CSS рамка като Bootstrap или Foundation?
Отговор:
Предимства:
- Рамките осигуряват бързо прототипиране на оформления, елементи и страници
- насърчават повторното използване на много последователни елементи в целия проект
- премахнете нуждата от макети на Photoshop. Той също така гарантира, че са премахнати други статични скици с висока точност.
- идват с често използвани парчета стандартизирани
- добре документиран код, който е вграден. Тя има голяма общност за подкрепа, когато възникнат проблеми.
Недостатъци:
- се опитва да обобщи общи елементи и често води до не толкова добре изглеждащи дизайни
- създава нетрадиционен или сложен дизайн или оформление
- повече усилия включват работа с рамки, а не просто писане на кода от нулата.
- идват с твърде много излишни неща, които никога не се използват, или стилове, които се отменят, ако не се използват в правилния смисъл
- по-бавни времена на зареждане в сравнение с код, написан от нулата.
Q4.Различавайте между „видимост: скрито“ и „дисплей: няма“?
Отговор:
И двете са свойства на стила
- видимост: скрит: Той крие елемента, но все пак заема място в оформлението.
- дисплей: няма: Елиминира елемента напълно. Не консумира никакво пространство. HTML за него е в изходния код, но няма място.
Q5. Какво е бялото пространство? Как се отразява на съдържанието в мрежата?
Отговор:
Бялото пространство е всяка област, оставена нарочно празна. Не е необходимо да е бял. В уеб дизайна бялото пространство се използва за отделяне на елементи или групирането им или за привличане на внимание към определен елемент или за акцент върху оформлението на съдържанието.
Част 2 - Въпроси за интервю за уеб дизайн (разширено)
Нека сега да разгледаме разширените въпроси за интервю за уеб дизайн и отговори.
Q6. Дефинирайте принципите на "гещалт"?
Отговор:
Принципите на гещалт са от теория за визуалното възприятие. Някои от тези принципи, прилагани в уеб дизайна са:
- Сходство - човешкият мозък възприема елементи с сравними характеристики, свързани помежду си и това означава, че тези елементи са свързани или групирани.
- Близост - елементи, разположени близо помежду си, се считат за групирани или свързани помежду си, или с част от едно цяло.
- Затваряне - Принципът на затваряне прави един елемент по-завладяващ за гледане. Това прави дизайна по-приятен;
- Фигура - Това е основното отношение, което има склонност към мисловно разделяне на факти въз основа на комбинация от цвят, форма и опит.
- Обща съдба - елементи, движещи се синхронно и често се схващат като групирани
- Непрекъснатост - Способността на нашия мозък да вижда връзки между нещата и да следва път или различен път въз основа на приликите между тях.
Q7. Как да комбинирате шрифтове? Кои видове комбинации от шрифтове работят добре? Колко различни вида шрифтове са добре да се използват на уебсайт?
Отговор:
Има шрифтове, които работят добре заедно и изглеждат доста на една и съща страница. За да комбинирате правилно два шрифта, приликите и разликите между тях трябва да бъдат разгледани внимателно.
Два шрифта работят добре помежду си, ако са сходни, освен ако са много различни. За да са сходни двата шрифта, те трябва да имат равни x-височини
Комбинирането на шрифтове, които изглеждат много подобни, трябва да се избягва, като комбинирането на Helvetica с Lucida Grande.
8. Споменава ли се за отзивчив дизайн на уеб страница?
Отговор:
Отзивчив дизайн: - Подход за изграждане на сайтове, осигуряващи най-доброто изживяване и интерактивност при гледане. Тя се фокусира върху лесна навигация на сайт. Той гарантира минимум на превъртане, панорамиране и преоразмеряване на всички устройства.
Bootstrap е може би най-популярната рамка за разработване на отзивчив уеб дизайн, той се базира на CSS, HTML и JS.
Нека преминем към следващите въпроси за интервю за уеб дизайн.
9. Споменете някои лоши примери за уеб дизайн?
Отговор:
По-долу са посочени някои много лоши начини за правене на уеб дизайн, които трябва да се избягват от всички.
- Изображения, които мигат, въртят се или мигат
- Черен или много тъмен фон с бял, светъл или блед текст
- Черен фон с кафяв, сив или тъмен текст
- Обзаведени фонови изображения със светъл или тъмен цветен текст
- Всичко е съсредоточено върху страницата
- Направете твърде много изображения на страницата или Огромни изображения
- Толкова много списъци с връзки
- Твърде много заглавия или текст, който мига
Q10. Кога използвате JPEG.webp компресия и кога бихте предпочели PNG вместо това?
Отговор:
Всеки формат за компресиране на изображение има конкретна цел.
JPEG.webp: - Това намалява размера на изображението, като намира области с подобен цвят. По-високото ниво на компресия гарантира, че такива зони изглеждат по-агресивно, което води до загуба на визуална информация и генериране на артефакти. Тази компресия е най-подходяща за снимки, рисунки и градиенти. JPEG.webp не работи много добре за екранни снимки или прости UI елементи или плоски икони или схеми. Много е лошо за текст.
PNG: - Този метод на компресиране работи чрез намаляване на използваните цветове. Това също може да доведе до лека загуба на цветни нюанси. PNG методът е особено чудесен за лога и икони и знаци и изображения, съдържащи текст. За прости илюстрации или UI елементи и скрийншоти също PNG е добър. PNG файловете в повечето случаи са по-големи от JPEG.webp.
Препоръчителни статии
Това е ръководство за списък с въпроси и отговори за интервю за уеб дизайн, така че кандидатът да може лесно да разруши тези въпроси за интервю за уеб дизайн. Тук в тази публикация сме проучили най-добрите въпроси за интервю за уеб дизайн, които често се задават в интервюта. Можете също да разгледате следните статии, за да научите повече -
- Въпроси за интервю за уеб услуги
- Топ 10 въпроса за интервю за уеб разработка
- Топ 10 важни софтуер за уеб дизайн за начинаещи
- Въпроси за интервю на Java Web Services
- Bootstrap 4 Cheat sheet