Новые работы
Долгое время ничего не показывали — не хватало времени обновить портфолио, но теперь рады показать вам наши недавние проекты.
Долгое время ничего не показывали — не хватало времени обновить портфолио, но теперь рады показать вам наши недавние проекты.
Чем сложнее сайт или разрабатываемая система — тем больше вещей нужно держать под контролем: удобство узлов, сплоченный визуальный стиль, нерушимость кода. Именно поэтому сложные работы нельзя сделать за очень короткий срок.
Наши проекты отличаются индивидуальностью — у нас нет ни стандартных жестких решений, нет коробки-конструктора из строгих кирпичиков — любой проект индивидуален.
Если Вы хотите сайт с идеей, отличающей сайт от других «стандартных» — доверяйте дизайнерам, позвольте им воплощать их идеи. Нам такие сайты делать интереснее.
Даже если Вы толком не представляете какой именно сайт Вам нужен — мы поможем проанализировать задачи и предложим достойные решения.
Для того, чтобы наглядно понять что такое адаптивный дизайн и для чего он нужен, посмотрим на простой пример. Ниже, интерактивная иллюстрация.
logotype
Geometric shapes are widely used in web and graphic design. From complex large-scale patterns to simple shapes, geometry is one of the biggest trends that is easy to define. Textures with geometric shapes like triangles or circles are used for various illustrations, backgrounds, foregrounds, banners, buttons, and other design elements.
aside widely used in web and graphic design.
Большинство людей смотрят на сайты как на информационное поле: текстовые блоки, картинки, таблицы, графики. Оно и понятно, на сайтах мы ищем интересующую нас информацию, не вникая, как и откуда эта информация попадает на просматриваемую нами страницу.
Снаружи все просто: симпатичный шаблон оформления, заголовки новостей с небольшим описанием, пара текстовых блоков с красивой типографикой, пара-тройка картинок. Даже если заглянуть в код страницы — тут тоже все
на своих местах и все более-менее понятно и прозрачно.
Это давно, на заре интернета, сайты были набором статичных страниц, сверстал один раз и забыл. Но сейчас каждая просматриваемая нами страница — это результат работы движка (CMS). Движок понимает что мы хотим, генерирует страницу и отдает её браузеру — тут мы и видим результат: текстовые блоки, картинки, таблицы, графики.
Сайт — это айсберг — на поверхности мы видим готовую страницу, а под водой, вне наших глаз, работа сложной системы и различных технологий.
Попробуем разобрать работу системы на простом примере.
Откроем страницу «контакты»:
Система смотрит на шаблон страницы и блоки которые она содержит: логотип, телефон, меню, текстовый блок страницы.
Далее система заполняет блоки в шаблоне: находит в базе телефон, находит ячейку с текстовый блоком для требуемой страницы.
Все выбранные из базы данные вставляются в определенные места в шаблоне вывода: на место логотипа ссылка на картинку, на место меню блок ссылок, и так далее.
Браузер получает код страницы, скачивает и применяет к ней стили оформления, выводит на экран красочную, часто даже интерактивную, картинку.
Все на своих местах, четко по шаблону и в заданном стиле оформления — это результат работы нескольких технологий:
apache + php + sql + html + css + js + …
И это только поверхностно. Копнув глубже, мы начинаем понимать, насколько все сложно. Добавьте сюда разработку дизайна страниц, вёрстку шаблонов и таблиц стилей, проектирование модулей системы. Полная функциональность.
Неужели Пользователи не скроллят?!
Читать далее
Если информацию не видно с первого экрана — пользователь закроет страницу
Знакомо?
Это старое и абсолютное заблуждение. Попробуем разобраться что к чему. Неужели пользователи действительно не скроллят страницу?
У нас есть три-пять наиважнейших блоков, их нужно разместить на странице в самом верху, чтобы было видно, иначе пользователь их не увидит, дальше первого экрана никто не смотрит
Все на макете хорошо и сблансировано, но давайте этот блок из десяти новостей, коллаж и конечно телефоны сделаем крупно и на самом верху страницы, на первом экране, иначе это никто не увидит
Я вывел для себя несколько моментов:
Пользователь ищет информацию — для него на сайте очень важную роль играет именно контент, а не расположение и высота блока в котором он написан. Уменьшая шрифт ради того чтобы текст влез в первый экран — мы делаем только хуже. Лучше весь контент на сайте изначально делать удобным для прочтения, достаточно крупным, структурированным текстом.
Конечно, на первом экране нужно максимально понятно донести информацию, однако это не означает, что весь контент страницы нужно уместить только на первом экране. Понятное дело, даже на больших мониторах высота экрана не слишком велика, и зажимать контент ради «первого экрана» — это неудачное решение.
Я бы перефразировал мысль пользователя немного по-другому: «если первая страница не удовлетворяет меня информацией — я закрою страницу»
Вот это уже правильнее. Большие первые страницы уже давно перестали быть редкостью. Все больше и больше сайтов используют «гигантскую» прокрутку, выдавая на первой странице большое количество конента. Есть даже целый сектор «одностраничных» сайтов — все блоки на одной странице.
Огромный скроллинг используют и в интерактивных целях — прокручивая страницу пользователь анимирует те или иные блоки.
Пользователь, увидев полосу прокрутки, понимает что внизу есть что-то еще — и прокрутит страницу. Он это не сделает только в одном случае — если он искал или ожидал другого, контент страницы ему не интересен.
Большинство сайтов уже невозможно представить «одноэкранными», без прокрутки. Это всевозможные блоги, журналы, СМИ и другие информационные ресурсы.
Скролл — это привычный жест в жизни — перевод взгляда на что-то более интересное, перелистывание страницы в книге, переключение канала на телевизоре, перемотка контактов в телефоне.
Во всех устройствах и программах есть такой прием — перемотка аудио\видео ролика, перелистывание фотографий или текстовых файлов.
Поверьте — этот список бесконечен.
А если, все же, уместить все самое важное на одном экране?
Представьте сами:
Неужели удобно?
© 2016. Все права защищены.
Адаптивный дизайн by true.crew