все самое интересное о веб-дизайне

Основные принципы создания гармоничной композиции в дизайне

15-02-2017

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

25 основных трендов веб-дизайна 2017 года по версии DesigNonstop

10-01-2017

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

Как правильно оформить группу ВКонтакте — основные элементы и полезные фишки

16-12-2016

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

Как оформить группу В Контакте с закрепленным верхним меню под новый дизайн ВК

24-10-2016

Оформление группы ВконтактеСегодня мы опять возвращаемся к теме оформления групп В Контакте. Ранее мы уже научились делать графическое раскрывающееся меню. Сегодня мы будем учиться делать графическое меню с закрепленным верхним баннером и ссылкой на внутреннюю страницу с пунктам расширенного меню. В общем то, на внутренней странице может быть любая информация. Особенно удобно там располагать, например каталоги с ассортиментом продукции. И у раскрывающегося меню и у закрепленного меню есть свои плюсы и минусы. Основной минус раскрывающегося меню — то, что он по умолчанию находится в закрытом состоянии. Но зато на нем можно разместить сразу несколько ссылок.

Современные Landing Page: история, тренды, перспективы развития

05-09-2016

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

Возвращаем прежний дизайн ВКонтакта с помощью расширения для браузера Chrome

02-09-2016

После недавнего изменения дизайна Вконтакте многие пользователи ратовали за возврат прежнего дизайна. Понятно, что отката к прежнему варианту уже не будет, но возможно настроить интерфейс соцсети именно под себя, убрав или видоизменив наиболее раздражающие факторы. Для этого мы воспользуемся специальным расширением Stylebot для браузера Google Chrome. Это расширение разработано достаточно давно и служит для пользовательской настройки стилей любого сайта, просматриваемого в браузере. Что мы сделаем: вернем белый цвет фона, вернем старый логотип ВКонтакта, уберём иконки из левого верхнего меню, уберём скругления аватарок, отключим фиксацию блоков, вернём кнопку «Нравится» на привычное место и слегка приподнимем поле ввода сообщений. Итого семь изменений.

15 изменений, которые мне не нравятся в новом дизайне В Контакта

18-08-2016

После первого дня пользования новым дизайном В Контакте мне пришли в голову некоторые мысли по поводу нынешнего удобства и юзабилити данного сервиса. Не могу сказать, что все так уж ужасно, как можно судить по поднявшейся волне возмущений. В принципе нормальный современный дизайн. Но некоторые моменты заставляют задуматься. Да, оформление выполнено в русле современных трендов для соцсетей, да, необходимость редизайна для Вконтакта вроде бы уже назрела. Но новый дизайн ВКонтакта стал уж очень похож на своих сородичей — Мейл, Одноклассники, Фейсбук. Мое мнение, что можно было более бережно отнестись к ламповости и атмосфере данного сервиса и постараться сохранить первоначальную уникальность ВКонтакта, а не делать очередного клона вторичной свежести. Про любой элемент можно сказать «Это как в …» и подставить название любой вышеупомянутой сети. Каких то революционных, уникальных именно Вконтактовых фишек я не нашла. Итак, у меня есть следующие претензии к новому дизайну ВК.

10 полезных советов о том, как создавать новое и нарушать правила

17-06-2016

В эпоху сотрудничества человека и машины людям для преуспевания нужны определенные навыки, так называемые метанавыки. К ним относятся: эмпатия — осознанное сопереживание эмоциональному состоянию другого человека, интуиция, видение — системное мышление, умение мечтать — прикладное воображение, умение воплощать — талант к реализации, обучаемость — способность приобретать новые навыки. Для них не требуется высокий IQ. Зато нужна креативность, умение найти правильную идею. Предложенные ниже правила не новы, хотя могут помочь создать нечто новое. Как говорил философ Шопенгауэр: «Талант достигает цели, которой никто больше достичь не может; гений достигает цели, которой никто больше не видит». Итак, желаю вам запустить бесконечный цикл роста креативности: ваше желание будет подстегивать ваше обучение, а обучение — подпитывать желание.

Интервью с Симоном Штайнбергером — представителем фотостока Pixabay

11-05-2016

Сегодня вашему вниманию предлагается интервью с соучределем и генеральным директором крупнейшего бесплатного европейского фотостока Pixabay Симоном Штайнбергером. На сегодняшний день этот сайт набирает популярность и среди российских дизайнеров. Мы узнаем историю того, как появилось это детище, как получается увеличивать и без того колоссальный фонд изображений, какие плюсы для фотографов, публикующих свои работы и для дизайнеров. Поговорим о лицензии Creative Commons и об актуальных трендах-веб дизайна этого года. А также узнаем о том, как Симону удается придумывать и реализовывать все новые и новые творческие идеи и что является для него вдохновением.

Как Вконтакте создать динамическое меню с эффектом навигации

21-03-2016

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