Я Павлов Александр
Веб дизайнерВерстальщикРазработчик WordPress

Обо мне

Позвольте мне представиться


Web designer / Web developer

Помогаю в реализации перспективных идей. Люблю интересные задания, необычные идеи и их воплощение. Первоочередная задача моей работы — это качественное выполнение поставленных задач.

В своей работе я стараюсь делать максимально уникальный продукт. Ориентируюсь на новые тенденции и использую личные наработки.

jQuery

WordPress

Html

Css

Javascript

Sass

Моя специализация

Что я могу сделать


Веб-дизайн

Дизайн сайтов, лендингов, интернет магазинов

Вёрстка

Быстрая загрузка сайта, отображение на мобильных

Программирование

Ваш сайт будет хорошо смотреться во всех браузерах

Разработка сайтов

Использую самые популярные CMS WordPress, Joomla, Modx

Прототипирование

Визуальное представление сайта на этапе разработки

Адаптивный дизайн

Разработка с учётом отображения на популярных гаджетах

Портфолио

Реализованы проекты


Отзывы

Отзывы клиентов на сайте freelance.ru


Blog Posts

Praesent scelerisque tincidunt ullamcorper.


Баланс в композиции: как сбалансировать дизайн?

  • 09.07.2020

Баланс в композиции: как сбалансировать дизайн?

Несбалансированный дизайн подсознательно раздражает пользователей. Как создать привлекательный баланс?

Баланс является одним из важнейших элементов композиции.

Баланс – это противопоставление элементов, которое создает равновесие и гармонию. Состояние баланса интуитивно комфортно для зрителя.

Тело человека симметрично по вертикали, и наше визуальное восприятие соответствует этому. Нам нравятся объекты, сбалансированные относительно вертикальной оси. Мы всегда склонны уравновешивать одну силу другой.

В контексте дизайна баланс основан на визуальном весе элементов. Визуальный вес – это объем внимания, который зритель уделяет изображению. Если сайт сбалансирован, посетители подсознательно чувствуют себя комфортно. Баланс сайта воспринимается, как визуально пропорциональное расположение его элементов.

Как сделать ваш сайт сбалансированным?

1. Симметричный (статический) баланс

Наиболее распространенным примером баланса является симметрия.

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

Баланс в композиции: как сбалансировать дизайн?

2. Асимметричный (динамический) баланс

Композиция с неравным весом по сторонам имеет асимметричный баланс.

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

Баланс в композиции: как сбалансировать дизайн?

Часто таким «противовесом» является кнопка и / или заголовок.

Важная информация (или призыв к действию) должна использоваться в качестве «противовеса».

Чем острее асимметрия, тем больше зритель стремится выяснить ее причину (изучить противовесы). Люди инстинктивно тщательнее изучают такое изображение. Однако здесь необходимо чувство меры – слишком эксцентричная композиция не всегда воспринимается хорошо.

3. Радиальный баланс

Баланс в композиции: как сбалансировать дизайн?

Тип баланса, при котором визуальные элементы расходятся из общей центральной точки. Радиальный баланс редко используется в дизайне. Его преимущество в том, что внимание легко удерживается точно в центре композиции. Обычно это самая заметная ее часть.

4. Мозаичный баланс

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

Баланс в композиции: как сбалансировать дизайн?

Секреты визуального равновесия

Когда говорят о балансе сил в композиции, то их часто сравнивают с силами физического мира: гравитацией, рычагами, весом и точкой опоры. Наш мозг и глаза воспринимают баланс в форме, очень похожей на законы механики. Нам легко представить картину в виде плоской поверхности, сбалансированной, как чаши весов. Если мы добавим элемент на один край изображения, то он нарушит равновесие, утратит баланс, и мы почувствуем необходимость это исправить. Не имеет значения, является ли элемент группой оттенков, цветов или точек. Цель состоит в том, чтобы найти визуальный «центр массы» изображения, его центр тяжести.

К сожалению, нет точного метода определения визуальной массы объекта. Как правило, дизайнеры полагаются на свою интуицию. Однако есть полезные наблюдения, которые могут в этом помочь:

  • Размер

Крупные предметы всегда перевешивают.

  • Форма

Элементы неправильной формы кажутся легче, чем элементы правильной формы.

  • Цвет

Теплые цвета тяжелее холодных.

Баланс в композиции: как сбалансировать дизайн?
  • Оттенок

Темные объекты весят больше, чем светлые.

  • Текстура

Объекты с текстурой кажутся более тяжелыми.

  • 3D

3D объекты кажутся более тяжелыми.

Баланс в композиции: как сбалансировать дизайн?
  • Расположение

Чем дальше объект от центра, тем больше его визуальный вес.

  • Ориентация

Вертикальные элементы кажутся тяжелее горизонтальных.

  • Плотность

Множество мелких элементов уравновешивает один большой.

Баланс в композиции: как сбалансировать дизайн?
  • Внутренний интерес

Сложность объекта придает ему больше визуального веса.

  • Заполнение пространства

Положительные формы весят больше, чем негативное пространство.

  • Восприятие физического веса

Нарисованная гиря кажется тяжелее нарисованной ручки.

Подведем итоги. Когда используется симметрия, результат демонстрирует профессионализм и серьезный, устойчивый подход. Методы асимметрии привлекают интерес, выражают индивидуальность и креативность, фокусируют внимание.

Источник: ux.pub

По материалам: infogra.ru

18 сайтов, где можно бесплатно скачать мокапы

  • 09.07.2020

18 сайтов, где можно бесплатно скачать мокапы

Мокапы — практически обязательная часть любой презентации дизайн-работы: будь то логотип, сайт или визитка — любой дизайн нужно показывать заказчику не просто картинкой, а в «рабочем виде», чтобы клиент смог понять как этот товар будет работать в реальном мире.

Именно для решения этой цели вам потребуются качественные мокапы — чем лучше и реалистичнее будет выглядеть буклет или реклама на билборде, тем больше вероятность, что клиент поймет задумку дизайна и одобрит работу без правок 🙂

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

Хранитель Мокапов

Телеграм-канал и группа ВКонтакте, где ежедневно бесплатно публикуются мокапы на множество тематик: одежда, визитки, брошюры, всевозможная наружная реклама, а также анимированные мокапы для шотов на Дрибл.

18 сайтов, где можно бесплатно скачать мокапы

Mockup World

18 сайтов, где можно бесплатно скачать мокапы

Mockup World – отличное место для поиска psd-макетов для различных устройств: iPhone, iPad, Mac Book, рекламные щиты и футболки. Вы можете искать макеты по ключевым словам или просматривать доступные категории. Все представленные макеты можно бесплатно использовать в личных и коммерческих целях.

LS Graphics

18 сайтов, где можно бесплатно скачать мокапы

LS Graphics предоставляет несколько мокапов, а еще дизайнерские инструменты, градиенты, шаблоны и многое другое. Многое из этого бесплатно, но есть и платный контент. для удобства рядом с каждым макетом указано совместимое ПО.

Все, что вы загружаете с этого сайта, может быть использовано как для личного, так и для коммерческого проекта.

CSS Author

18 сайтов, где можно бесплатно скачать мокапы

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

Ceacle Mockup

18 сайтов, где можно бесплатно скачать мокапы

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

Pixelbuddha

18 сайтов, где можно бесплатно скачать мокапы

С сайта Pixelbuddha вы можете скачать как бесплатные, так и премиальные макеты. Первые предназначены для личного и коммерческого использования, а вторые поставляются с конкретными условиями лицензии, которые следует внимательно прочитать перед совершением покупки.Здесь же можно бесплатно скачать набор иконок, векторов, UI-наборов и шрифтов.

Pixeden

18 сайтов, где можно бесплатно скачать мокапы

Pixeden с 2011 года дает вам богатую коллекцию бесплатных мокапов. Чтобы их скачать, не нужна даже регистрация. Если хотите доступ к еще большему количеству макетов, можете подписаться на один из доступных тарифных планов (от 10 долларов в месяц).

Smartmockups

18 сайтов, где можно бесплатно скачать мокапы

Smartmockups – впечатляющий сайт с бесплатными и премиальными мокапами. Для удобства они разбиты на многочисленные категории. Пока звучит так же, как и у остальных, но у Smartmockups есть огромное преимущество – функция кастомизации. Она позволяет работать с собственными изображениями и создавать мокапы онлайн, а также менять имеющиеся.

Freebiesbug

18 сайтов, где можно бесплатно скачать мокапы

Вот еще один сборник бесплатных дизайнерских ресурсов со всей сети. Некоторые мокапы представлены сразу в двух версиях: для Sketch и Photoshop.

Facebook Design

18 сайтов, где можно бесплатно скачать мокапы

Идея этого проекта состояла в том, чтобы показать, насколько разнообразна аудитория Facebook и устройства, с которых эта аудитория сидит в соцсети. Но он превратился в нечто большее – библиотеку мокапов. Главная фишка осталась: вы можете выбрать конкретное устройство, и сайт предложить вам нужный мокап под него.

For Graphic

18 сайтов, где можно бесплатно скачать мокапы

За сайтом For Graphic стоит студия, которая специализируется на создании мокапов. Вы можете просматривать галерею бесплатного контента, пока не найдете макет по своему вкусу, или зайти в интернет-магазин для покупки нужных файлов.

Tanya’s PSD Hands

18 сайтов, где можно бесплатно скачать мокапы

Если вам нужны мокапы с телефоном или iPad в руке, то этот сайт – ваш спаситель. На данный момент существует 384 варианта: можете выбрать между женскими и мужскими руками и найти перспективу, которая наилучшим образом соответствует вашим требованиям.

Graphic Burger

18 сайтов, где можно бесплатно скачать мокапы

Румынский дизайнер Рауль Тачу бесплатно предлагает первоклассный контент для цифрового дизайна. На Graphic Burger вы найдете впечатляющий набор макетов, UI-китов, иконок и много другого.

Mr. Mockup

18 сайтов, где можно бесплатно скачать мокапы

Еще один классный сайт – Mr.Mockup, проект творческой студии Noeeko. На самом деле, на некоторых сайтах-сборщиках мокапов из нашей подборки представлены работы отсюда. Сайт не требует регистрации, и бесплатных мокапов в изобилии. Вы также можете приобрести премиум-контент, даже если вы не зарегистрировались на сайте.

Еще один плюс: готовые работы можно прислать в Mr.Mockup – они опубликуют их у себя в соцсетях с упоминаем вас как автора. Бесплатный пиар в комплекте – звучит неплохо, да?

Shotsnap

18 сайтов, где можно бесплатно скачать мокапы

Если вы хотите сделать собственные макеты, Shotsnap – идеальный сайт для вас. Добавьте свои изображения, дизайн или выберите шаблоны и шрифты, представленные в Shotsnap.Можно даже загружать изображения из Unsplash. Правда, выбор ограничен, если у вас нет про-аккаунта.

Dimmy.club

18 сайтов, где можно бесплатно скачать мокапы

Dimmy.club был разработан датским веб-дизайнером Марком Тисом. Он очень прост: вы можете сделать собственные макеты, просто выбрав устройство, а затем загрузив изображение, которое вы хотели бы показать на нем.

MockupLove

18 сайтов, где можно бесплатно скачать мокапы

MockupLove – платформа с мокапами от авторов со всего мира. Этот сайт – оазис не только для дизайнеров, но и для разработчиков: здесь можно найти JS-эффекты и плагины, HTML-шаблоны и наборы HTML-интерфейсов.

Все файлы лежат в формате .PSD и могут быть загружены бесплатно. В предварительном просмотре макета вам покажут раздел «Вам также может понравиться» со связанным содержимым.

Original Mockups

18 сайтов, где можно бесплатно скачать мокапы

Без учетной записи вы можете загружать до 3 мокапов в день. Но мы советуем вас зарегистрироваться (это бесплатно) – так вы получите доступ к неограниченному количеству. А еще можно скачать плагин Mockupmator – он поможет редактировать ваши макеты прямо в Photoshop.

Если вы станете участником PLUS Unlimited Yearly, то сможете скачивать наборы брендинга: несколько файлов Photoshop или Illustrator, файлы Modo, файлы JS. Эти комплекты могут стать отличной отправной точкой для следующего проекта.

Источник: say-hi.me

По материалам: infogra.ru

5 этапов развития дизайнера: от производителя до специалиста

  • 09.07.2020

5 этапов развития дизайнера: от производителя до специалиста

Перевод материала консультанта по стратегическому дизайну агентства Zuiderlicht Денниса Хамбекерса.

Дизайнер проходит несколько этапов развития. Каждый отличается своим набором требований, целей и характером работы.

На основе отчёта Invision «Новый рубеж дизайна» и модели роста Грейнера (хорошие дизайнеры копируют, великие дизайнеры — крадут) я создал модель эволюции дизайнера.

Как и знаменитая модель роста Грейнера, моя модель состоит из разных фаз. В ней тоже есть кризисы перехода от одной фазы к другой (никогда не упускайте возможностей кризиса). Я немного изменил порядок этапов зрелости из модели Invision. Смешивая две модели (всё есть смесь чего-то), я перехожу к одной — новой.

Этап первый: производители

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

Это то, что делает дизайн привлекательным. То, что большинство людей думает о дизайне. Что показывают в музеях, когда тема выставки — дизайн: дизайнер как создатель красивых вещей.

Его инструменты — это инструменты из классического набора проектирования Adobe. Его навыки — правила эстетики: компоновка, пространство, ритм, цвет, форма. Рост приходит с мастерством владения инструментами и навыком создания более красивых вещей.

Кризис первый: масштаб

Он наступает, когда дизайнер добивается успеха. Чем профессиональнее дизайнер, тем крупнее доступные проекты. Он должен сотрудничать всё с большим количеством людей и проектировать системы всё в большем масштабе.

Возникает необходимость в инструментах для совместной работы и инструментах для проектирования целых систем вместо создания отдельных объектов. К своему набору умений он вынужден добавить навыки системного мышления и работы в команде. Для дизайнера, привыкшего работать в одиночку над конкретным объектом, этот шаг может стать серьёзным препятствием.

5 этапов развития дизайнера: от производителя до специалиста

Этап второй: архитекторы

Когда дизайнеры преодолели сложности системного мышления и работы в команде, они становятся архитекторами. Теперь они работают с большими командами дизайнеров и создают системы вместо отдельных объектов.

Они используют современные инструменты, которые облегчают совместную работу и проектирование множества элементов. Рост приходит с умением работать в команде и мыслить системно.

Кризис второй: сотворчество

Архитектор работает с дизайнерами, вместе на основе брифов они разрабатывают готовые решения. Дизайн по-прежнему изолирован от остального бизнеса. Однако это больше, чем создание отдельных объектов. Дизайн обладает большим влиянием, потому что его масштаб больше. Он занимает место повыше в стратегической повестке дня.

Но работа ведётся дизайнерами по заданию от бизнеса. Если они нацелены на больший эффект, следующее препятствие, которое они должны преодолеть, — открытие процесса проектирования для всех сторон, заинтересованных в решении проблемы. Они должны стать теми, кто решает проблемы, а не теми, кто разрабатывает проекты. Для дизайнера допустить других людей в процесс своей работы — большой скачок.

5 этапов развития дизайнера: от производителя до специалиста

Этап третий: связующие звенья

Если дизайнер может установить контакт со всеми заинтересованными сторонами и у него развит навык упрощения сложного, он может находить лучшие решения. Если дизайнер в курсе проблем и потребностей стейкхолдеров, он имеет гораздо большее влияние.

Одна из основных заинтересованных сторон — конечный пользователь продукта, но есть и другие. Дизайнеры находятся в идеальной позиции, чтобы соединить потребности пользователя с потребностями бизнеса и возможностями технологий.

Дизайнеры должны:

  • Развивать навыки упрощения для организации воркшопов.
  • Работать с прототипами для более эффективного решения проблем.
  • Понимать язык бизнеса и технологии для установления коммуникаций.

Кризис третий: сложность

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

Это позволит проектам стать гораздо успешнее. И всё идёт прекрасно, пока дизайнер не сталкивается со следующим препятствием — сложностью.

Даже если вы провели все исследования, собрали все идеи, которые только можно получить во время творческих встреч, и спрогнозировали все возможные коммуникационные проблемы, вы можете столкнуться с тем, что поставленная задача слишком сложна, чтобы придумать решение, а затем продолжить его разработку.

Реализация масштабных проектов требует много временных и денежных затрат. И в нашем сложном мире большинство решений просто не работают достаточно хорошо, не выполняют поставленных требований. Либо мир изменится, как только ваш дизайн будет готов, либо окажется, что люди ведут себя не так, как вы предполагали.

Чтобы решить эту проблему, проектировщикам приходится заниматься наукой: создавать гипотезы, проводить эксперименты и анализировать результаты. Они должны перейти от дизайна ради решения проблемы к дизайну ради собственного обучения. Для дизайнера, мыслящего категориями искусства, этот переход к более научному, аналитическому подходу может стать настоящим сдвигом сознания.

5 этапов развития дизайнера: от производителя до специалиста

Этап четвёртый: учёные

Учёные могут использовать свои дизайнерские навыки наряду с аналитическими, чтобы развиваться, учиться и адаптироваться. Они могут строить, измерять, изучать и применять свою уникальную дизайнерскую перспективу, мышление и навыки, чтобы поднять проекты на более высокий уровень.

Гибридный подход художественного дизайна в сочетании с аналитической наукой позволяет создавать проекты с большей ценностью, снижая риск и повышая производительность. Учёные используют собственные прототипы для сбора информации, проверки верности направлений и руководства процессом разработки.

Абстрактное мышление, умение создавать конкретно заданные объекты, креативность, смелость, умение видеть связи, — всё это способствует появлению качественного и успешного проекта.

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

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

Кризис четвёртый: лидерство

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

Речь идёт не только о том, чтобы научиться говорить на языке бизнеса, как это было, когда они становились связующими звеньями. Это ещё один шаг вперёд. Они должны знать, как думают и работают нынешние менеджеры, должны уметь проектировать организацию альтернативным образом.

Чтобы нарушить правила, они должны сначала выучить их. Должны научиться быть лидерами. Пусть они будут другими лидерами, отличными от традиционных управленцев из MBA, но они должны овладеть мастерством торговли.

5 этапов развития дизайнера: от производителя до специалиста

Этап пятый: провидцы

Провидец может применить свои навыки, ум и набор инструментов к решению задач бизнеса. Дизайн позволяет взглянуть на стратегию, организацию, лидерство совершенно под другим углом. Дизайнеры способны трансформировать компании, создавая видение будущего и дорожные карты, чтобы туда попасть.

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

5 этапов развития дизайнера: от производителя до специалиста

Источник: Medium

По материалам: infogra.ru

Для связи

Отправьте сообщение или  свяжитесь со мной через социальные сети


Почта

fealtino@gmail.com

Телефон

(099) 649 3686