Портфолио: Интерфейсы

Интерфейс Иконзы

Интерфейс веб-приложения с перекрашиваемыми иконкамиВеб 2.0 | Стартап

Для нашего собственного проекта Иконза нам понадобился интерфейс. Очень хотелось, чтобы он получился красивым и модным, а еще удобным и простым в использовании. Чтобы при одном взгляде на него дух захватывало и все бы говорили: «Ого! Какой хороший интерфейс!». Так как мы были клиентами сами у себя, то у нас не было никаких ограничений — можно было делать все что угодно.

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

Прототип интерфейса

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

Элементы управления

Основная часть интерфейса реализована при помощи canvas и JS библиотеки Mootools. На стороне сервера используется Django.

Mootools Django

Мы нарисовали прелоадер специальной конструкции (в виде соковыжималки), чтобы посетителю было веселее коротать секундочки до загрузки.

Прелоадер

Чтобы было интереснее подбирать иконки, мы придумали забавных персонажей. Они появляются снизу экрана и комментируют действия пользователя.

Персонажи

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

Интерфейс Иконзы

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

Участники проекта

Связанные записи

Условия использования

Данные материалы можно использовать в некоммерческих целях, с обязательным указанием автора.

Наши услуги

Много компаний по всему миру уже стали нашими клиентами и остались довольны качеством работы. Мы предлагаем следующие услуги:

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

Если вы заинтересованы в наших услугах или хотите что-нибудь спросить, напишите нам по адресу: info@turbomilk.com

Иконки

Qt
Иконки для разработчиков мобильных приложений

Webka
Иконка приложения для социальных сетей

Badoo
Иконки мобильных знакомств для iPhone

Календарь Событий
Лучший календарь в Appstore

Promethean
Симпатичные аватары для обучающей программы

Intuit QuickBooks for Mac 2011
Иконки для финансового приложения под Mac OS

Partouche
Большие иконки про спорт и азартные игры

Бейджи для Хабра
Бейджи для социальной сети с элементами ролевых игр

Accela Mobile Office
Деловые иконки для мобильных чиновников

Oversun-Scalaxy
Иконки для сервиса по предоставлению хостинга и вычислений

Begun
Пиктограммы для лидера рынка контекстной рекламы

Intuit Customer Manager
Иконки в оригинальном стиле со специальным руководством

GraphicRiver Web Set Icons
Набор иконок для веб-сервисов в трех размерах

Holdet.dk
Иконки для спортивного игрового портала

Livejournal.app
Иконка приложения для iPhone

Хабрахабр
Иконки для социальной сети

Ingeniux
Иконки для CMS

Edopter
Крупные иконки-иллюстрации для социальной сети

Автокадабра
Иконки для всех автомобилей на свете

mIRC
Новые иконки для старого доброго IRC-клиента

Metrics
Иконки для разработчиков компьютерных игр

Storebrand
Мини-иллюстрации неземной красоты

Belkin Network USB Hub
Иконки устройства в стиле Windows Vista

ArrowModel
Реалистичные иконки для скоринговой среды

ЭМА
Цельнометаллические пиктограммы для РСДУ2

DiabeteSense
Карамельные иконки с низким содержанием сахара

Интерфейсы

Персонажи

Логотипы

Веб-дизайн