dintsec
@dintsec
Админ, копирайтер

Как дизайнеру делать адаптивные сайты?

-Как делать адаптивный дизайн непосредственно самому дизайнеру?
-Каким образом подстраивается сайт под разрешение экрана?
-Нужно ли делать дизайн под несколько разрешений экрана или это работа верстальщика/программиста?
По адаптивному дизайну поисковики выдают в основном как это в коде делается или в вёрстке.
  • Вопрос задан
  • 10432 просмотра
Решения вопроса 1
mannaro
@mannaro
Умею профессионально гуглить
В идеале делается так:
1 дизайн, который сможет тянуться на любую ширину. Включается, если ширина > 1920px.
1 дизайн для широких экранов 1024 <= x <= 1920, где x - ширина экрана.
1 дизайн для мелких экранов 512 <= x < 1024 (часто опускают)
1 для планшетов
1 для телефонов

Обычно, это одинаковые дизайны, только чуть подправленные. Но у каждого есть свои наработки и идеи по реализации адаптивного дизайна.
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
Servar
@Servar
Дизайнер, иллюстратор
Макетов делается столько, сколько нужно в зависимости от каждого конкретного дизайна (дизайнера) и ТЗ.
Каждый дополнительный макет +/- разрешении создается в случае, когда элементы UI, сетка и т.п. выходит за рамки простого "растягивания" и таким образом поведение элементов на странице невозможно "предугадать" на этапе версте. Поэтому скорее всего fron-end разработчик создаст простые правила по которым ваш дизайна будет просто растягиваться в нужном диапазоне.
Поэтому например, если будущий сайт должен "хорошо смотреться" в диапазоне разрешений от 320 до 1920px и нет строгих требований к его адаптивности (прим. ниже 960px у нас сенсоры, и UI должен быть соответствующим), дизайнер в праве сам решать на каком разрешении понадобиться новый макет, когда кнопка 200x20px, превратится в 200x40px или когда исчезнут дополнительные иконки иллюстрирующие пункты меню и останутся только заголовки.
Ответ написан
igrokodin
@igrokodin
Поделитесь инвайтом на хабр, люди добрые
Думаю, что сущность веб-дизайнера с каждым днем все больше и больше склоняется к специалисту по интерфейсам. Т.е. дизайн веб сайта зачастую - это просто интерфейс, который уже лучше не рисовать в фотошопе, но использовать другие инструменты.
Ответ написан
@kon-rafikov
Наступаю на разные грабли, задаю глупые вопросы.
  1. Узнаете размеры и поведение сетки, которую использует верстальщик. Например, какая на каком разрешении дисплея ширина одной колонки.
  2. Делаете несколько соответствующих шаблонов в фотошопе, расставив направляющие и настроив сетку в фотошопе.
  3. Разрабатывате дизайн, придерживаясь размеров сетки.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Bash Today Москва
от 90 000 до 130 000 руб.
Платформа НТИ Москва
от 90 000 до 150 000 руб.
WebMoney Москва
от 100 000 руб.
22 апр. 2019, в 22:33
200 руб./за проект
22 апр. 2019, в 21:37
3500 руб./за проект
22 апр. 2019, в 21:27
10000 руб./за проект