Введение в веб-дизайн Интервью Вопросы и ответы
Веб-дизайн - интересная область. Требуется набор навыков, чтобы сделать хороший дизайн сайта. HTML, CSS <JavaScript, JQuery и т. Д., Являются одними из важных языков и сред, которые нужно знать очень хорошо, чтобы иметь возможность создавать интересные веб-сайты.
Ниже приведены некоторые важные вопросы и ответы по вопросам веб-дизайна:
Итак, вы, наконец, нашли работу своей мечты в веб-дизайне, но задаетесь вопросом, как взломать интервью по веб-дизайну и какие могут быть возможные вопросы по интервью веб-дизайна. Каждое собеседование отличается и объем работы также отличается. Помня об этом, мы разработали самые распространенные вопросы и ответы по вопросам веб-дизайна, чтобы помочь вам добиться успеха на собеседовании. Эти вопросы интервью делятся на две части:
Часть 1 - вопросы интервью веб-дизайна (основные)
Эта первая часть охватывает основные вопросы и ответы по веб-дизайну.
Q1.Как можно оптимизировать сайт? Когда начать?
Ответ:
Чтобы улучшить производительность веб-сайта, разработчики должны иметь идеи, характерные для каждого проекта. Некоторые общие и простые в реализации навыки оптимизации:
- Минимизируйте код CSS и JS. Это экономит килобайт каждой загрузки страницы.
- Сожмите все активы в наиболее подходящий формат.
- Механизмы кэширования на стороне сервера, такие как Redis, должны быть включены.
- Изображения должны быть представлены в соответствии с размером экрана устройства и плотностью пикселей. Загружайте только соответствующие изображения для данного пользователя.
- HTML должен быть четким и лаконичным.
Q2. Опишите использование следующих тегов HTML5: STRONG, EM, SMALL?
Ответ:
Эти теги создают особую визуальную обработку. Например, -STRONG выделяет текст, EM выделяет его курсивом, а SMALL - уменьшает его. Но это не их цель. Каждый из них имеет семантическое назначение следующим образом:
EM - текст, который должен быть выделен, следовательно, изменить его контекстное значение.
СИЛЬНЫЙ - Может использоваться в заголовках или заголовках, а также в абзацах, чтобы подчеркнуть свое слово или фразу.
МАЛЕНЬКИЙ - Используется для отказа от ответственности и разъяснений.
Давайте перейдем к следующим вопросам интервью по веб-дизайну.
Q3. Опишите преимущества и недостатки использования CSS-фреймворка, такого как Bootstrap или Foundation?
Ответ:
Преимущества:
- Фреймворки обеспечивают быстрое макетирование макетов, элементов и страниц
- способствовать повторному использованию многих последовательных элементов во всем проекте
- устранить необходимость в макетах Photoshop. Это также обеспечивает удаление других статичных эскизов высокой точности.
- приходят с обычно используемыми частями стандартизированных
- хорошо документированный код, который является встроенным. У него есть большое сообщество поддержки, когда возникают проблемы.
Недостатки:
- пытается обобщать общие элементы и часто приводит к не очень красивому дизайну
- создает нетрадиционный или сложный дизайн или макет
- больше усилий было связано с обработкой фреймворков, а не просто с нуля написания кода
- поставляются со слишком большим количеством лишних вещей, которые никогда не используются, или стилей, которые переопределяются, если не используются в правильном смысле
- более медленное время загрузки по сравнению с кодом, написанным с нуля.
Вопрос 4. Различаются ли «видимость: скрытый» и «дисплей: нет»?
Ответ:
Оба свойства стиля
- visibility: hidden: скрывает элемент, но все еще занимает место в макете.
- display: none: полностью исключает элемент. Он не занимает места. HTML-код для него находится в исходном коде, но без пробела.
Q5. Что такое белое пространство? Как это влияет на контент в Интернете?
Ответ:
Пробел - это любая область, оставленная намеренно пустой. Это не должно быть белым. В веб-дизайне пробел используется для разделения элементов или их группировки или для привлечения внимания к определенному элементу или для акцентирования на макете контента.
Часть 2. Вопросы по веб-дизайну (Advanced)
Давайте теперь взглянем на расширенные вопросы и ответы по интервью веб-дизайна.
Q6. Определите принципы гештальта?
Ответ:
Гештальт-принципы взяты из теории зрительного восприятия. Некоторые из этих принципов, применяемые в веб-дизайне:
- Сходство - человеческий мозг воспринимает элементы с сопоставимыми характеристиками как связанные друг с другом, и это означает, что эти элементы связаны или сгруппированы вместе.
- Близость - элементы, расположенные близко друг к другу, считаются сгруппированными или связанными друг с другом или частью целого.
- Закрытие - принцип закрытия делает элемент более увлекательным. Это делает дизайн более приятным;
- Рисунок - это основное отношение, которое имеет тенденцию мысленно отделять факты, основанные на сочетании цвета, формы и опыта.
- Общая судьба - элементы движутся синхронно и часто воспринимаются как сгруппированные
- Непрерывность - способность нашего мозга видеть связи между вещами и следовать по пути или другому пути на основе сходства между ними.
Q7. Как сочетать шрифты? Какие типы комбинаций шрифтов работают хорошо? Сколько разных типов шрифтов можно использовать на веб-сайте?
Ответ:
Есть шрифты, которые прекрасно работают вместе и выглядят красиво на одной странице. Чтобы правильно объединить два шрифта, необходимо тщательно изучить сходства и различия между ними.
Два шрифта прекрасно работают друг с другом, если они похожи, кроме случаев, когда они очень разные. Чтобы два шрифта были похожи, они должны иметь одинаковую высоту x
Следует избегать сочетания шрифтов, которые выглядят очень похожими, таких как Helvetica с Lucida Grande.
8. Упоминается ли отзывчивый дизайн на веб-странице?
Ответ:
Адаптивный дизайн: - подход к созданию сайтов, чтобы обеспечить лучший опыт просмотра и интерактивности. Основное внимание уделяется удобной навигации по сайту. Это обеспечивает минимум прокрутки, панорамирования и изменения размера на всех устройствах.
Bootstrap - это, вероятно, самая популярная платформа для разработки адаптивного веб-дизайна, основанная на CSS, HTML и JS.
Давайте перейдем к следующим вопросам интервью по веб-дизайну.
9. Назовите несколько плохих примеров веб-дизайна?
Ответ:
Ниже приведены некоторые очень плохие способы сделать веб-дизайн, который должен избегать каждый.
- Изображения, которые делают мигание, вращение или мигание
- Черный или очень темный фон с белым, светлым или бледным текстом
- Черный фон с коричневым, серым или темным текстом
- Плиточные фоновые изображения со светлым или темным цветом текста
- Все сосредоточено на странице
- Слишком много изображений на странице или Огромные изображения
- Так много списков ссылок
- Слишком много заголовков или текста, который мигает
В10. Когда вы используете сжатие JPEG.webp и когда вы предпочитаете PNG?
Ответ:
Каждый формат сжатия изображения имеет определенное назначение.
JPEG.webp: - Уменьшает размер изображения, находя области одинакового цвета. Более высокий уровень сжатия гарантирует, что такие области выглядят более агрессивно, что приводит к потере визуальной информации и генерации артефактов. Это сжатие лучше всего подходит для фотографий, рисунков и градиентов. JPEG.webp не очень хорошо работает для скриншотов, простых элементов пользовательского интерфейса, плоских значков или схем. Это очень плохо для текста.
PNG: - Этот метод сжатия работает за счет уменьшения используемых цветов. Это также может привести к небольшой потере цветовых оттенков. Метод PNG особенно хорош для логотипов, значков, знаков и изображений, содержащих текст. Для простых иллюстраций или элементов пользовательского интерфейса и снимков экрана также подойдет PNG. PNG файлы в большинстве случаев больше, чем JPEG.webp.
Рекомендуемые статьи
Это руководство по списку вопросов и ответов для интервью по веб-дизайну, чтобы кандидат мог легко разобрать эти вопросы по веб-дизайну. Здесь, в этом посте, мы изучили лучшие вопросы интервью веб-дизайна, которые часто задают в интервью. Вы также можете посмотреть следующие статьи, чтобы узнать больше -
- Интервью по веб-сервисам
- 10 вопросов о веб-разработке
- Топ 10 важных веб-дизайнерских программ для начинающих
- Интервью по веб-сервисам Java
- Bootstrap 4 Шпаргалка