Получи случайную криптовалюту за регистрацию!

𝐰𝐞𝐛 𝐯𝐢𝐛𝐞

Логотип телеграм канала @webvibe — 𝐰𝐞𝐛 𝐯𝐢𝐛𝐞 𝐰
Логотип телеграм канала @webvibe — 𝐰𝐞𝐛 𝐯𝐢𝐛𝐞
Адрес канала: @webvibe
Категории: Дизайн
Язык: Русский
Количество подписчиков: 154
Описание канала:

𓏢мusic / esthetics / beauty♡︎

Рейтинги и Отзывы

2.33

3 отзыва

Оценить канал webvibe и оставить отзыв — могут только зарегестрированные пользователи. Все отзывы проходят модерацию.

5 звезд

0

4 звезд

1

3 звезд

0

2 звезд

1

1 звезд

1


Последние сообщения

2022-01-06 15:00:34 Решил добавить новую рубрику —
#шаблоны_Tilda

Планирую минимум раз в месяц выкладывать новый шаблон на разные тематики, собранный на стандартных блоках Тильды.

Авторство сборки мое и использовать эти шаблоны вы сможете абсолютно бесплатно.

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

Конечно же на Тильде это можно сделать без проблем. Тем более, что в библиотеке платформы собрано более 500 стандартных блоков, разбитых по категориям.

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

Чтобы проделать эту работу уходит много времени. Я же планирую создавать проработанные с позиции ux и ui шаблоны дизайна страниц, собранных на стандартных блоках Тильды.

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

Вот первая ласточка — шаблон лендинга для продвижения туров в заданный район:

https://webvibe.cc/templates/mauritius-island

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

Пока что так. Если идея наберет популярности и будет востребована, то добавлю возможность подключать через библиотеку шаблонов Тильды, указав ID понравившегося шаблона.

Так же буду очень благодарен за отзывы и пожелания в комментариях
39 views12:00
Открыть/Комментировать
2022-01-05 21:55:18 #дизайн #маркетинг

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

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

Статью можно почитать ЗДСЬ.
Чтение займет не более 5 минут.
51 views18:55
Открыть/Комментировать
2022-01-04 22:40:29 Ментальная модель поведения
в веб-дизайне

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

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

Почему так происходит? Да все потому, что мы абсолютно разные, с разным опытом, воспитанием и восприятием. У нас разные ментальные модели поведения.

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

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

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

Хотите пример?

— Представьте себе кота.

Представили? А теперь посмотрите, какого кота представил себе я → смотреть.
Уверен, хоть наши коты и имеют лапы, усы и хвост, но внешне они отличаются.

Так же происходит и при создании сайта, когда мы не знаем чего от него ожидает пользователь.

Вроде бы сайт как сайт. Но запросы пользователя он не оправдывает

#дизайн
56 viewsedited  19:40
Открыть/Комментировать
2022-01-03 18:06:58
Картинки для примера расставления акцентов.
75 views15:06
Открыть/Комментировать
2022-01-03 18:06:20 Акцент — самый доступный и надежный способ обратить внимание зрителя на важную, по мнению автора, информацию.

Чаще всего мы привыкли расставлять акценты в тексте, выделяя слово или фразу другим шрифтом, начертанием, размером или цветом. Самый яркий пример этого, семантическая разметка текста, в которой самый большой элемент, основной заголовок «h1», — самый важный. Менее важные элементы, второстепенные заголовки «h2 - h6», — меньшие по размеру.

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

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

Вес
Когда какой-то элемент мы делаем более «тяжелым», то на нем внимание сосредотачивается в первую очередь. Например, это может быть крупное фото расположенное рядом с блоком мелкого текста.

Цвет
По моему мнению, самая распространенная формула для привлечения внимания с помощью акцентного цвета это правило «60-30-10», где 60% — главный цвет, 30% — дополнительный цвет, 10% — цвет акцента.

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

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

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


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

Это основные способы привлечения внимания, которыми я часто пользуюсь в своей работе.

И еще один момент — важно правильно расставлять акценты, выделять именно то, что действительно первостепенное. Иначе внимание зрителя может пойти не в нужном нам направлении.

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

А какими приемами для фокусировки внимания, — расставления акцентов, — пользуетесь вы? Поделитесь в комментариях.

#дизайн #польза
72 viewsedited  15:06
Открыть/Комментировать
2022-01-02 13:05:46
В открытом доступе появился киноальманах «Лепота».

Фильм-исследование, в котором дизайнеры и дизайн-студии рассказывают историю русской визуальной культуры — от появления кириллицы и народных промыслов до конструктивизма, советского DIY и метамодерна.

Смотреть можно ЗДЕСЬ

P.S. просмотр фильма бесплатный, но для этого нужно пройти регистрацию на сайте.

#дизайн #вдохновение
73 viewsedited  10:05
Открыть/Комментировать
2022-01-01 21:11:11
Adobe выпустила бесплатную программу с готовыми шаблонами и инструментами для редактирования фото и видео.

Бесплатный набор инструментов получил общее название Creative Cloud Express. Сервис доступен в веб-версии, а также в виде мобильных приложений для iOS и Android.

По своему функционалу сервис напоминает всем уже знакомый canva.com.

В Creative Cloud Express можно применить/использовать:
— Photoshop-эффекты
— фильтры
— текстуры
— удалить фон
— изменить размер элементов
— добавлять оверлеи.

Его видеоредактор имеет простой интерфейс и разрешает:
— обрезать
— нарезать
— объединять (склеивать)
— изменять скорость воспроизведения видео.

Начать работу с сервисом можно ТУТ

#дизайн #польза
77 viewsedited  18:11
Открыть/Комментировать
2022-01-01 19:15:07
Ну что ж, вот и наступил 2022-год

Хочется пожелать нам всем в этом году — никогда не сдаваться и из любой ситуации выходить с победой!

А еще, всегда помнить о том, что мы особенные и у каждого из нас есть свои уникальные таланты. Не стоит их скрывать. Ведь кто-то сейчас, возможно, ищет то, что умеете именно вы
53 views16:15
Открыть/Комментировать
2021-12-29 21:39:24 Довольно часто в процессе дизайна приходится «вырезать» различные части изображения и фигуры людей. Конечно же опытные дизайнеры делают это все в Adobe Photoshop. А что же делать, если пока не постиг этого искусства?

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

1) spark.adobe.com
2) depositphotos.com
3) stickermule.com
4) remove.bg
5) pixlr.com
6) icons8.ru
7) removal.ai
8) photoscissors.com
9) clippingmagic.com
10) photoroom.com
11) inpixio.com
12) slazzer.com
13) fococlipping.com

#дизайн #польза
56 viewsedited  18:39
Открыть/Комментировать
2021-12-26 17:33:44 Шрифт — это чуть ли не половина всего дизайна. А иногда с помощью только лишь одного шрифта и линий можно создать потрясающий дизайн.
Сегодня подготовил подборку из 7-ми классных бесплатных шрифтов для вашего творчества. Некоторые из них бесплатны даже для использования в коммерческих целях. Все ссылки ведут на страницы авторов этих шрифтов и, при желании, вы можете пообщаться напрямую о возможности использовать авторский шрифт в том, либо ином проекте.

Ну а теперь сами шрифты.

1) Miratrix — геометрический гротеск в стиле брутализма. Этот нестандартный многофункциональный шрифт подходит для веб-дизайна, логотипов, фирменного стиля, упаковки, постеров и заголовков. Поддерживает кириллицу и латиницу. Абсолютно бесплатный для личного и коммерческого использования.
https://www.behance.net/gallery/85045335/Miratrix-Font-Free-LatinCyrilic

2) Palace of Sports — изящный и свежий гротескный шрифт. Он разработан для бесплатного использования в личных и не коммерческих целях. Поддерживает кириллицу и латиницу. Носит более декоративный характер и хорошо подойдет для заголовков на сайте, постере, плакате или других графических материалах.
https://www.behance.net/gallery/87612637/Palace-of-Sports-Free-typeface

3) Viaoda Typeface — дисплейный шрифт, вдохновленный вьетнамским культурным символизмом. Это сочетание старого и нового, которое одновременно отличается традиционной элегантностью и современным профессионализмом. Он предназначен для соответствия публикациям в СМИ о традициях, а также служит заголовками и субтитрами.
https://www.behance.net/gallery/100857509/Viaoda-Typeface-(Libre)-Free-on-Google-Fonts

4) Neutral Face — относится к категориям гротески, для заголовков. Можно использовать в коммерческой и не коммерческой деятельности. Идеально подходит для брендинга проектов, дизайна товаров для дома, упаковки продуктов или просто в качестве стильного наложения текста на любое фоновое изображение.
https://www.behance.net/gallery/104641293/NEUTRAL-FACE-FREE-FONT

5) Ampero — это промышленный шрифт без засечек. Отлично подойдет для акцентных заголовков как в вебе, так и в полиграфии.
https://www.downloadfonts.io/ampero-font/

6) Steppe — мягкий, широкий, нейтральный, геометричный, очень размеренный и современный.
https://www.behance.net/gallery/121918787/Steppe-Free-font

7) Amagro — четкий и контрастный шрифт с засечками. Идеально подходит для заголовков, плакатов, коротких сообщений и текста. Бесплатен для личного и коммерческого использования.
https://www.behance.net/gallery/125978425/FREE-AMAGRO-SERIF-FONT

#дизайн #польза
50 viewsedited  14:33
Открыть/Комментировать