2929021-03-2016
Многочисленные просьбы моих настойчивых читателей и просто любознательных пользователей возымели свое действие. Я наконец то создала урок, в котором мы будем учиться делать динамическое меню Вконтакте с эффектом нажатых кнопок! По аналогии с обычными сайтами интернета, когда посещенная ссылка маркируется особым способом (нажатая кнопка, подчеркивание итд) — мы будем создавать такую же конструкцию Вконтакте, с помощью созданных страниц и графического оформления. Для начала мы сделаем графические заготовки в фотошопе — создадим шапку меню и кнопочки двух видов. Потом создадим несколько страниц Вконтакте, согласно пунктам нашего меню. И напоследок сделаем хитрый прием, который, собственно, и создаст нам иллюзию перехода по ссылке. Урок достаточно сложный и подходит для тех, кто уверенно себя чувствует в функционале Вконтакта. Все манипуляции я буду производить на примере своей группы Вконтакте, где этот эффект реализован вживую. Итак, за дело!
Паттерн (pattern) переводится как образец, модель, шаблон. По сути это повторяющиеся элементы, которые хорошо нам знакомы и встречаются повсеместно в природе в виде снежинок, кораллов, пигментных пятен и много где еще. Концепцию использования повторяющихся элементов подхватили наши далекие предки, в результате чего до наших дней дошли известные языческие, ведические и прочие этно-орнаменты. Если задача состоит в том, чтобы сделать яркий и запоминающийся дизайн сайта, то решить ее можно с помощью паттернов. Тем более, что именно они стали одним из главных трендов веб-дизайна.
Элементы веб-дизайна — это те абстрактные материалы, с которыми приходится работать дизайнеру. Они могут быть разнообразных форм, размеров и стилей. К основным элементам относятся: пространство, линия, фигура, цвет, текстура, шрифт, форма. Именно из них, как из кирпичиков, строится вся композиция дизайна. Их смешение образует новые блоки и комбинации, а правильно расставленные акценты обеспечивают неповторимость и уникальность всего дизайна. Некоторые из элементов подвержены влиянию моды, а другие используются как необходимость. Сегодня мы рассмотрим несколько наиболее устойчивых модных тенденций веб-дизайна, характерных для современных сайтов.
Недавно В Контакт запустил новый сервис — Товары В Контакте. Теперь витрину товаров можно создать в любой группе или паблике. Раньше владельцы магазинов для демонстрации своих товаров использовали альбомы с фотографиями, где под каждой фотографией давалось описание и цена. Теперь тоже самое можно сделать, используя специализированный сервис, предназначенный именно для этих нужд. Вся информация про товар будет представлена в одном месте, плюс появилась возможность добавлять несколько сопутствующих фотографий для товаров, также появилась ссылка связи с администратором или менеджером группы, и, наконец, информация об условиях оплаты и доставки товара также расположена в зоне видимости покупателя. В общем, очевидные преимущества и удобства налицо. Поэтому, давайте посмотрим как настраивается этот сервис.
Крупнейший фотосток Shutterstock выявил креативные тенденции и тренды, созданные на основе анализа и статистической обработки коллекции из 47 миллионов изображений. Данное исследование показывает, какие поисковые запросы и стили зародились в минувшем году и набирают популярность. Это позволяет предсказать доминирующие тенденции в сфере изображений на 2015 год. Информация представлена в виде следующих блоков: глобальные тенденции, визуальные тенденции по странам мира, тенденции дизайна, видео тренды, культурные тренды и тренды социальных сетей.
В связи со всеобщей коммерциализацией и развитием онлайн торговли в современном интернете особую актуальность приобрели так называемые лендинг пейдж (landing page). Другие названия — целевая страница, продающая страница, посадочная страница или точка входа. По сути это веб-страница рекламного характера, содержащая информацию о продукте или услуге, и имеющая целью побудить посетителя совершить то или иное действие. Под каждую целевую страничку создается соответствующая рекламная компания, чтобы обеспечить ее присутствие в поисковой выдаче по соответствующим поисковым запросам. Также к методам раскрутки лендинг пейдж можно отнести рекламу в социальных сетях, почтовые рассылки, рекламные баннеры и объявления. Давайте подробнее разберемся из чего состоит современная целевая страница.
Один из наиболее животрепещущих вопросов веб-дизайна касается того, как вдохновляясь результатами других людей для достижения собственной цели, не скатиться до плагиата или кражи чужих идей. В некоторой степени данный вопрос можно считать легким и ответить на него просто. Не крадите чужих идей. Однако здесь имеется один нюанс. Где находится та грань, при переходе которой вдохновение чужими идеями перерастает в их воровство? Эта грань размыта, особенно, если учесть тот факт, что никто не работает в изоляции от остального мира. На все новые дизайнерские идеи влияет то, что было создано ранее и окружает нас.
Мода очень скоротечна. Помните, только сделаешь сногсшибательный начес, наденешь купальник для занятий шейпингом, а уже нужно бежать варить джинсы и укорачивать юбку. Не успеешь раздобыть новенький спортивный костюм с заветными полосочками, а им уже подавай «дольчики»! И так не только с одеждой, но со всем на свете! Хотя, если задуматься, то все же есть в нашей скоротечной жизни незыблемые вещи. Вот, к примеру, ковер на стене! Этот безмолвный ворсистый персонаж с незатейливыми узорами до сих пор считает, что ему не место в учебниках истории. Он по-прежнему хочет быть в кадре и в тренде. Зря смеетесь! У настенного ковра столько поклонников, что для них даже придумали специальное приложение Carpetgram, позволяющее сделать снимок на фоне этого долгожителя.
В этой статье представлен перечень аспектов веб-дизайна, рекомендованных для контроля. Это своего рода руководство к действию, которое поможет создавать легкочитаемые, полезные и доступные веб-сайты. Оценку состояния сайта можно проводить по следующим важным направлениям: макет веб-страницы, совместимость с браузерами, навигация, цвета и графика, мультимедийный контент, представление содержания страницы, работоспособность и доступность. Каждый блок содержит значимые пункты, на которые стоит обратить внимание в плане соответствия общепринятым нормам, правилам и стандартам. Таким образом, это поможет выявить очевидные проблемы, связанные с удобством использования и исполнением и своевременно устранить их.
Что касается Интернета в целом, нет такого человека или группы людей, которые бы управляли Всемирной паутиной. Однако, Консорциум Всемирной паутины (W3C, World Wide Web Consortium) играет проактивную роль в разработке рекомендаций и прототипов технологий, относящихся к сети. Темы, которых касается W3C — веб-архитектура, стандарты веб-дизайна и обеспечение доступности сайтов для инвалидов. В попытке стандартизировать веб-технологии W3C создает спецификации, которые называются рекомендациями. В их создании принимают участие множества крупных корпораций по разработке веб-технологий. Следование рекомендациям W3C — первый шаг на пути осуществления доступности вашего сайта.
Итак, наконец-таки настало время обратить свой взгляд в будущее, и, исходя из тенденций минувшего года, выяснить, что же будет востребовано в веб-дизайне в году 2014. Собственно говоря, есть как бы две составляющие. Одна — это тренды, диктуемые развитием современных мобильных технологий, каналов связи и всевозможного софта. Данные тренды носят даже не рекомендательный, а обязательный характер. В первую очередь это касается адаптивного или реагирующего дизайна сайта. Ну и вторая составляющая — это те самые модные предпочтения, комбинация из которых позволяет дизайнерам создавать уникальные и неповторимые вещи.