Kaleria Design - Разработка сайтов, продвижение, расскрутка и поддержка сайтов Вход для клиетов дизайн-компании вход для клиентов Обратная связь дизайн-компании обратная связь Карта сайта дизайн-компании карта сайта

среда, 18 января 2012 г.

Раздача рекламных буклетов (листовок) на улицах Запорожья

Информируем вас о новой уникальной для города Запорожье услуге - активная реклама в буклетах.

Привлекательность этой услуги заключается в том, что:
  • Это активная реклама - буклеты раздаются 8 часов в день в самых активных точках нашего города (Лахти, Металлургов, Автовокзал, Ситимол, Амстор и т.п.). Аудитория - 1000 человек в день. Раздача производится в автомобили на перекрестках.
  • В комплект услуги входит разработка макета, печать буклетов и распространение в соответствии с графиком раздачи буклетов.
  • Ее стоимость - всего лишь 35 грн в день за полный пакет (макет+печать+раздача).

Уникальность этой услуги - это прежде всего ее низкая стоимость. Нам удалось добиться такой цены за рекламу благодаря тому, что в буклете мы печатаем рекламу нескольких рекламодателей. 
Поспешите связаться с нами, если вы хотите занять выгодные места на буклете, особенно, если вас интересует размещение рекламы на нескольких рекламных позициях.
Для этого позвоните нам по телефону:  063 29-23-902 Или посетите офис по адресу: ул. 40-летия Советской Украины 45а, офис 16 (с торца дома) Наш сайт: kaleria.net.ua

четверг, 27 января 2011 г.

CSS дизайн сайта без графики

Представьте себе современный дизайн сайта в стиле web2.0, сделанный без использования графики и без единой картинки. Думаете это нечто из области фантастики? Отнюдь. Благодаря CSS3 такой дизайн стал возможным. Все что вам нужно - это CSS и HTML. Всего два файла и дизайн готов. CSS дизайн будет быстро грузиться, а в большинстве случаев и выглядеть намного привлекательнее. Это связано с тем, что в создании дизайна больше не участвуют изображения, которые зачастую имеют компрессию. Теперь всю графику вырисовывает браузер.

Как работает дизайн без графики.

Для создания дизайна без графики не нужно использовать специальные скрипты или аддоны. Техника его исполнения очень проста: в CSS3 существуют стили идентичные стилям слоев Photoshop'а. Сначала дизайнер проектирует дизан в Photoshop'е, а затем вырисовывает аналогичный дизайн при помощи слоев и стилей CSS. Возможно когда-нибудь и этот процесс будет автоматизирован.

Техники стиля в Photoshop

В большинстве случаев для создания простого и симпатичного дизайна дизайнеры используют такие техники:

  • Слои с закругленными углами
  • Градиент
  • Текст с тенью (оттиском)
  • Падающие тени от объектов
  • Бордюр

Конечно Photoshop имеет еще много других интересных и удобных стилей, но для создания привлекательных кнопок и панелей перечисленных стилей будет достаточно.

Техники стиля в CSS

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

  • border-radius
  • linear-gradient
  • text-shadow
  • box-shadow
  • border

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

Кроссбраузерность

Единственным недостатком CSS дизайна является кроссбраузерность. К сожалению CSS3 поддерживают не все браузеры. Задачу усложняет тот факт, что некоторые стили в браузерах, поддерживающих CSS3, до сих пор находятся в категории экспериментальных (-webkit, -moz, filter) и дизайнерам приходится использовать отдельные записи для каждого вида браузера для создания одного стиля.

Закончить хочу на позитиве. Будем надеяться, что скоро наступит момент, когда для создания дизайна будет использоваться только CSS и HTML (как это и должно быть по идее их создания) . Может быть даже на основе этих двух технологий будут созданы такие инструменты, как GUI фреймворки и редакторы. Поживем увидим )

вторник, 25 января 2011 г.

Новый дизайн сайта

Студия KaleriaDesign создала новый дизайн сайта wmtrade.com.ua. wmTrade - официальный диллер webmoney. Сервис предлагает широкий спектр услуг по обмену, покупке или продаже электронных денег.

Основные предъявляемые требования к дизайну сайта: легкость, быстрота и удобная навигация. В верстке сайта использовано минимум графики, что облегчает загрузку страницы. Дизайн выполнен в строгом корпоративном стиле, однако не без влияния web2.0 и современных тенденций.

Для верстки нового дизайна сайта использованы последние технологии в сфере создания сайтов, такие, как CSS3 и HTML5. Однако это не значит, что на старых и морально устаревших браузерах, таких, как Internet Explorer, этот сайт будет отображаться некорректно. Для полной поддержки кроссбраузерности дизайна были использованы модули jQuery.

При создании нового дизайна сайта использовалась блочная верстка, гибкий фреймворк и удобная авторская система CMS.

вторник, 28 декабря 2010 г.

Готовый юридический логотип

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

Логотип имеет современный вид и будет смотреться стильно на любой поверхности. Выполнен он в черно-белых тонах, благодаря чему логотип будет смотреться одинаково и на цветной, и на черно-белой печати, а так-же на копиях документов.

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

Информация о файле
Формат: PSD
Палитра: CMYK
Тип: векторный логотип.
Логотип масштабируемый без потери качества - использована векторная графика Photoshop.

Другие логотипы


воскресенье, 26 декабря 2010 г.

Скачать готовый векторный логотип

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

Чтобы скачать векторный логотип, перейдите по этой ссылке или свяжитесь с нами в разделе "Контакты".

Информация о файле
Формат: PSD
Палитра: CMYK
Логотип масштабируемый без потери качества - использована векторная графика Photoshop.

Другие логотипы


суббота, 11 декабря 2010 г.

CSS3 в веб-дизайне, тест браузера на CSS3 стили

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

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

Между современным дизайном и современным способом верстки дизайна (CSS2) существует существенная разница: большинство стилей, применяемых дизайнерами в веб-дизайне не могут быть реализованы с помощью CSS2 или требуют сложной реализации и глубокого знания веб-технологий. Сейчас на помощь дизайнерам приходят javascript и фреймворки для javascript и CSS. Однако, это технические инструменты, которые до сих пор разграничивают процессы создания веб-дизана и его верстки. CSS3 значительно бы упростил процесс верстки веб-дизайна и освободил бы фантазию веб-дизайнеров, закованную в рамки ограниченных возможностей браузеров. Браузеры - мультимедийное приложение. Удивительно, что некоторые из них до сих пор не могут нормально реализовать прозрачность в изображениях. Что же говорить про видео и 3D?

Скорость же внедрения этих технологий в веб как всегда зависит от пользователей. Ведь пользователи выбирают браузеры и сервисы, которые поддерживают те или иные технологии. Ниже приведен краткий список CSS3 стилей и их тест для вашего браузера:

Тест CSS3 стиля border-color. Mozilla / Firefox пользователи должны увидеть красивый серый спадающий бордюр в этом поле

Тест CSS3 стиля border-image. С помощью этой функции вы можете определить изображение, которое будет использоваться вместо нормальной границы элемента.

Тест CSS3 стиля border-radius. это поле должно иметь закругленные углы для Firefox, Safari / Chrome, Opera и IE9.

Тест CSS3 стиля box-shadow. Firefox, Safari / Chrome, Opera и IE9 пользователи должны увидеть серые тени падающие под этим блоком.

Тест CSS3 стиля background-size. Этот DIV имеет фон размеров: 200px 50px. Фоновое изображение должно быть действительно небольшим, в левом верхнем углу этого блока.

Тест CSS3 стиля multiple backgrounds. Этот блок должен содержать два фона в одном блоке.

Тест CSS3 стиля text-shadow. Текст в этом блоке должен быть с тенью.

Тест CSS3 стиля outline. Этот блок имеет и черные границы, и синий контур, со смещением в 12 пикселей.

воскресенье, 5 декабря 2010 г.

Перспектива web-приложений для мобильных устройств

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

И вот теперь, с появлением интернета, социальных сетей, web 2.0 и интерактивной социальной жизни, использование удаленных программ становиться снова актуальным, которые теперь называются web-приложения. Современные мобильные устройства - девайсы сравнительно маломощные, так как они должны оставаться дешевыми, чтобы быть доступными рядовому пользователю. Однако, чтобы удовлетворить спрос, одновременно с ростом популярности социальных сетей, растет интерактивность мобильных устройств: последние современные разработки - интернет-планшеты или нетбуки требуют постоянного подключения к интернет. В месте с тем, современные мобильные устройства не способны производить более-менее сложные вычислительные работы или хранить большой объем данных. Обработка фотографий и их хранение, обработка аудио/видео, работа с графикой и 3D моделями, серьезные офисные приложения и базы данных - неосуществимая задача для мобильных устройств.

Таким образом, популярность web-приложений на мобильных устройствах в ближайшее время несомненно будет расти. Это связано с тем, что некоторые сложные программы просто физически не могут быть реализованы локально на современных девайсах. Вы можете сказать, что такое положение вещей - временное, и что придет время, когда мобильные телефоны будут мощнее современных серверов. Да, это так. Но не стоит забывать две вещи: во-первых, телефоны всегда будут слабее, чем сервера, так как они должны быть дешевле и доступнее, а софт тоже не стоит на месте - он требует все больше и больше мощностей. Во-вторых, разработчики программ поняли всю прелесть web-приложений: их трудно взломать, так как они находятся на сервере. Кроме того, web-приложения в роли социальных систем получили очень большую популярность именно за свою интерактивность. Как можно представить facebook в виде локальной программы? Даже если социальные сети и выпустят клиентскую программу, то она не будет ничем отличаться функционально от web-интерфейса. Web-интерфейс же имеет преимущества перед локальными программами: он кросс-платформенный и его не надо устанавливать. Не говорит ли это о том, что локальные программы могут исчезнуть как вид, и о дальновидности google, который выпустил chrome os, а также заявил про возможную интеграцию chrome os и android. Другими словами, google видит в будущем мобильный телефон на котором установлен только браузер.

Масла в огонь подливает новый проект jQuery Mobile - это фреймворк для разработки web-приложений для мобильных устройств, который уже включает в себя пользовательский интерфейс. Интересно то, что этот проект спонсировали довольно известные мобильные компании: BlackBerry, Nokia, iOS (apple), Palm. Фреймворк jQuery Mobile действительно учитывает особенности мобильных устройств: в нем адаптированы такие сложные элементы управления, как select, radio- и checkbox под работу одним пальцем, хотя в коде используется все тот-же до боли знакомый html. Его внешний вид и дизайн тоже приближены к реалиям мобильной операционной системы. Пример интерфейса вы можете увидеть на картинке справа.

Словом сказать, если вы хотите вложить средства в разработку софта, то обратите внимание на web-приложения, а мы вам в этом с радостью поможем )