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

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

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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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

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

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

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

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, чтобы выключать.

Hackers&Founders в Днепропетровске

Мои днепропетровские друзья, в этот четверг, 15 марта, состоится Hackers & Founders — «самая значимая встреча для предпринимателей в IT сфере, владельцев бизнеса, создателей новых продуктов и разработчиков», как описывают это событие сами организаторы.

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

UPD: Регистрация закрыта.

Медведица

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

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

 

Это девочка-медведь:)

 

Блокировка слоев в Photoshop

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


Они, как ясно из комментария, могут так или иначе заблокировать слои. Использовать их можно как по одному, так и несколько сразу.
Я хочу рассказать, в чем именно их разница.

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

Браузеры-девушки

Ура-ура, всех с Днем Святого Валентина, друзья!
Вообще обычно этот праздник славен не радостными визгами всех влюбленных, а глубочайшей депрессией всех одиноких:( Я решила, что было бы здорово скрасить грусть тем, кому предстоит провести этот день в одиночестве. А т.к. «в одиночестве» для большинства из нас обозначает «наедине с браузером», то что могло бы быть лучше, чем сделать иконки для браузера в виде девушек?:)

Мысль о том, какими девушками могли бы быть браузеры, посещает умы людей уже давно. Были трогательные подборки, были саркастические…
Я решила никого не обижать (хорошо — я решила не обижать Internet Explorer:)), и сделать всех красавицами.
Не знаю, насколько это у меня вышло (по-моему, у FireFox взгляд уж совсем недобрый:)), но надеюсь, эти иконки смогут позабавить публику хотя бы один день:)

 

p.s. Кстати, можете в ответ подарить мне свое сердце на дрибббле:))

Как рисовать иконки

Потерялась моя старая запись, восстанавливаю.
Это довольно уже старенький урок по тому, как рисовать маленькие и правдоподобные иконки тортиков. В этой технике был выполнен весь сет «Mmm, so sweet!». Рисовать такие штуки совсем несложно, а результат действительно выходит клевый:)

Урок по рисованию иконки из «Mmm, so sweet!»

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