Для нашего собственного проекта Иконза нам понадобился интерфейс. Очень хотелось, чтобы он получился красивым и модным, а еще удобным и простым в использовании. Чтобы при одном взгляде на него дух захватывало и все бы говорили: «Ого! Какой хороший интерфейс!». Так как мы были клиентами сами у себя, то у нас не было никаких ограничений — можно было делать все что угодно.
Суть проекта в том, что это одностраничное веб-приложение, которое бесплатно раздает иконки набором или поштучно. Иконки можно перекрашивать в любые цвета, а еще можно менять их размер. Мы взяли доску, цветные маркеры и набросали прототип будущего интерфейса.
![image](http://kortunov.com/lj/iconza-prototype.jpg)
Следуя современной моде, мы выбрали готичный черный цвет за основу и темно серые элементы управления. Во-первых, они красивые. А во-вторых, они не отвлекают от главного – от иконок.
![image](http://basecamp.100icons.com/turbomilk/turbomilkcom20/iconza-controls.png)
Основная часть интерфейса реализована при помощи canvas и JS библиотеки Mootools. На стороне сервера используется Django.
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/17b/56c/3f4/17b56c3f4ef548408c14b0ab5f33f4ec.png)
Мы нарисовали прелоадер специальной конструкции (в виде соковыжималки), чтобы посетителю было веселее коротать секундочки до загрузки.
![image](http://basecamp.100icons.com/turbomilk/turbomilkcom20/iconza-loader.gif)
Чтобы было интереснее подбирать иконки, мы придумали забавных и весьма болтливых персонажей — червяка и крота. Они появляются снизу экрана и комментируют действия пользователя.
![image](http://basecamp.100icons.com/turbomilk/turbomilkcom20/iconza-muppet.png)
Интерфейс получился красивый и удобный в эксплуатации. Множество людей уже воспользовались Иконзой и получили неземное удовольствие.
![image](http://basecamp.100icons.com/turbomilk/turbomilkcom20/iconza-interface.png)
Важное замечание! Статичные картинки не передают полный спектр ощущений. Наши веб-технологи использовали всю мощь совремнных технологий и сделали так, чтобы интерфейс красиво и плавно реагировал на действия пользователя. Посетите Иконзу, не пожалеете!
Суть проекта в том, что это одностраничное веб-приложение, которое бесплатно раздает иконки набором или поштучно. Иконки можно перекрашивать в любые цвета, а еще можно менять их размер. Мы взяли доску, цветные маркеры и набросали прототип будущего интерфейса.
![image](http://kortunov.com/lj/iconza-prototype.jpg)
Следуя современной моде, мы выбрали готичный черный цвет за основу и темно серые элементы управления. Во-первых, они красивые. А во-вторых, они не отвлекают от главного – от иконок.
![image](http://basecamp.100icons.com/turbomilk/turbomilkcom20/iconza-controls.png)
Основная часть интерфейса реализована при помощи canvas и JS библиотеки Mootools. На стороне сервера используется Django.
![image](https://habrastorage.org/getpro/habr/post_images/c03/921/e8d/c03921e8d27e4c214bee99ceabd952c4.png)
![image](https://habrastorage.org/getpro/habr/post_images/17b/56c/3f4/17b56c3f4ef548408c14b0ab5f33f4ec.png)
Мы нарисовали прелоадер специальной конструкции (в виде соковыжималки), чтобы посетителю было веселее коротать секундочки до загрузки.
![image](http://basecamp.100icons.com/turbomilk/turbomilkcom20/iconza-loader.gif)
Чтобы было интереснее подбирать иконки, мы придумали забавных и весьма болтливых персонажей — червяка и крота. Они появляются снизу экрана и комментируют действия пользователя.
![image](http://basecamp.100icons.com/turbomilk/turbomilkcom20/iconza-muppet.png)
Интерфейс получился красивый и удобный в эксплуатации. Множество людей уже воспользовались Иконзой и получили неземное удовольствие.
![image](http://basecamp.100icons.com/turbomilk/turbomilkcom20/iconza-interface.png)
Важное замечание! Статичные картинки не передают полный спектр ощущений. Наши веб-технологи использовали всю мощь совремнных технологий и сделали так, чтобы интерфейс красиво и плавно реагировал на действия пользователя. Посетите Иконзу, не пожалеете!