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

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

Мой Telegram @AnnaS_Kazakova

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

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

Приглашаю вас на небольшую выставку афроамериканской художницы Альмы Томас — пионера абстрактного искусства в США. Особое внимание она уделяла цвету, форме, текстуре, вдохновлялась природой и космосом.

Думаю, что ее творчество не оставит вас равнодушными.

«Высшие устремления человека исходят от природы. Мир без цвета казался бы мертвым. Цвет — это жизнь. Свет — это мать цвета. Свет открывает нам дух и живую душу мира через цвета» (Альма Томас)


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

Более 35 лет она проработала учителем изобразительного искусства у старшеклассников в школе Shaw Junior High School. И писала реалистичные картины.

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

Посмотрите, на ее первые работы в новом стиле (фото 2-4): яркие абстракции, вдохновленные природой, геометрическими формами и паттернами. И именно этот мозаичный уникальный стиль мы можем увидеть в более поздних ее картинах (фото 5-10).

Первая высадка человека на Луну, впечатлила ее. И этому событию посвящена картина «Apollo 12 Splash Down» (фото 5).

Альма Томас продолжала исследовать цвет, форму и текстуру до последних дней своей жизни, несмотря на сильнейшие боли в суставах рук от артрита.

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

Так писала Альма Томас незадолго до окончания своей жизни. Мне очень отозвались эти слова.

Ещё больше её картин вы можете увидеть в моем двухминутном видео (видео 1).

Это выставка в Smithsonian American Art Museum проводилась в честь 133-летия со дня рождения художницы.

Какая из картин на видео и в посте произвела на вас самое большое впечатление? Какую из них хотелось рассматривать долго и тщательно?

На меня холсты Альмы Томас оказывают медитативное воздействие. Даже на фото. Я иногда их пересматриваю и не замечаю времени.
🔥10❤‍🔥9👍3
#буква_з #буквальный_челлендж #азбукадизайнера

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

Сегодня чуть не забыла добавить в канал свою заранее подготовленную букву З.

Давайте поговорим о засечках и шрифтах с засечками.

Засечка — это декоративный акцентный элемент на концах линий шрифта.


Засечки в некоторых случаях делают текст более читабельным и эстетически привлекательным.

Например:

1) Улучшают читабельность. Глазам легче следовать за строкой текста. Это полезно при чтении больших объемов текста (книг, журналов).

2) Придают эстетичность. Шрифт с засечками помогает выделить заголовки и придать аккуратности макету.

3) Придает нотку авторитета и надежности. Шрифты с засечками ассоциируются с исторически сложившейся классикой дизайна.

Засечка (Serif) состоит из
нескольких элементов, которые формируют её уникальный вид:

1.
Основание
—горизонтальная (или слегка наклоненная) линия. Добавляется к нижней части вертикального штриха буквы.

2.
Концевик
— короткая линия, прикрепленная к концам основных штрихов буквы. Может быть прямой, закругленной, наклонной формы.

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

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

Поделюсь с вами самыми известными
шрифтами с засечками (Roman Types).


1. Times New Roman (все мы знакомы с ним через «вордовские» файлы и печатные книги.

2. Caslon (например, Libre Caslon Text и Libre Caslon Display)

3. Garamond (и его типы)

4. Libre Bodoni ( и другие его типы)

5. GFS Didot

6. Rockwell

7. Centaur


А какой шрифт с засечками у вас самый любимый?

P.S.: В комментирии через пару часов выложу основные элементы шрифта с засечками
🔥94
This media is not supported in your browser
VIEW IN TELEGRAM
#обомне #природа

Привет, мои дорогие! Вчера выполнила еще одно желание — попала под летний дождь.

Дождик и солнце — красота!😇 Для детей это тоже было праздником
12🔥65
#буква_и #буквальный_челлендж #азбукадизайнера

Иерархия в дизайне

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

Сегодня расскажу подробнее об иерархии и важности соблюдения этого принципа.

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

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

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

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

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

5. Более сложные или уникальные формы и текстуры могут сделать элемент заметным и важным. Например, круглые кнопки могут выделяться на фоне прямоугольных форм, указывая на их интерактивность или важность.

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

7. Использование различных шрифтов, стилей (жирный, курсив) и размеров шрифта также помогает создать иерархию. Заголовки, выполненные крупным шрифтом, естественным образом привлекают внимание, тогда как мелкий текст воспринимается как пояснительный или менее важный.

Принцип иерархии используют:

в веб-дизайне, чтобы направлять пользователя по странице, помогая ему быстро и без усилий находить нужную информацию;

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

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

Неправильное использование принципа иерархии может привести к путанице и снижению удобства для пользователей.

Распространенные ошибки при несоблюдении принципа иерархии:

• отсутствие контраста;

• много выделенных элементов;

• непоследовательность.

Я упомянула лишь о трёх самых распространенных ошибках. А какие еще ошибки при несоблюдении принципа иерархии вы встречали? Поделитесь, пожалуйста, в комментариях.
🔥125
#буква_й #буквальный_челлендж #азбукадизайнера

Йота и буква Й

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

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

Итак, что такое йота?

Йота — это буква греческого алфавита, обозначающая звук [i]. В русском языке Йота называется «И краткая», она стала символом краткости и лаконичности. Она нашла применение не только в языках, но и в диджитал-сфере.

В мире дизайна «Йота» может напомнить нам о минимализме и важности деталей.

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

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

Поделитесь, какие маленькие элементы помогали вам получить какой-то большой вау-эффект в вашей работе?
7🔥7
#буква_к #буквальный_челлендж #азбукадизайнера

Композиция

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

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

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

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

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

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