Студия дизайна «Разумный подход» Владимира Соловьёва, podhod.ru

Блог студии дизайна «Разумный подход»

Макет сайта «в рамке» ноутбука

Владимир Соловьёв, 9 сентября, 2016

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

Иногда это совмещается с искажением макета в перспективе, с уменьшением.

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

Причины, по которым дизайнер может решить показывать «макеты в рамке» могут быть такие:

  • Без рамки макет будет выглядеть не так эффектно, дизайнер пытается усилить слабое оформление;
  • Макет сам по себе недостаточно хорошо держит форму, и требуется поддержать композицию;
  • Недостаточная проработка, например, на макете не хватает приятных деталей;
  • Предъявить без подробностей. По каким-то причинам вы не должны увидеть настоящий макет целиком.

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

Разумеется, есть задачи когда использование мокапа, в виде рамки из устройства, оправдано:

  • Показать, что расположение важных элементов сайта продумано и они умещаются на «первом экране»;
  • Продемонстрировать, что у пользователя не возникнет сомнений в том, что на сайте есть скролл;
  • Дизайн подразумевает вёрстку «на весь экран», совсем без прокрутки или только с горизонтальной;
  • Макет показывает как сайт выглядит среди других, созданных в том же стиле, продуктов: других сайтов и приложений, фирменной и сувенирной продукции.

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

Опубликована 100-я работа в портфолио

Владимир Соловьёв, 19 июля, 2016

На сайте «Разумного подхода» опубликована 100-я работа в портфолио, буклет о концепции вагона «2020» КЦЭПС для РЖД.

Конечно, сделано намного больше — в портфолио на сайте попадают не все работы, а только те, что помогают объяснить чем в Разумном подходе занимаются. Да и качественная публикация на сайте требует труда. Например, в данный момент ещё 15 работ ждут своего времени.

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

Правила работы в Area 17

Владимир Соловьёв, 29 июня, 2016

Студия Area 17 приступила к публикации внутренних правил работы, заложенных их основателем, дизайнером Арно Мерсье (Arnaud Mercier). В данный момент опубликованы только принципы работы над макетами в Иллюстраторе: структура макетов и организация файлов.

Кроме этого, Area 17 публично ведёт архив всех созданных ими макетов.

Всплывающие блоки

Владимир Соловьёв, 2 марта, 2016

Комбинация кода для всплывающих блоков при прокрутке. Блоки, попавшие в видимость при загрузке, видны сразу, без анимации. Но можно специально попросить их появиться классом .slide-up-start.


Для наглядности, горизонтальные блоки повёрнуты контейнером и обратно повёрнуты содержимым. Ещё тут интересное использование :nth-of-type, чтобы в несколько строк разнообразить задержку в анимации и раскраску контейнеров.

Сайт с анимацией об особенностях шрифта

Владимир Соловьёв, 15 января, 2016

Рассказ-презентация о семействе шрифтов GT Eesti, основанного на гарнитуре «Журнальная Рублёная» Анатолия Щукина.

Особое внимание авторы нового шрифта посвятили анимации, чтобы показать все особенности букв.

Задать вопрос