Технический верхний пост

Задать вопрос
Посмотреть верстку
Разбор макетов

Дизайн
Точка входа в профессию
Советы Антона Шнайдера про брендбуки
Бесплатные картинки для коммерческого использования
Шрифты и авторское право
Коммерческие шрифты и ограничения

За жизнь
Dopamine-addiction feedback loop - перевод
Вы можете прожить жизнь просто, а можете классно. Выбирайте с умом - перевод
Ловушка сравнения. Как радоваться (а не завидовать) успехам других - перевод
Вся жизнь — игра. Стратегия победы (перепост)
Результаты и цели (перепост)

Фриланс
Как фрилансеру распознать хорошего заказчика (перепост)
К вопросу о самообразовании

Отчеты и конспекты с лекций, вебинаров, тренингов и событий
Экскурсия в типографию «Демоны печати»
Типографика и верстка — курс Игоря Штанга в Москве (отчет 1-го дня)
А что так можно было? - лекция Людвига Быстроновского в Москве
Учеба в Британке, неделя 2

Фотошоп
Работа со смарт-объектами в Фотошопе
В фотошопе можно двигать градиент при создании корректирующего слоя + ссылки на бесплатные картинки (заметка)
Кнопка «Сделать пиз*#то» - платный экшн
Как убрать грязь при вырезании волос и переносе на другой фон - видео
8x8 — челендж по Фотошопу

Иллюстратор
Главные видео по Иллюстратору в одном месте
Красивая тень в Иллюстраторе
Внутренняя тень в Иллюстраторе
Как создать фигуру с неравномерным скруглением углов
Копируем стиль иллюстратора Mads Berg + версия VectorBoom
Векторизация пиксельных картинок - челлендж
Онлайн-конвертер CorelDraw в Illustrator

Индизайн и допечатная подготовка
Зачем дизайнеру полиграфии знать эксель + видео
Совет по подготовке нескольких макетов к печати - видео
Разбор типичных ошибок начинающего верстальщика (видео)
МК по допечатной подготовке: Цветоделение (видео)
Греп-стили для автоматического убивания висячих предлогов (заметка)
Конспект с базовыми штуками по Индизайну (pdf)
Ошибки в тексте (заметка)
Как организовать исходники для многократного использования (заметка)
Манипуляции с картинками в Индизайне (заметка)
Вставка изображений в Инидизайне (заметка)

Шрифты и типографика
Основные правила типографики в 15-ти картинка - перепост
Удобная программа для просмотра шрифтов
Бесплатный шрифт Schist
FF Chartwell — шрифт для создания диаграмм (очень круто)

Веб-дизайн, веб-разработка, WordPress
Сервис по подбору доменов
motherfuckingwebsite.com
Почему у вас еще нет сайта
Должен ли дизайнер заботиться о CTR?
Видео Преимущества создания промо-сайтов и лендингов на Вордпресе
Вебинар «WpMoney — 5 способов заработать с WordPress»
Вебинар «HomeDigital — как создавать собственные веб-проекты»
Выступление на WordCampRussia 2013 «Сайт-портфолио на WordPress — эффективный инструмент для фрилансера»
Результат воркшопа по сайтам портфолио

Рубрики
Интересное за неделю - подборка ссылок на дизайнерские ресурсы, раз в неделю


Очень разное
Книга Данияра Сугралинова «Кирпичи» (аудио-версия)
promo solidcreature june 30, 2014 22:41 5
Buy for 40 tokens
... всегда найдется подходящая картинка ) Тонна прекрасного с awkwardstockphotos.com

Знатный срач в «Квартирном вопросе»

Если, вдруг, пропустили. Герою передачи адски не понравилось, что получилось. На моей памяти, это первый случай, когда ведущей приходится оправдываться за новый интерьер. Смотреть с 43:22.



И к слову, просмотров у ролика в 20 раз больше, чем у остальных выпусков.

Как показывать сайты заказчику?

Открою секрет — заказчики не умеют смотреть картинки. У них нет Фотошопа, они не знают что такое масштаб 100% и, скорее всего, ваш макет откроют превьюшкой в почтовом клиенте или в стандартном просмотровщике виндовса. Если отправляете сразу несколько файлов — обязательно возникнет путаница и придется объяснять элементарные (с точки зрения дизайнера) вещи, а иногда и по нескольку раз. Это нормально.

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

Сервис promotheus.ru решает маленькую задачу — собирает из джипегов (макеты одной страницы под разные разрешения) сайт-прототип с отзывчивой версткой и рядом полезных особенностей:

  1. Корректный масштаб сайта для любых разрешений;

  2. Сайт отображается в том браузере, в котором работает заказчик;

  3. Есть возможность поправить сайт после отправки ссылки заказчику;

  4. Можно настроить поведение сайта в мобильной версии;

  5. Для просмотра сайта достаточно перейти по ссылке.


Бесплатно. Без регистрации и смс.

Визуализация ванной комнаты в Фотошопе

Вот, занимаюсь ремонтом. Получается симпатично, решил поделиться:



В плане рисования тут просто: масштабная сетка и изометрия — из Иллюстратора, пол и стены — смарт-объекты, унитаз — 3Д-объект, найденный на просторах интернета, фотографии — в основном, из Икеи. Благодаря смарт-объектам можно легко ставить конкретную плитку или другое покрытие для стен и пола (в масштабе и с привязкой).

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