• 4 правила работы в Sketch над крупными проектами
    0
    Вау, круто, не знал, спасибо!
  • 9 нелепых способов открыть .sketch-файл. И один ничего такой
    +1
    Спасибо большое за вашу программу и ссылку на статью в конце материала!
    Даёшь Скетч в массы!
  • 4 правила работы в Sketch над крупными проектами
    0
    Насколько я знаю, многие коллеги используют Adobe Illustrator. Даже упомянутые в статье Area 17 до сих пор на Скетч не перешли. Кстати, если не смущает английский текст, они очень интересно пишут о своём опыте работы с Иллюстратором и подходе к дизайн-процессу.

    Ещё есть продукт от Adobe — Experience Design CC, пытающийся составить конкуренцию Скетчу, но тут я не могу ничего советовать, т.к. смотрел его поверхностно. Пока он в бета-версии, и там нет такого арсенала плагинов и туториалов, как у Скетча.

    Ну, и покупка мака — это отличное вложение, на мой взгляд ))
  • 4 правила работы в Sketch над крупными проектами
    0
    Ваша просьба понятна, но тут возникает риторический вопрос, чем жертвовать: внешним видом продукта или десятком цифр после запятой?
  • 4 правила работы в Sketch над крупными проектами
    0
    Одного раза, для того чтобы понять всю мощь и продуманность Скетча, конечно, маловато )

    По поводу ваших вопросов:
    1. Не до конца понял что именно вы имели в виду, но обращу ваше внимание, что в Скетче есть инструмент «Slice» (S), с функционалом, схожим с Фотошоповским. Вы можете «нарезать» любые нужные вам участки макета и экспортировать в виде png, в любом разрешении. Кроме этого, объекты можно сгруппировать, видимость установить масками и экспортировать группу. Более точный рецепт можно дать при более детальном понимании задачи.

    2. Скетч использует маковский инструмент, что-то вроде Time Machine, позволяющий откатиться к более ранним версиям. Находится он в «File» → «Revert to...». Но, насколько я понимаю, сама история храниться на той машине, на которой файл разрабатывался. Т.е. если вам достался готовый файл для «нарезки» откатиться в не сможете.

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

    3. Для этого есть ряд решений, таких как Invision, Zeplin или плагин Marketch. Фактически, все они включают в себя инспекторы кода, и показывают css информацию по любому объекту (что-то вроде developer tools в Хроме). Сам использую Инвижн. У него в последних версиях появился замечательный «Incpect mode», если макет выгружен при помощи плагина Craft Sync. Для того чтобы познакомиться с ним есть бесплатная версия для одного проекта.
  • 4 правила работы в Sketch над крупными проектами
    0
    Ну, вы фактически в последней строке написали сценарий скрипта для разработчиков приложения )))
    А в Скетче автоматизировать такое не знаю как. Думаю, что пока нельзя и придётся делать вручную.
  • 4 правила работы в Sketch над крупными проектами
    0
    Так нет ничего страшного. Если блок получился в высоту 44 пикселя — делаем отступ не 16, а 20 и всё снова станет на 8−пиксельную сетку. Или вообще перестать париться насчёт восьмёрок, а держать в голове 4 пикселя )))
  • 4 правила работы в Sketch над крупными проектами
    0
    Это да, и я написал про один из них — Library из пакета Sketch. Но пользоваться ими в процессе — не удобно. Они скорее предназначены для генерации страницы UI в самом конце. Я же её создаю в процессе. Для того чтобы не было в проекте, например, 2 разных иконок с конвертиком для поля «E-mail». Или, чтобы не создавать «свистопляску» со шрифтами, когда есть шрифты и 13, 14 и 15 кегля. Лучше остановиться на каком-то одном размере. Новые сущности я ввожу очень осторожно, только в случае если это действительно необходимо.
  • 4 правила работы в Sketch над крупными проектами
    0
    Именно в процессе, чтобы не создавать новых сущностей и не дублировать существующие.
  • 4 правила работы в Sketch над крупными проектами
    0
    Стараюсь не использовать интерлиньяж 20 px. Т.е. он или 16 px, или 24 px, или 32 px. А вот размер шрифта использую любой (не обязательно кратный 8-ми). И уже в зависимости от размера шрифта подбираю интерлиньяж «на глаз». Считается, что высота межстрочного интервала должна приблизительно равняться высоте заглавной буквы шрифта. Вот на это правило и ориентируюсь.
  • 4 правила работы в Sketch над крупными проектами
    0
    Полностью с вами согласен! Там еще предусмотрена интеграция с Invision, которую последнее время активно юзаю и, прям, не нарадуюсь! А вот плагин Library из этой библиотеки я так и не смог «вкурить» )))
  • Проектная папка дизайнера. Создаём бекапы
    0
    Не могу ответить, не пробовал, т. к. стараюсь избегать таких больших файлов.

    1 ГБ и больше — размер файлов характерный, скорее для полиграфии. В веб-разработке с таким не сталкивался.

    Кстати, Фотошоп позволяет импортировать на артборд другие документы psd при помощи «File» → «Place Linked...», и это очень удобно!

    Если, например, у меня какой-то блок стал очень «тяжелым» из-за большого количества слоёв и эффектов, то лучше его вынести в отдельный файл и сослаться в текущем документе. Повторяющиеся на всех артбордах элементы (header, footer, navigation) тоже лучше выносить в отдельные файлы.

    Во-первых, потом легко вносить правки сразу во все артборды, в которые включен такой файл. Во-вторых можно настраивать состояния при помощи Layer Comps, и таким образом, вставлен один и тот же файл, а выглядеть он может по-разному ))

  • Проектная папка дизайнера. Создаём бекапы
    0
    Всё описанное пробовал, но не помогло. Может вы правы и проблема несовместимости версий (у меня 42-ая версия Скетча).
  • Проектная папка дизайнера. Создаём бекапы
    0
    А у меня почему-то этот плагин не появляется в Скетче. И вручную устанавливал, и через Sketch Toolbox — один фиг, его нет в менюшке «Plugins» :-(
  • Настройки Photoshop после установки
    0
    О, крутая фича, не знал. Спасибо!
  • Проектная папка дизайнера. Создаём бекапы
    +1
    Стыдно, но я не разобрался как его подружить с SourceTree. Дело в том, что SourceTree умеет показывать превьюшки «Было» / «Стало» даже для Скетч-файлов, а это бывает удобно и нужно.

    Во-вторых, насколько я помню, ГитЛаб в веб-версии не умеет показывать превьюшку psd файла, с чем Битбакет отлично справляется.

    Т.е. дисковое пространство это, конечно, важно, но функциональная составляющая важнее )
  • Cerebro – бесплатная альтернатива Alfred и Spotlight
    0
    А где можно посмотреть список что и во что можно перевести?
    И можно ли посчитать, например процент от числа?

    P.S. Есть супер-классная программа для пользователей Маков — Numi (рекомендую). У них в документации подробно написано какие математические операции и функции конвертации присутствуют.
  • Проектная папка дизайнера. Создаём бекапы
    +1
    Спасибо большое за ответы!

    Т.к. последнее время работаю в основном со Скетчем, то там лимит даже в 1ГБ нереально достигнуть, а вот с Фотошопом, там да… и 3 ГБ легко.

    Но, с другой стороны, если «наваял» так много, значит и заработал неплохо :) Соответственно, заплатить за хранение совсем не жалко.
  • Проектная папка дизайнера. Создаём бекапы
    0
    Не в курсе, можно ли этот лимит увеличить? За деньги, например?
  • Настройки Photoshop после установки
    –1
    фотографии, коллажи, цветокоррекция.
  • Настройки Photoshop после установки
    –1
    Вcё зависит от вашего компьютера и нужно смотреть на месте. В настройках можно «поиграть» с различными параметрами и понять кака конфигурация для вас лучше.image
  • Настройки Photoshop после установки
    –1
    а они у меня по умолчанию работают…
  • Настройки Photoshop после установки
    –1
    Ну, я в принципе для этого пост и создал, чтобы каждый для себя нашел какую-нибудь фичу, о которой не знал )
  • Структура проектной папки дизайнера
    0
    Я честно пытался найти, но нигде оговорок о сроке хранения файлов не нашёл. Точно могу сказать, что файлы залитые в начале 2015 года до сих пор доступны и ничего не удалено.
  • Структура проектной папки дизайнера
    0
    Вау. То, что вы описали звучит гениально, но я не представляю как это реализовать… Стыдно (
  • Структура проектной папки дизайнера
    –1
    Круто-круто! Обязательно посмотрю.
    Все-таки основная задача не сэкономить, а сохранить файлы и из итерации. Если это будет удобно сделано, то почему бы не заплатить?
  • Структура проектной папки дизайнера
    –1
    Из того что я рассматривал ранее, удобного инструмента не нашлось. Для продуктивной работы нужна возможность быстро заглянуть в файл. Причем, это может быть .psd, .sketch, .illustrator и другие файлы графических программ. Бесспорно, для вёрстки очень удобно использовать тот же GitHub, он подсветит то, что изменилось от версии к версии. Но как быть с графикой?
  • Структура проектной папки дизайнера
    –1
    По-моему с «очень много халявного дискового места» вы погорячились )
    По умолчанию Яндекс.Диск даёт — 10 ГБ
    Mail.ru — 25 ГБ.
  • Структура проектной папки дизайнера
    –1
    У Яндекса все абсолютно так же. Просто, Яндекс я использую ежедневно (у меня там больше 200 ГБ места), а Гугл только для бекапов.
  • Структура проектной папки дизайнера
    –1
    Место сохраняется на проплаченный период. Потом свободное место уменьшается, до бесплатных 15 ГБ, но файлы не удаляются. Т.е. добавить ничего нового вы не сможете (не оплатив абонентку), но размещенные ранее файлы будут храниться.
  • Структура проектной папки дизайнера
    0
    Да вроде как я никого не обманываю. Эту возможность мне предоставляет сам Гугл. Почему мне должно быть стыдно? Если вы ездите на автобусе раз в год вы каждый месяц покупаете проездной?
  • Структура проектной папки дизайнера
    0
    К сожалению, нет.
    У него есть какие-либо преимущества перед Google Drive?
  • Структура проектной папки дизайнера
    0
    Прикольно! Я раньше использовал ГитХаб для контроля версий, но он показался неудобным из-за того что нельзя было посмотреть превьюшки и что менялось от версии к версии. Т. е. приходилось загружать файл, открывать, убеждаться, что это не та версия и так дальше по кругу. Если они сделали превьюшки, то обязательно попробую.

    Не в курсе, парсят ли .psd и .sketch?
  • Smart Object в Photoshop – поможет и верстальщикам, и дизайнерам
    0
    Еще один плюс смарт-объектов, это то что если применить crop к холсту, то обычное растровое изображение обрежется по размерам холста. Смарт-объект же будет сохранен полностью, даже та часть изображения что выходит за границы холста.
  • Статьи: В поисках альтернативы Basecamp: обзор WorkSection
    0
    Рекомендую — www.trackstudio.ru/