27411824-10-2016
274118
24-10-2016
Сегодня мы опять возвращаемся к теме оформления групп В Контакте. Ранее мы уже научились делать графическое раскрывающееся меню. Сегодня мы будем учиться делать графическое меню с закрепленным верхним баннером и ссылкой на внутреннюю страницу с пунктам расширенного меню. В общем то, на внутренней странице может быть любая информация. Особенно удобно там располагать, например каталоги с ассортиментом продукции. И у раскрывающегося меню и у закрепленного меню есть свои плюсы и минусы. Основной минус раскрывающегося меню — то, что он по умолчанию находится в закрытом состоянии. Но зато на нем можно разместить сразу несколько ссылок.
Сайты одностраничники или как их еще называют Landing Page появились не так давно, каждый посетитель интернета хотя бы раз посещал такой ресурс. Это сайты, состоящие из одной страницы, которую посетитель пролистывает вниз, получая необходимую информацию. Главное отличие Landing Page от обычного сайта-визитки состоит в том, что на нем находится минимум функциональных и структурных элементов. На самом деле лендинги призваны продавать. Это их главная и основная цель. Такие сайты возникли в то время, когда исследователи и маркетологи проанализировали статистику и поведенческий фактор посетителей стандартных сайтов и пришли к выводу, что пользователя интересует всего несколько значимых факторов. Так сайты избавились от мишуры и стали минималистичными, состоящими из одной страницы. 
После недавнего изменения дизайна Вконтакте многие пользователи ратовали за возврат прежнего дизайна. Понятно, что отката к прежнему варианту уже не будет, но возможно настроить интерфейс соцсети именно под себя, убрав или видоизменив наиболее раздражающие факторы. Для этого мы воспользуемся специальным расширением Stylebot для браузера Google Chrome. Это расширение разработано достаточно давно и служит для пользовательской настройки стилей любого сайта, просматриваемого в браузере. Что мы сделаем: вернем белый цвет фона, вернем старый логотип ВКонтакта, уберём иконки из левого верхнего меню, уберём скругления аватарок, отключим фиксацию блоков, вернём кнопку «Нравится» на привычное место и слегка приподнимем поле ввода сообщений. Итого семь изменений.
Представляю вашему вниманию замечательный набор иконок на тему шоппинга и коммерции. Изображения представлены в двух вариантах — иконки с черной заливкой и контурные иконки. Итак, среди прочих картинок можно найти корзину для продуктов, штрихкод, кассовый аппрарат и чек, транспорт доставки. Предупреждения о грузе — не бросать, не трясти, не кантовать, осторожно стекло, беречь от солнечных лучей. Информация о снижении цен — в евро, в процентах, акции. Зачки рубля, распродажи, новинки. Различного вида коробки, карточки охраны, упаковки и сумки для товаров. Для того, чтобы скачать набор — переходим по соответсвующей ссылке внизу и попадаем на Яндекс диск. Там справа ищем кнопку Скачать и скачиваем на свой компьютер.
После первого дня пользования новым дизайном В Контакте мне пришли в голову некоторые мысли по поводу нынешнего удобства и юзабилити данного сервиса. Не могу сказать, что все так уж ужасно, как можно судить по поднявшейся волне возмущений. В принципе нормальный современный дизайн. Но некоторые моменты заставляют задуматься. Да, оформление выполнено в русле современных трендов для соцсетей, да, необходимость редизайна для Вконтакта вроде бы уже назрела. Но новый дизайн ВКонтакта стал уж очень похож на своих сородичей — Мейл, Одноклассники, Фейсбук. Мое мнение, что можно было более бережно отнестись к ламповости и атмосфере данного сервиса и постараться сохранить первоначальную уникальность ВКонтакта, а не делать очередного клона вторичной свежести. Про любой элемент можно сказать «Это как в …» и подставить название любой вышеупомянутой сети. Каких то революционных, уникальных именно Вконтактовых фишек я не нашла. Итак, у меня есть следующие претензии к новому дизайну ВК.
Как говорится, лето — время отпусков и путешествий. Давайте поддержим сей туристический тренд с помощью соответствующих иконок на эту тему. Вашему вниманию предлагаются весьма интересные специализированные наборы. В первом наборе нас ждут монохромные самолеты, багаж, указатели. Далее следуют круглые иконки с четкими карандашными силуэтами достопримечательностей городов. Всевозможные транспортные средства типа машинок, велосипедов, мотоциклов в смешном стиле вы найдете в следующей коллекции. Затем еще одни контурные рисованные объекты на тему путешествий. А вот цветные круглые композиции с трехмерной тенью. Или вот на выбор flat иконки для путешественников. Еще есть набор с пляжными иконками — солнце, пальмы, волны, пляжные тапочки и прочие курортные радости.
В эпоху сотрудничества человека и машины людям для преуспевания нужны определенные навыки, так называемые метанавыки. К ним относятся: эмпатия — осознанное сопереживание эмоциональному состоянию другого человека, интуиция, видение — системное мышление, умение мечтать — прикладное воображение, умение воплощать — талант к реализации, обучаемость — способность приобретать новые навыки. Для них не требуется высокий IQ. Зато нужна креативность, умение найти правильную идею. Предложенные ниже правила не новы, хотя могут помочь создать нечто новое. Как говорил философ Шопенгауэр: «Талант достигает цели, которой никто больше достичь не может; гений достигает цели, которой никто больше не видит». Итак, желаю вам запустить бесконечный цикл роста креативности: ваше желание будет подстегивать ваше обучение, а обучение — подпитывать желание.
Многочисленные просьбы моих настойчивых читателей и просто любознательных пользователей возымели свое действие. Я наконец то создала урок, в котором мы будем учиться делать динамическое меню Вконтакте с эффектом нажатых кнопок! По аналогии с обычными сайтами интернета, когда посещенная ссылка маркируется особым способом (нажатая кнопка, подчеркивание итд) — мы будем создавать такую же конструкцию Вконтакте, с помощью созданных страниц и графического оформления. Для начала мы сделаем графические заготовки в фотошопе — создадим шапку меню и кнопочки двух видов. Потом создадим несколько страниц Вконтакте, согласно пунктам нашего меню. И напоследок сделаем хитрый прием, который, собственно, и создаст нам иллюзию перехода по ссылке. Урок достаточно сложный и подходит для тех, кто уверенно себя чувствует в функционале Вконтакта. Все манипуляции я буду производить на примере 
Паттерн (pattern) переводится как образец, модель, шаблон. По сути это повторяющиеся элементы, которые хорошо нам знакомы и встречаются повсеместно в природе в виде снежинок, кораллов, пигментных пятен и много где еще. Концепцию использования повторяющихся элементов подхватили наши далекие предки, в результате чего до наших дней дошли известные языческие, ведические и прочие этно-орнаменты. Если задача состоит в том, чтобы сделать яркий и запоминающийся дизайн сайта, то решить ее можно с помощью паттернов. Тем более, что именно они стали одним из главных трендов веб-дизайна.
Предлагаю вашему вниманию подборку из замечательных зимних палитр новогодней и рождественской тематики. Мягкие пастельные оттенки и полутона очень тонко передают уютную праздничную атмосферу длительных январских праздников с их дружественными застольями, ароматными чаепитиями, еловыми запахами и морозной свежестью снежного воздуха. Зимние розы под кромкой снега поделятся с нами своей багрово-красной палитрой сдобренной нежным персиковым теплом. Или позолоченные шишки дадут дизайнерам вдохновение в виде цвета от темно-коричневого до светло-бежевого. Вкуснейшие пирожные поманят нас розовой глазурью, а елочные игрушки и шоколадные конфеты очаруют красивыми кофейными оттенками. А вот спелая клюква наоборот, даст мощный цветовой посыл своей красной крепостью и зеленой терпкостью. Ну и чашечка ароматного кофе или бокал горячего глинтвейна возродят к жизни лимонную охру и сочный оранжевый с рубиновыми нотками.
Элементы веб-дизайна — это те абстрактные материалы, с которыми приходится работать дизайнеру. Они могут быть разнообразных форм, размеров и стилей. К основным элементам относятся: пространство, линия, фигура, цвет, текстура, шрифт, форма. Именно из них, как из кирпичиков, строится вся композиция дизайна. Их смешение образует новые блоки и комбинации, а правильно расставленные акценты обеспечивают неповторимость и уникальность всего дизайна. Некоторые из элементов подвержены влиянию моды, а другие используются как необходимость. Сегодня мы рассмотрим несколько наиболее устойчивых модных тенденций веб-дизайна, характерных для современных сайтов.