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

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

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

Подборка уроков техдизайна.

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

Однако тем не менее ко мне частенько стучатся в личку ребята со всякими вопросами, касающимися вступления — обычно по поводу самих работ: какие подавать? а сколько? а что делать если нет работ? а где качаться? а есть ли какие-то уроки? а какие? а где?
Дабы помочь им разобраться с самыми первыми и самыми общими проблемами, мы составили небольшой F.A.Q., где расписаны способы подготовить себе приличное портфолио на вступление, ссылки на уроки, варианты тестовых заданий и прочие всякие полезные штуки.

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

Подарки для uNet

Все как-то не доходили руки показать несколько сданных недавно работ — подарков для uNet, социальной сети от uCoz.

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

Gifts for uNetПо клику — полноразмерные варианты.

Кстати, именно после этой работы у меня пропало презрительное отношение к той-терьерам — просмотрев кучу фоток и видео с ними, я поняла, за что их так любят:)

А еще я опять в Минске! Правда, всего на недельку:)

Не превращайте иконку в Библию.

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

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

Хорь-маскот для sumbaev.com

Этот персонаж полгода пылился у меня в папке «На сдачу», ожидая апрува клиента. И огромным сюрпиризом для меня стал тот факт, что клиент, оказывается, все давным-давно одобрил, оплатил и даже получил от меня исходники о_О
Ну, зато теперь я могу с чистой совестью им хвастаться:)

Маскот для студии дизайна Продолжить чтение

Изображения и аккаунты со стоков

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

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

Маленькие иконки

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

Прежде всего, перечислю самые популярные случаи использования мелких иконок:

  • в объемных меню или многопунктных списках разделов на сайтах;
  • в качестве сопроводительных, поясняющих иконок на сайтах (конвертик напротив емейла, домик напротив «Сделать стартовой» и т.п.);
  • в меню мобильных телефонов;
  • в программных интерфейсах, на «рабочих» кнопках, возле переключалок и маячков и т.п.;
  • в игровых интерфейсах;

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

Интуитивная понятность

Это на тизере 200х200 вы можете позволить полет фантазии и необычные метафоры, а 24-пиксельная кнопка «Вырезать» или «Отправить другу на емейл» должна быть понятна пользователю с полувзгляда. Да и геймеру во время напряженного боя будет некогда всматриваться, какое зелье у него лечебное, а какое — зелье маны.

Общий стиль

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

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

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

Лев для РУБоПП

Совсем недавно Евгений Филатов, матёрый дизайнер и автор крутых идей (вы наверняка видели его тетради в ромбик и флезерватив), закончил работу над очередным классным лого.
Причём тут я? Я его раскрашивала ^^

Вот сам герой дня — лев для РУБоПП (регионального управления по борьбе с просроченными платежами).

Отрисовка логотипа

А вот он на сайте автора.
Продолжить чтение

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

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

Прежде всего ссылки, касающейся этой прелести:
spb.briges в AppStore
— Детальное описание приложения на irumor.ru (кстати, там есть какая-то акция про 10 бесплатных версий приложения, так что будьте настороже:))
— Страница на Facebook автора приложения, Сергея Зуева — коренного питерца, делавшего это приложение прежде всего «для себя», так что у него можно будет найти ответы на все вопросы, касающиеся spb.briges.

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

Разводка мостов в Питере приложение iPhone

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

Поварёшка

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

К сожалению, эта история не будет такой весёлой, как те, что обычно мне доводится писать.
Работа над этим проектом была порядком тяжелая (тот случай, когда разработка начинается в режиме «срочно-срочно, еще вчера, сроки горят!», а потом растягивается на месяца из-за каких-то несущественных и нудных мелочей), да и результат оказался безрадостным.
Но написать всё-таки хочется — в работу было вложено много души, скетчи рисовались на одном дыхании и будет обидно, если они так и будут пылиться, никем не увиденные, на наших с Маратом компах.

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