Основы веб-дизайна

Веб-дизайн отличается от полиграфического дизайна тем, что верстка дизайна сайта и оформление отдельных элементов происходит за счет программирования на языках HTML, CSS и Jquery. Под веб-дизайном понимают именно проектирование структуры веб-сайта.

По мимо творческого подхода, веб-дизайнер должен понимать основы верстки сайта в целом и изменение масштабов содержимого в зависимости от разрешения экрана пользователя, для удобного просмотра сайта с разных устройств.

Разработка дизайна сайта

В зависимости от сложности веб-дизайна мы либо разрабатываем идею и концепцию дизайна сайта полностью самостоятельно, либо получаем ряд требований от заказчика (цвет, стиль и т. п.) и стараемся держаться этого направления при разработке макета.

В большинстве случаев мы просим заказчика показать сайт в интернете, который ему нравиться и сайт, который содержит необходимую документацию по товарам или услугам, и на основе этого верстаем индивидуальное решение под конкретные задачи.


Верстка сайта на базе Bootstrap

В большинстве случаев мы используем популярный фреймворк Bootstrap (свободный набор инструментов для верстки сайтов) в связке с Drupal. Эта библиотека начала разрабатываться как внутренняя библиотека компании Twitter под названием Twitter Blueprint, а после нескольких месяцев разработки открыта под названием Bootstrap, которая позволяет сэкономить время и верстать сайт в соответствии с современными тенденциями интернет технологий.


Верстка сайта под 7 видов различных устройств

В процессе верстки мы ориентируемся на следующие виды разрешения экранов различных устройств:

1. Большой экран 1920px и более (ПК) 
2. Средний экран 1440px (ПК, ноутбук)
3. Средний экран 1366px (ноутбук, iPad pro) 
4. Малый экран 1024px (ноутбук,  iPad) 
5. Малый экран 768px (планшет)
6. Большой смартфон 375px (Iphone6/7/8, Samsung, Honnor, Huawei и т.п.) 
7. Маленький смартфон 320px (Старые модели Iphone5s/ SE, Samsung.)