x
 
Иван Соколов
11 июля 2018
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

Подскажите, в какой программе вы делаете такие замечательные макеты вёрстки?


Иван!

Мы рабо­таем в Фото­шопе, Скетче, Инди­зайне, Иллю­стра­торе и дру­гих про­грам­мах. Кон­крет­ный выбор зави­сит от усло­вий и задачи.

Общее визу­аль­ное реше­ние удоб­нее всего соби­рать в Фото­шопе. По срав­не­нию с дру­гими про­грам­мами он гораздо меньше огра­ни­чи­вает фан­та­зию. Дизай­нер больше думает о том, чего он хочет добиться, а не как это сделать.

Инди­зайн очень хорошо под­хо­дит для мно­го­стра­нич­ных изда­ний или сай­тов. Напри­мер, мы соби­рали в Инди­зайне макеты газеты «Учёт. Налоги. Право» и дру­гие печат­ные изда­ния. Ещё мы соби­рали в Инди­зайне макеты стра­ниц нового сайта бюро, но при этом общее визу­аль­ное реше­ние сна­чала нари­со­вали в Фотошопе.

Несколько послед­них кли­ент­ских и внут­рен­них про­ек­тов нари­со­ваны в Скетче. Он накла­ды­вает довольно много огра­ни­че­ний, но зато уско­ряет пере­дачу маке­тов в разработку.

Ещё осва­и­ваем Фигму. В ней прак­ти­че­ски невоз­можно нор­мально при­ду­мы­вать дизайн, но довольно удобно соби­рать макеты, если есть наброски в Фото­шопе. Зато есть сов­мест­ное редак­ти­ро­ва­ние, резина и вся­кие ништяки для разработчиков.

Парал­лельно я при­гля­ды­ва­юсь к Фрей­меру , но пока не про­бо­вал в нём что‑то сде­лать. Если у кого‑то есть опыт, то поделитесь.

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

А в чём рабо­тают ува­жа­е­мые советчики?

P. S. Это был совет по средам о вёрстке и типографике в вебе. Хотите знать всё об интерлиньяжах, полях, отступах, кеглях, выравниваниях и модульных сетках? Присылайте вопросы.
Типографика и вёрстка — дисциплина Школы дизайнеров. Набор закрыт. Оставьте почту, и мы напишем вам, когда откроется следующий набор.
 

Поделиться
Отправить

Комментарии

Стас Биченко
11 июля 2018

> Ещё осваиваем Фигму. В ней практически невозможно нормально придумывать дизайн

Миша, можешь рассказать, почему?

Миша Нозик
11 июля 2018

Стас, потому что очень много времени и сил уходит на то, чтобы хоть что-то сделать. Даже просто поставить заголовок и текст. Или какой-нибудь список сделать. А если нужно нарисовать иконку, то надо идти в Иллюстратор или Фотошоп — Фигма для этого совершенно не приспособлена. Или если хочется быстро попробовать сделать какой-нибудь эффект на всю страницу. Или быстренько обтравить и поставить поверх заголовка фотографию. Для всех этих операций надо бегать в другие программы и много думать.

В Фотошопе об этом думать не нужно совсем.

Зато в Фигме компоненты, резина и другие ништяки рулят. Надеюсь, ребята поскорее прикрутят нормальное редактирование стилей текста и дадут цеплять внешние файлы как в Индизайне.

Алексей Мельников
11 июля 2018

Affinity Designer. Супервещь и не требует подписки. Ролик — https://www.youtube.com/watch?v=ybPzM1NO9lc

Евгений Уланов
11 июля 2018

Сейчас перешёл на Фигму. Это рай после Шопа, он все-таки больше для обработки картинок.

Сергей Иванцок
12 июля 2018

Окончательный макет собираю в Иллюстраторе.

Всё, что векторное, делаю в Иллюстраторе. Всё, что нельзя или сложно следать в Иллюстраторе, делаю в Фотошопе (коррекцию фото, растровые эффекты). Потом размещаю подготовленные объекты в Иллюстраторе.

Просто там проще и быстрее макетировать, накидывать варианты, выравнивать объекты. Можно быстро менять цвета объектов и сами объекты (символы, глобальные цвета в палитре и т. п.).

Стас Биченко
12 июля 2018

В июле в Фигме появились стили текста и цвета: https://help.figma.com/properties-panel/styles

Данияр Кудайбергенов
17 июля 2018

Я использую Experience Design для прототипов и драфтов, люстру для создания иконок и некоторых элементов, фотошоп для картинок и работы с фотографией, а бумагу для дизайн-идей.


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

Сдала курсач в Школе редакторов 5 Влезание в интерлиньяж 4




Недавно всплыло

Хочу научиться сторителлингу 2 Как в бюро верстают электронные письма и рассылки. Третья часть: рассылки Школы и Издательства бюро 1 10 дизайнерских товаров японских студий 2 При клике на кнопку нужно плавно прокрутить страницу к форме 2