• Как сделать дизайн широкоформатного баннера в фотошоп?

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    Для широкоформатной печати ставь 72 dpi, для интерьерной - не менее 144.

    Приучивай себя к миллиметрам, ставь 3300 на 1400 мм. В настройках смотри, чтобы stroke тоже измерялся в миллиметрах. Следи, чтобы линии были не тоньше 0,35 мм (а для других более качественных технологий печати - не менее 0,1 мм), размер мелкого шрифта тоже выбирай, сперва замерив толщину тонких штрихов в нём - иначе плохо пропечатается или вообще не пропечатается.

    Не забудь макету дать рамочку в 0,5-1 мм толщиной, не очень заметную, по которой будут резать баннер. Важную информацию отводи от края не меньше чем на 50 мм - как выше сказал ИдиИубей, лучше иметь запас, чтоб криворукий постпечатник не попортил дизайн.

    Желательно следить за суммой красок. В широкоформатной печати это конечно не столь важно, как например в оффсете, НО частенько рекламно-производственные фирмы используют либо краски на основе птичьего помёта, либо оборудование сделанное из птичьего помёта, и краски могут потечь. Я стараюсь делать так, чтобы сумма красок в каждой точке не превышала 290-310% (C+M+Y+K).

    Проверить макет на сумму красок поможет InDesign, в люстре вроде бы нет такой полезной вещи. Либо можно держать в уме все накладывающиеся друг на друга заливки и мысленно вычислять сумму красок - для простого дизайна сойдет. Просто надо с осторожностью миксовать слои.

    Не используй очень светлые заливки. Я обычно стараюсь не опускаться ниже 5% - такой цвет может тупо завалиться в белый.

    Все эти заморочки зависят от пряморукости типографии... А на их пряморукость как правило не стоит рассчитывать.

    Файл сдавать можно и как TIFF. Главное, какой бы ты формат не выбрал, следи, чтобы он был в цветовой модели CMYK. Я обычно сдаю исходник, PDF и jpeg/tiff (проще jpeg на максимальном качестве - тиффу он не уступает, и его можно просмотреть обычным просмотрщиком).
    Ответ написан
    8 комментариев
  • Что перспективнее и выгоднее - полиграфия или веб при одинаковых скилах дизайнера?

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    Однозначно веб/интерфейсы. Print is dead. А где не дед - там такая дедовщина от заказчиков, весь дух выколотят. Только в полиграфии я встречал отборнейших шизофреников и психопатов.

    К тому же, за электроникой будущее, всем уже начхать на бумажки по большому счёту. Единственные более-менее актуальные срезы этой сферы не связаны с бумажками - дизайн принтов, упаковки и чего-нибудь такого. А визитки-флаеры-баннеры-журналы-газеты-презентации и прочий ХЛАМ - лично я рекомендую вообще туда не соваться.
    Ответ написан
    3 комментария
  • Как сделать такую картинку?

    @solovyovserhiy
    В редакторе (наподобии фотошоп) сделать второй слой. Этот слой закрасить в розовый. У него же изменить прозрачность - станут видны наушники.
    Вот зеленый слой поверх розового. Если не получится - сообщайте.

    980296f5f0f04a519d443b9bbd5814a3.jpg
    Ответ написан
    2 комментария
  • Что перспективнее и выгоднее - полиграфия или веб при одинаковых скилах дизайнера?

    newross
    @newross
    Product owner
    Выгоднее работать тому, кто умеет себя продавать. Можно быть супер профи и не уметь себя продавать. И соответственно зарабатывать меньше, чем середнячок, который умеет себя продавать.
    А выбирать надо то, от чего прет и чем хочется заниматься.
    Ответ написан
    4 комментария
  • Какие шрифты чаще всего используете в дизайне сайта?

    RostOsipov
    @RostOsipov
    Designer
    Не путайте парня и не ограничивайте его в выборе. Послушает, замкнется на Open Sans, Roboto, Proxima Nova.

    1. Выбор шрифта осуществляется в соответствии с конкретной задачей. Это первое правило, которое нужно держать в голове при выборе шрифта (шрифтов) для определенного проекта.
    У Вас большие объемы текста и нужно добиться максимальной скорости прочтения? Выбирай шрифт с максимальной удобочитаемостью (Helvetica, Pragmatica, Aktiv Grotesk, etc).
    Делаешь своей девушке сайт-визитку по продаже хенд-мейд бижутерии? Можешь присмотреться к декоративным шрифтам или серифам.

    Кроме того, возможны ограничения по шрифтовым набором со стороны разработчика ПО под которое делается проект. Так например, Microsoft в Windows 8 Guidelines, настоятельно рекомендовала уйти от сторонних шрифтов в пользу Segoe UI.

    Мне сложно представить, к примеру, сайт IT компании, параграфы которого набраны serif типа Bodoni или Baskerville. Это вызывало бы диссонанс, так как Антиква (serif fonts) отправляет нас в прошлое, а Информационные технологии - направление будущего, поэтому и выбирают Гротескные гарнитуры (sans-serif).

    2. Практика - это хорошо, но без теоретических основ и понимания структуры Вам сложно будет добиться идеальных результатов. Образцы шрифтов Яна Чихольда, Живая Типографика Корольковой - отличные книги для начала.

    3. Поиск шрифтовых пар.
    Найдите пару шрифту для связки Заголовок/Параграф. Как и у людей - не все шрифты подходят друг другу. Собираетесь сделать моношрифтовой сайт? Почему бы нет. Однако, возможно, он будет скучноват и будет напрашиваться добавление еще одной гарнитуры к уже имеющийся.
    В интернете полно сайтов, посвященных "играющим" парам.

    НО. Никогда. ни в коем случае. Не при каких обстоятельствах. Нельзя использовать в заголоках и параграфов похожие шрифты. Например: Helvetica и Acumin Pro.

    Почему некоторые шрифты популярны, а другие нет? Здесь есть много причин:
    a) Бесплатность. Не нужно платить за лицензию на шрифт, либо лицензионные фи за использование в приложениях или web. Шрифт Лобстер набрал свою популярность именно по этой причине. (правда сейчас у него репутация, близкая к Comic Sans'у).
    b) Качество набора гарнитур.
    c) Поддержка языков.
    d) Наличие лигатур (для кириллицы не актуально:))
    e) Тенденции в Web Дизайне и т.д.

    Возвращаясь к вопросу "Какие шрифты должны быть у каждого web дизайнера?" Не хочется ли Вам после всего вышеописанного перефразировать свой вопрос "Чем должен руководствоваться каждый web дизайнер при выборе шрифта?"

    Сервисы:
    Google Fonts (Free) и Adobe TypeKit (Free and Paid). Лично мне больше нравится сервис от Adobe. Немного сложнее в "установке" шрифта, но приятнее по качеству наборов гарнитур.
    Ответ написан
    Комментировать
  • Какие продукты Adobe вы еще используете для эффективной web-разработки?

    RostOsipov
    @RostOsipov
    Designer
    Если хочется "замкнуться" на экосистеме Adobe, то:
    Прототипирование: Photoshop. Хотя Ps со скрипом можно назвать программой для прототипирования. Он большой и неповоротливый с рендерингом шрифтов отличным от того что вы увидите в вэб. Альтернативы: Axure, Sketch.
    Иконки/Графика: Ps или Ai (в зависимости от необходимого стиля и уровня сложности).
    Код: Brackets (бесплатный и самый удобный (имхо) редактор кода с каждой версией становящийся все лучше и лучше) или Dw.
    Если работа ведется с фронтенд разработчиком некотрые вещи анимирую в AfterEffects (параллакс эффекты, поведения сложных элементов).

    Вообще компания очень старается занять нишу прототипирования.
    В последнем большом обновлении Adobe Photoshop появились Артборды (Artboards) - прекрасная возможность держать мобильный/таблет/десктоп виды или альернативные версии сайта в одном окне.
    Кроме того, на MAX2015 компания представила Project Comet. Программа непосредственно разработанная для дизайна и прототипирования, дающая возможность уже на ранних этапах дать предоставление о поведении проекта на различных экранах.
    0aff90210f1f496c9ed4c940971f279f.png
    Дата выхода не объявлена, но Adobe обещает начало 2016.
    Очень жду открытую бету.
    Ответ написан
    2 комментария
  • Как сохранить все смарт-объекты с макета в photoshop?

    Alexufo
    @Alexufo
    противоречивый, сложный, весь компьютерный.
    Дать каждому объекту определенное имя и использовать Generate-> image assets или Extract Assets если нужны разные размеры.

    https://www.youtube.com/watch?v=zXTPLGw_MoE
    Ответ написан
    Комментировать
  • Почему многие популярные интернет издания используют шрифт с засечками для основного текста, хотя это дурной тон?

    Murmurianez
    @Murmurianez
    JavaScript Developer
    Как раз для основного текста они и сделаны - засечки позволяют вам лучше (быстрее, легче) читать длинный текст. Засечки как бы пол и потолок строки направляющие взгляд горизонтально и не позволяющие случайно перескакивать со строчки на строчку + буквы лучше различаются благодаря большему количеству деталей.

    Это в теории. Сегодня больше к стилю относится - старое, надёжное, авторитетное, хипстерское - с засечками, современное, свободное, молодое - без засечек.
    Ответ написан
    Комментировать
  • Какие шрифты чаще всего используете в дизайне сайта?

    Tash1moto
    @Tash1moto
    Open Sans, Roboto, PT Sans, Droid Sans, Noto Sans, Fira Sans.
    Ну и конечно же Lobster=)
    Ответ написан
    5 комментариев