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

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

-Как делать адаптивный дизайн непосредственно самому дизайнеру?
-Каким образом подстраивается сайт под разрешение экрана?
-Нужно ли делать дизайн под несколько разрешений экрана или это работа верстальщика/программиста?
По адаптивному дизайну поисковики выдают в основном как это в коде делается или в вёрстке.
  • Вопрос задан
  • 9591 просмотр
Решения вопроса 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. Разрабатывате дизайн, придерживаясь размеров сетки.
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Grapheme Ростов-на-Дону
от 50 000 руб.
от 80 000 до 150 000 руб.
13 дек. 2018, в 15:33
60000 руб./за проект
13 дек. 2018, в 14:47
5000 руб./за проект