anna_design_and_art_Блог – Telegram
anna_design_and_art_Блог
201 subscribers
620 photos
161 videos
1 file
276 links
Привет, меня зовут Анна!

Я — графический и веб-дизайнер из США, копирайтер, кбн по Вирусологии. В своем блоге делюсь опытом, советами и событиями из жизни.

Мой Telegram @AnnaS_Kazakova

Пишите мне на русском, немецком, испанском и английском
Download Telegram
#буква_к #буквальный_челлендж #азбукадизайнера

Композиция

Привет, друзья! Нагоняю пропущенные буквы

Сегодня мы поговорим о ключевом элементе дизайна — композиции.

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

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

Правила постороения композиции:

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

2. Баланс. Симметричный и асимметричный баланс влияет на стабильность и динамику дизайна.

3. Фокус и иерархия (о ней мы говорили в предыдущем посте) помогают выделить важные элементы и упорядочить информацию.

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

5. Ритм и движение. Ритм создаётся за счет повторяющихся элементов и помогает направлять взгляд зрителя, создавая динамику и последовательность.

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

Поделитесь, какие принципы композиции вы чаще всего используете? Нарушали ли вы когда-то эти принципы? Какие детали сделали ваш проект особенным?
10🔥8👏1
This media is not supported in your browser
VIEW IN TELEGRAM
17❤‍🔥1
Выбрались с семьей в лес на вершине горы⛰️.

Завтра подробнее расскажу об этом месте.

А пока что небольшой тизер. 👆👆👆
#обомне #природа
Please open Telegram to view this post
VIEW IN TELEGRAM
12👍3❤‍🔥1🙏1
#отдых #хобби #обомне

Поездка в горы Sugarloaf Mountain

Привет, ребята!

Вчера выложила вам кружочек из леса на склоне горы Sugarloaf Mountain (Frederick County, MD).

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

Подъем и спуск длились два часа. Наша младшая (ей скоро пять лет) держалась молодцом! Обязательно вернемся сюда еще, чтобы покорить более сложные трейлы.

Растительность здесь характерная для смешанных лесов. А в июле можно полакомится малиной, ежевикой, wineberry (похожа на малину) и даже черникой (именно черникой, не голубикой). Да и осень в горах очень живописна. Поэтому, однозначно, еще побываем здесь.

На видео вам немного засняла дорогу мимо фермерских домиков Frederick County, мост через реку Monocacy River и вид с Sugarloaf Mountain с высоты 400 м над уровнем моря. Вдали вы можете увидеть горы Аппалачи. А на фото сквозь лесные заросли видны склоны гор. И вид со смотровой площадки на долину.
🔥107❤‍🔥1
#рассвет #рассветы #хобби

Прекрасного вам начала недели, друзья!

Живописный рассвет 12 августа 2024
10🔥5❤‍🔥1
#буква_л #буквальный_челлендж #азбукадизайнера

Сегодня поговорим о легибельности.

Легибельность — легкость восприятия и читабельность текста в дизайне макета.

Что необходимо учитывать, чтобы ваш проект легко считывался?

1. Размер шрифта

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

2. Контраст

Цвет текста и фона должны иметь достаточный контраст.

3. Межстрочный интервал

Правильный интервал между строками (leading) помогает избежать «слипания» текста и делает его более читаемым.

4. Межбуквенный интервал

Кернинг (расстояние между буквами) влияет на то, насколько удобно читать текст. Хорошо подобранный интервал улучшает восприятие.

5. Шрифт и его стиль

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

Поделитесь, как вы подбираете шрифты для своих проектов? Есть ли у вас «любимые» шрифты? Пользуетесь ли сервисами?

P.S.: о сервисах по подбору шрифтовых пар можно почитать в статье моего ученика — UX/UI дизайнера Дмитрия Строкова.
🔥96
#буква_м #буквальный_челлендж #азбукадизайнера

Мокапы

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

Мокап — фотореалистичное изображение, на которое наложен ваш дизайн. По сути это шаблон, который помогает представить, как дизайн будет «жить» в реальных условиях.

Зачем использовать мокапы?

1. Визуализация идей. Мокапы делают наши идеи более понятными и убедительными для клиентов и команды, показывая, как они будут выглядеть в действительности.

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

3. Презентация. Используйте мокапы для создания профессиональных презентаций и маркетинговых материалов, чтобы выделиться и произвести впечатление.

Делюсь с вами моим списком сервисов для создания мокапов (или с коллекциями):

https://shots.so/

https://goodmockups.com/#google_vignette

https://free-psd-templates.com/

https://mockuphunt.co/

https://freemockup.ru/#google_vignette

https://www.ls.graphics/branding-mockups

https://mockupfree.co/

https://pixpine.com/?type=search&cat=all-categories&s=Free+mockups

https://www.pixeden.com/psd-mock-up-templates

https://www.minimalmockups.com/mockups

https://gumroad.com/?query=Free+mockups&max_price=1&tags=free+mockups%2Cfree+mockup

А еще дополнительно поделюсь списком мокапов моей знакомой — бренд-дизайнера Дарьи Сидоровой.

Даша, @darya_s1dorova совместно у нас получилась отличная подборка бесплатных ресурсов мокапов ❤️

Как вы используете мокапы в своей работе? Какие инструменты и сервисы помогают вам визуализировать ваши проекты? Поделитесь, пожалуйста, в комментариях. Я дополню список наш список.
Please open Telegram to view this post
VIEW IN TELEGRAM
17🔥8
#буква_н #буквальный_челлендж #азбукадизайнера

Привет, друзья!

«Набросок» —сегодняшнее слово для «Азбуки дизайнера».
12
#музеи #выставки #хобби

Друзья, недавно с детьми побывали на выставке Destination Domino.

Проходила она в Building Museum, о котором я вам уже рассказывала ранее здесь и здесь.

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

Полюбуйтесь коротким видео и почитайте в нём также презентацию фактов о домино.

А еще я добавлю сюда вам несколько фото с выставки.

Напишите, были ли вы когда-то на подобной выставке?
🔥11❤‍🔥4👍2👌1
#буква_о #буквальный_челлендж #азбукадизайнера

Буква О

Ребята, 16 из 33!

Надеюсь, что смогу собрать свою «Азбуку дизайнера» полностью. Пусть она приносит пользу мне и моим дорогим подписчикам❤️
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥145
#буква_п #буквальный_челлендж
#азбукадизайнера

Палитра 🎨

Привет, друзья!

Букву П я посвящаю палитре и способам ее подбора или генерации.

Палитра — набор цветов для создания гармоничного визуального стиля макета.

Существуют разнообразные типы палитр: монохромные, аналоговые, триадные, тетрадические, комплементарные.

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

1. Применить свои знания о цвете и его психологии и вручную подобрать палитру.

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

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

4. Можно вдохновиться на прогулке и взять природные оттенки.

5. Использовать готовые цветовые палитры и скопировать из них подходящие для вас номера цветов. Например, на сайте Color Adobe или Coolors есть подборки готовых палитр. Или на сайте BrandColors собраны палитры известных брендов.

6. И, конечно, можно воспользоваться генераторами палитр и сервисами по созданию цветовых тем. Такими, как:

Coolors generator

Canva Coolor Palette Generator

Color Adobe Generator

Khroma

Material Theme Builder

Material 3 Design Kit

M3Material

MyColorSpace

Design Inspiration

Muzli AI Color Generator

Colorkuler

Расскажите, а как вы подбираете цветовую палитру для ваших проектов? Поделитесь советами и сервисами. Давайте дополним мою подборку.
9🔥8👏2