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

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

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

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

Войти через TM ID
Похожие вопросы
Вакансии с Моего Круга Все вакансии
Заказы с Фрилансим Все заказы