Я люблю иконки!

блог Кондратьевой Анны

Разработка сайта — htmlman

Здравствуй, правильный фриланс

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

Прежде всего, я вернулась на фриланс!
Моё Большое и Красивое Приложение, которое я делала в качестве штатного дизайнера StudioMobilе, наконец доделано — сейчас ребята доводят в нем последние штрихи и совсем скоро он должен появиться на Appstore. Жду не дождусь, когда наконец смогу рассказать о нем в блоге и засветить интересную рабочую графику:)

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

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

Обзор веб-сервисов для создания макетов от Сmslist.ru

В силу постоянных переездов для меня очень актуален вопрос облачных сервисов — начиная от банального хранения файлов и заканячивая сервисами, которые могли бы заменить собою полноценный софт. Недавно я начала искать хорошие веб-аналоги громоздкому и довольно дорогому Axure и вышла на замечательный обзор таких сервисов на Сmslist.ru. Статья оказалась настолько информативной и полезной для меня, что я решила продублировать ее тут, добавив от себя стоимость для каждого описанного инструмента. Надеюсь, вам она будет полезна так же, как и мне.

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

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

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

Золотой петушок для Cobingo

Сегодня пополнила портфолио еще одной работой: иконко-логотипом для Cobingo — компании, занимающейся организацией и раскруткой различных мероприятий, пиаром и продвижением в веб.

Золотой гребешок:)

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

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

Петушок рисовался по заказу Владимира Воробьева, главы дизайн-бюро Heartbit.

Сейчас они продолжают прорабатывать остальную графику по проекту (ту же работу со шрифтом и более лаконичный вариант лого они взяли на себя), обещали потом дать ссылку на готовую работу:)

Кстати, петух уже есть на Dribbble:)
А под катом немножко картинок из процесса — больно он в этот раз был интересный.
Продолжить чтение

Testico — генератор превьюшек для иконки

Наверное, все в курсе такой обязательной процедуры, как демонстрация клиенту iOS иконки не просто на однотонном фоне, но и непосредственно на десктопе iPhone, вживленной в скриншот АppStore т.п.

Процедура это, конечно, важная: она помогает и дизайнеру, и непосредственно клиенту не увлекаться и не рисовать вместо работающей иконки небольшое произведение современного искусства — это часто бывает, когда иконку рисуют, показывают и оценивают исключительно на фоне с изящным градиентом.
Но боже, до чего же это утомительно! Даже если сразу рисовать иконку в 114×114 и в контексте десктопа, то все равно потом ее предстоит еще изменить ее размер и вживить еще в минимум два-три экрана.
Ну и умножаем это время минимум вдвое — ведь часто эту процедуру нужно проворачивать и для скетчей.

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


Встречайте, testico.net — лучший сервис для генерации превью иконок:)

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

Продолжить чтение

Как нанимать дизайнера-помощника и случайно не убить его или себя

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


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

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

Из этих двух условий я и исходила в следующих текстах. Продолжить чтение

Интервью для HintHunter.ru

Вчера запустился новый проект, в рамках которого люди делающие что-то интересное (начиная с картинок, приложений, сайтов и заканчивая татуировками,  вышиванием крестиком), будут рассказывать «за жизнь», делиться советами и какими-то своими лайфхаками. Называется проект HintHunter.ru.

HintHunter.ru

Как я понимаю, ХинтХантер стал логичным продолжением клевого, но закрывшегося проекта «5 шотов». Это здорово — людям действительно было интересно узнать мысли тех, от кого раньше видели только картинки, и многих очень расстроило закрытие «шотов».
Но, разумеется, автор проекта (и кстати чудесный дизайнер) Януш не собирается делать какую-то кальку, а планирует нарастить в проекте много новых фишек, после которых сравнивать два проекта будет просто нельзя. Мне повезло быть посвященной в некоторые ближайшие планы проекта и я очень впечатлена ими. Теперь буду с любопытством следить за его развитием — присоединяйтесь и вы:)

Открывала проект потрясающая Яна @pandabanda Клочкова, а сегодня было опубликовано и мое интервью.
Вам приятного чтения, и удачи порталу. Поехали:)

Москва, митапы, выходные:)

Сначала я немножко побуду кэпом и напишу о том, что в следующую пятницу, 20-го апреля, в Москве пройдет Dribbble Meetup, который обещает быть очень интересным — список докладчиков впечатляет, будет очень много интересных ребят с очень интересными темами да и вообще куча звезд и ни одного хэдхантера — разве не ок?:)


И твиттерочек еще вот — @DribbbleRU

Записаться на событие можно, нажав на кнопку «Пойду» на странице события в Facebook, блаблабла, это все знают.
На сим рубрика «Спасибо, кэп» прощается с вами и теперь о менее распиаренном событии, которое запланировано на следующий день: в субботу 21-го состоится встреча ребят из дизайн-коммьюнити Больше_Красного.
Место проведения пока уточняется, а вот время известно, 19 часов. Никаких докладов, только душевные посиделки:)
Так вот, к чему все это: ясное дело, что я не могла проигнорировать такие шикарные поводы еще раз наведаться в Москву (которую в прошлый раз я видела наспех, на бегу и поздним вечерм) и еду туда снова аааа! Так что если кто-то тоже собирается на эти мероприятия — пишите, попробуем найтись на месте:)

И да — кто как собирается добираться до Dribbble Meetup из Москвы? Он будет проводиться за пределами города (вроде в 40 км от МКАД) а т.к. я человек дикий и боюсь, что или сяду не в тот автобус, или еще как-нибудь напартачу, то с радостью бы скооперировалась с другими участниками, чтоб ехать в автобусе с компанией.

ROZAHIPPOZA

На улице весна и сосредоточиться на работе очень тяжело. Хочется говорить и думать о чем-нибудь легком и девочковом: о свежих идеях, о друзьях, о всяких красотах и прочем.
Поэтому сегодня мы будем мило щебетать о качественном хэндмейде и группе ROZAHIPPOZA, которая не перестает меня им радовать.

Еще совсем недавно PozaHippoza работала под названием «В четыре лапы»

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

В итоге большинство авторских групп вКонтакте, порталов, Ярмарок Мастеров и т.п. завалены наспех слепленными сережками-тортиками, вязаными кулонами с торчащими нитками и неровнымы узорами, и блокнотиками (куда ж без них), обклеенными обоями и рюшиками за три рубля метр и со страничками, щедро прополосканными в кофе и опаленными по краям. Собственно, на этом ассортимент исчерпан — изредка только попадутся на глаза сшитые из ситца зайчики и обклеенные салфетками шкатулки. Это раздражает не меньше. Продолжить чтение

О результатах

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

Единственный профит, который можно вынести при негативном результате  — это анализ ошибок, пересмотр стратегии и перерасстановка приоритетов. Если анализа нет, если выводы не сделаны — то это не «тоже результат», это отсутвие результата.

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

Photoshop CS6 — что нового?

Не так давно Adobe наконец-то презентовала бета-версию Photoshop SC6. Новый Фотошоп стал просто невероятно крутым, добавилось огромное количество фишек, которые вызывают слезы благодарности и восторга у любого дизайнера.
Наиболее крутой обзор новых фишек подготовила студия Bjango, в частности  — Marc Edwards. Отчет получился подробным, понятным и постоянно пополняемым за счет диалога с читателями в комментах и твиттере. Я решила, что будет круто перевести ее и на русский.
Отдельно мне бы хотелось поблагодарить Таню Майфат за перевод — на выходных на меня навалилось куча дел и я бы ни за что не успела бы подготовить перевод самостоятельно. Таня с готовностью вызвалась помочь и справилась с задачей блестяще — в нижеследующем тексте мне не пришлось править ни одной запятой:)

 

Поблагодарить Марка за статью, дополнить ее или задать вопросы по ней можно в его твиттере — @marcedwards.
Там же можно поблагодарить Таню за её перевод — @strekaza

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

 

Поиск по слоям. 
Теперь в палитре слоёв можно искать по типу слоя, имени, применённому к нему эффекту, свойству смешивания, цвету и огромному количеству других параметров. Хотите найти все слои, к которым применён стиль Pattern? Просто выберите в верхней части палитры в выпадающих списках фильтры Effect и Overlay. Теперь работа с документами, в которых 1000 и больше слоёв, станет намного проще.

 

Привязка к пиксельной сетке.
Поведение привязки к пиксельной сетке радикально изменилось в Photoshop CS6, отменив тем самым необходимость в некоторых хитровыдуманных способах необходимых при редактировании векторных точек в CS5.
Есть два основных параметра: Align Edges and Snap Vector Tools and Transforms to Pixel Grid.

 

Aligh Edges (выравнивание краёв) привязывает выбранные объекты к пиксельной границе, сохраняя при этом положение не крайних точек. Это даёт чёткие резкие края без изменения положения внутренних точек. Найти эти настройки можно в Options Bar. Если моё объяснение непонятно, не огорчайтесь, это легче попробовать, чем объяснить.
Snap Vector Tools and Transforms to Pixel Grid предназначены для контроля за созданием и редактированием векторных объектов. Все векторные инструменты теперь имеют привязку к пиксельным границам, включая Pen и Ellipse Tool (ура, наконец-то!). Для меня это очень важные изменения. Snap Vector Tools and Transforms to Pixel Grid находятся в Preferences под табом General. Мне не нравится лишь то, что эти настройки очень хорошо спрятаны. Если вы хотите включать и выключать их при помощи быстрых клавиш, скачайте наш Bjango Actions и используйте клавишу F15, чтобы включать эту привязку и Shift+F15, чтобы выключать.