Блог Алексея Скуратова

Пишу про it, эффективность и книги

8 способов сэкономить на веб дизайне

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

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

Спросить у исполнителя «как можно сделать дешевле?»

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

Отсечь лишнее

Безопасный вариант, помогающий не потерять в качестве: отсечь лишнее и проработать только то, что важно для бизнеса. Разберем на примере:

Нужен интернет магазин для постоянных клиентов — чтобы те могли в любое время пересобирать корзину самостоятельно. Бюджет 30’000₽, оценили работы на 50’000₽. Потому что в стоимость вошли мобильная версия сайта, страница Акции, О компании, Блог, а еще Промо баннера и дизайн нескольких видов email писем.

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

Адаптировать купленный шаблон / UI-Kit под свои задачи

Это не самый благородный тип работ, потому что для исполнителя создаются искусственные ограничения, а для бизнеса могут не до конца подходить определенные решения, но этот подход упрощает процесс разработки. Разница оттолкнуться от чьих либо наработок или начать делать с нуля — может оказаться вдвое меньшими затратами времени.

Разработать свою систему с UI-Kit

По мере того, как продукт будет развиваться и разрастаться, лучшим решением его поддержки будет сбор кита и использование в качестве стандартизации стилистики. UI-Kit тоже требует поддержки, но он содержит в себе все существующие элементы, их состояния, параметры и стили. А это помогает не тратить время на поиск «Стиля заголовка H1» и избежать ошибок при разработке дизайна новых страниц. Особенность кита в том, что он помогает получать одинаковый результат от разных дизайнеров, потому что все они будут опираться на прописанные в ките стили.

Скопировать подходящие решения

Это решение из области, когда дизайнер минимально участвует в проектировании структуры и подойдет не всем. Но для простых задач может стать выходом.
Вы находите несколько сайтов-доноров и говорите дизайнеру: Я хочу вот такую карусель в шапке сайта, вот такой каталог, такой подвал, и все это в стилистике как вот тут. Задача дизайнера сводится не к проектированию вариантов сеток и поиска наилучшей, а адаптация существующих решений к единой сетке, чтобы скомпоновать все пожелания в единую структуру.

Воспользоваться онлайн конструкторами

Онлайн конструкторы типа Wix, Tilda, Squarespace, Readymag и Webflow не панацея, но они понизили порог создания страниц сайтов и периодически ими пользуются успешно даже без участия специалистов. Даже больше скажу, часть дизайнеров сами пользуются такими конструкторами и обходятся без верстальщиков.

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

Подготовить материал и гипотезы решения задач самостоятельно

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

Не использовать платные или пиратские материалы

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

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

Говоря же о пиратских материалах, это всегда вопрос риска. Особенно со шрифтами, потому что есть множество способов отличить покупной шрифт от нелицензионного. Например, пиратские версии имеют другое название и далеко не каждый дизайнер об этом знает. Риск же состоит в штрафе и трате время на разбирательства.

Как делать бэкап Raspberry Pi

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

Наличие бэкапа сэкономит кучу времени при восстановлении в одну команду, когда что-то где-то поломается моими же руками.

Как делать бэкап

Бэкап делается через команду

dd if=/dev/disk2  of=raspberrypi-backup.img

if — откуда берется собирается образ (обязательно пишется через /dev/)
of — куда (образ сохранится в корне пользовательской директории)

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

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

Что может пойти не так:

Permission denied

Если терминал говорит об отказе доступа, тогда пишем команду через sudo

sudo dd if=/dev/disk2  of=raspberrypi-backup.img

Resource busy

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

В дисковой утилите виден не тот образ флешки

Если в дисковой утилите вы видете образ с малым весом, например 46mb, значит отображается отдельный раздел, а не вся флешка.

Находясь в дисковой утилите перейдите в режим отображения всех девайсов:
View → Show All Devices (⌘+2)

Как развернуть бэкап обратно на флешку

sudo dd if=raspberrypi-backup.img of=/dev/disk2

Настройка новой Mac OS

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

За основу брал Homebrew. Потому что для работы с ним не нужно обладать сверх знаниями и еще мне подсказали инструкцию. Вся работа протекает с терминалом и отнимет не больше 10 минут. Остальное время программы будут скачиваться и устанавливаться сами.

Установка программ рутинная задача, отнимающая кучу времени: Зайди на сайт → Скачай образ → Открой его → Скопируй программу → Удали образ. Повтори n-раз, пока не установишь все что нужно.

Подготовка к работе с Homebrew

Сначала установим xcode. Без него Brew не будут работать.

sudo xcode-select --install

Ставим Brew как пишут на офф сайте:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

Ставим расширение Cask, которое будет устанавливать программы.

brew tap caskroom/cask

Ставим программы

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

brew cask install \
    alfred \
    caffeine \
    keka \
    appcleaner \    
    google-chrome \
    firefox \
    brave-browser \
    telegram \
    slack \
    skype \
    WhatsApp \
    Transmit \
    dropbox \
    transmission \
    tunnelblick \
    LINA\
    vlc \
    VOX \
    steam \
    figma \
    sketch \
    ImageOptim \
    visual-studio-code \
    sublime-text \
    iterm2 \

Список выше — это тот, который использовал я. Если вам не хватает каких-то программ, можно их дописать. Только убедитесь что они есть в списке Brew. Проверить их наличие можно тут с помощью поиска .


По теме:
Github для дизайнера

Про фриланс в 2020 и личный рост

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

Сотрудничество

Сейчас стало абсолютно нормально обсуждать начало сотрудничества даже не через неделю-две, а через месяц. Я не знаю с чем это связано, но тенденция сохраняется как на отечественных фриланс биржах, так и на зарубежных, например Upwork. Поэтому, в какой-то момент перестаешь расстраиваться, если не получаешь фидбека при отправке предложения своей кандидатуры в течение 7 дней.

Спрос на услуги

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

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

Медийность

Медийность помогает в спросе, поэтому она необходима. Часть заказов непременно прийдет через сарафанное радио. Какая-то доля этих сарафанов будет идти из прошлого круга общения, одноклассников, однокурсников, старых знакомых и тех с кем когда либо разделял какие-то интересы. Все эти люди возможно не знают или ошибаются — чем именно вы занимаетесь. Более того, даже если они знают какие услуги вы предоставляете, скорее всего не смогут объяснить суть вашей деятельности потенциальным клиентам среди их знакомых. Да и зачем объяснять, когда можно сказать «Кажется у меня есть знакомый, который занимается чем-то подобным, посмотри вон там его работы»

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

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

Так вот, я вижу следующие варианты:

  1. Поднимать ценник и меньше работать, чтобы компенсировать понижение уровня дохода и по сути таким образом оплачивать медийную часть работы;
  2. Делегировать часть работы на других и заниматься более высокоуровневым управлением проекта;
  3. Браться за проекты в которых ты выступаешь в роли руководителя, для повышения качества работ или налаживания процессов;
  4. Делегировать медийную деятельность.

Стратегия состоит в том, чтобы иметь постоянный приток клиентов, а не простаивать. А тактика скорее всего будет постоянно корректироваться. В зависимости от ситуаций, все варианты будут комбинироваться или включаться по необходимости.

 Нет комментариев    1793   2020  

6 минут таймлапса ретуши

Я люблю фотографировать и в 2018м году очень повезло попасть на пару мастер классов к Танюше Брю. Она специализируется на автомобильной съемке. Второй МК был посвящен съемке с ограниченным освещением и фотосборке продакшена из нескольких снимков.

Вышло не идеально: На автомобиле остались блики, местами грязь и пятна, но я все равно доволен результатом — практиковался навык и обработка была бешено-беглой (и пересобрал несколько раз фото) всего за 1 час.

Публикация откладывалась потому что надеялся, что найду время и приведу снимок в законченный вид. Надежда не покидает :)

В видео выделены основные шаги для достижения нужного результата. В работу вошли снимки товарищей по МК, потому что ребята брали разное цветовое освещение и обмен снимками позволил добиться комбинирования цветов.

А вот как вообще проходила съемка, видео в нормальном качестве не смог найти, поэтому вырвал пережатое из инсты

Ключевые моменты

МК был хорош тем, что ты знакомишься с людьми ближе, работаешь с техникой вживую, а не просто «ретачишь» и «цветокоришь» чужие снимки. Эта дружная атмосфера заряжала и драйвила. Поэтому для меня это событие было важным и памятным.

По делу же:

  1. Недостаток освещенности легко компенсируется мобильной лампой, выдержкой и несколькими снимками;
  2. Сборка финала из нескольких разных кадров — повсеместная практика не только в автомобильной съемке, но и в предметной. Но там это делается для сохранения макрофокуса;
  3. Нужно знать что такое «Частотное разложение»;
  4. Серебристый металл, блики и детализация 50% всей работы. Остальные 50 — шум, грязь, блики;
  5. Сдержанные цвета хорошо получаются при смешивании полупрозрачного ядерного пресета с обработанным оригиналом из фотошопа.

Финальный результат

Оригинал весит 13,5Mb и не грузился в блог, поэтому пришлось пережимать фотографию. У превью глючат цвета — кликни на картинку, чтобы цвета корректно отобразились.

Hi-Res  •  3840×5760  •  2.1Mb
Цвета отображаются корректно только после клика на изображение
Ранее Ctrl + ↓