Як дизайнеру робити адаптивні сайти

Макетів робиться стільки, скільки потрібно в залежності від кожного конкретного дизайну (дизайнера) і ТЗ.
Кожен додатковий макет +/- вирішенні створюється в разі, коли елементи UI, сітка і т.п. виходить за рамки простого "розтягування" і таким чином поведінку елементів на сторінці неможливо "передбачити" на етапі версті. Тому швидше за все fron-end розробник створить прості правила за якими ваш дизайну буде просто розтягуватися в потрібному діапазоні.
Тому наприклад, якщо майбутній сайт повинен "добре виглядати" в діапазоні дозволів від 320 до 1920px і немає строгих вимог до його адаптивності (прим. Нижче 960px у нас сенсори, і UI повинен бути відповідним), дизайнер має право сам вирішувати на який дозвіл знадобитися новий макет, коли кнопка 200x20px, перетвориться в 200x40px або коли зникнуть додаткові іконки ілюструють пункти меню і залишаться тільки заголовки.

Як дизайнеру робити адаптивні сайти

upd: але зазвичай дизайнер, який робить безліч "проміжних" макетів незабаром замислюється про те, що не погано б самому навчитися верстати з 1го свого макета, так як вже має уявлення про його адаптивних особливості і зовсім не хочеться створювати купу по суті дублюють копій.

Поділіться інвайт на Хабре, люди добрі

Думаю, що сутність веб-дизайнера з кожним днем ​​все більше і більше схиляється до фахівця з інтерфейсів. Тобто дизайн веб сайту найчастіше - це просто інтерфейс, який вже краще не малювати в фотошопі, але використовувати інші інструменти.

Схожі статті