Что такое каркас?
Здравствуйте, это Микель из компании Webresult. Я хочу немного поговорить о каркасе. Каркас-довольно важный шаг в создании веб-сайта. По сути, это похоже на стратегический план, который предшествует веб-дизайну, и это пример каркаса. Как вы можете видеть, у него нет никакого цвета. В нем нет никаких изображений, на самом деле нет никакой обработки шрифтов с точки зрения простого ввода слов.
Это не обязательно тот шрифт, который мы будем использовать на веб-сайте. Таким образом, каркас-это, по сути, стратегический макет того, что происходит на веб-странице. И у нас есть команда веб-стратегов, которые работают с нашими клиентами над созданием каркаса до того, как мы перейдем к этапу проектирования.
Почему каркасы имеют решающее значение для проектирования UX
И есть две довольно важные причины для каркаса. Во-первых, гораздо проще провести мозговой штурм и сотрудничать над чем-то подобным по сравнению с реальным дизайном. Намного проще перемещать вещи, потому что, если вы попытаетесь переместить что-то в дизайне, это может иметь последствия в других частях дизайна, где, если вы просто перемещаете коробки или перемещаете эти разные панели и тому подобное, это относительно легко сделать. Таким образом, каркас-отличный инструмент для мозгового штурма и совместной работы.
И, во-вторых, каркас, как только он сделан, он дает дизайнеру своего рода дорожную карту, которой нужно следовать, что довольно важно, потому что дизайнеры, их внимание и их сильные стороны сосредоточены на творческой стороне вещей. Поэтому, если вы можете дать им этот план или эту дорожную карту, они действительно смогут сосредоточиться на цветовой гамме, обработке шрифтов, элементах дизайна и так далее, и так далее. Так что они действительно могут в этом разобраться.
Стратегия, лежащая в основе Каркаса Домашней страницы
Так что это, оказывается, каркас. Мы недавно изменили дизайн нашего веб-сайта, так что этот конкретный каркас относится к нашей последней итерации нашего дизайна. Так получилось, что это домашняя страница. Вы можете видеть, что на нем есть логотип, навигация. Эта самая верхняя часть называется панелью героя: h-e-r-o. И причина, по которой ему дали такое название, потому что это очень важно. Это имеет большое значение и большое значение для всего веб-сайта. В основном здесь изложено наше ценностное предложение – кто мы, что мы делаем и кто мы такие. А затем, когда мы прокрутим вниз, вы увидите, что эти разделы разбиты на так называемые панели. Мы называем это панельным дизайном. И на этом конкретном веб-сайте, вероятно, семь или восемь панелей.
На некоторых сайтах наших клиентов их три или четыре, может быть, до 10 или 12. Вы, вероятно, не захотите идти дальше этого, потому что это может ошеломить посетителя. Если вы перейдете ко второй панели, которую мы называем нашей панелью обслуживания, потому что в ней в основном представлены все наши услуги, что с точки зрения приоритета и иерархии очень важно. А затем, когда мы прокручиваем страницу вниз, у нас появляются отзывы, различные веб-сайты, на которых мы перечислены. Так что это важно для построения доверие и надежность и тогда наше портфолио будет здесь. А затем, когда вы прокрутите вниз, немного информации о нашей команде.
А домашняя страница-это что-то вроде портала. Он связывает зрителей с очень важными аспектами или другими частями веб-сайта. А затем мы получили отзывы клиентов и различные логотипы от разных клиентов, а затем у нас есть форма регистрации по электронной почте, чтобы люди могли подписаться на нашу рассылку, а затем просто более общую информацию о нашей компании.
И вы увидите, что эти кнопки являются кнопками призыва к действию. Вы увидите их на всех наших различных каркасах. Они поощряют кого-то нажимать на это и переходить в разные области. А затем мы получили нижний колонтитул, в котором есть наши социальные сети, куча наших ссылок, по которым мы ведем людей, последняя запись в блоге. Таким образом, этот конкретный каркас очень специфичен для нашего бизнеса, наших потребностей и того, чего мы хотим достичь и чего хотим достичь на домашней странице, но каждый каркас будет отличаться.
От каркаса до индивидуального дизайна
Я собираюсь на самом деле показать образец нашего новейшего веб-сайта, который является прямым отражением каркаса. Когда мы прокрутим страницу вниз, вы увидите панель героев с теми же словами, что и раньше.
Вы снова увидите панель обслуживания, на которой есть ссылки на все наши различные сервисы. Опять же, сайты с обзорами, портфолио нашей работы, ссылка на нашу команду, в которой есть некоторые из тех же сообщений и призывы к действию, логотипы наших клиентов и отзывы, регистрация по электронной почте, а затем переход к другим различным панелям.
Таким образом, каркас является прямым отражением того, что будет на веб-сайте, и это очень важный этап для нас, чтобы создать хороший пользовательский интерфейс, и это одна из вещей, на которых мы в значительной степени фокусируемся в наших проектах. Поэтому, если у вас есть какие-либо вопросы о дизайне или создании веб-сайтов в целом, обязательно сообщите нам об этом.
