Desfee
32 subscribers
172 photos
2 videos
19 links
Desfee — команда, специализирующаяся на графическом и веб-дизайне.

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

Наша команда объединяет креативность и инновации, чтобы воплотить ваши идеи в жизнь!
Download Telegram
Разработали сайт для «Архилайв»

Смотреть кейс на Behance

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

Ссылка на сайт: archilive.ru

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

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

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

Смотреть кейс на Dprofile
🔥51👍1
Aura concept

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

Проект для Gold Bingo

Задачи:

— Разработать по брифу быстрый концепт логотипа
— завершить работу до 23:00 того же дня

Что было сделано:

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

Концепт получился с интересной идеей и простым, но лаконичным исполнением!

#gb27
4🔥2😍1
Вспомним предыдущий год: Тренды графического дизайна 2024 года

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

1. Биофильный дизайн:
Вдохновленный природой, биофильный дизайн стал одним из ведущих трендов 2024 года. Использование природных текстур, органических форм и естественных цветовых палитр помогает создавать гармоничные и успокаивающие визуальные образы, которые находят отклик у аудитории, стремящейся к экологичности и устойчивости.

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

3. Минимализм с акцентами:
Минимализм остается актуальным, но в 2024 году он обрел новые черты. Дизайнеры добавляют яркие акценты и неожиданные детали в минималистичные композиции, чтобы привлечь внимание и создать визуальный интерес. Такой подход позволяет сохранить чистоту и простоту дизайна, добавляя ему индивидуальности.

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

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

2024 год принес множество вдохновляющих трендов, которые продолжают формировать будущее графического дизайна. Эти направления не только отражают текущие изменения в мире, но и открывают новые возможности для творчества и самовыражения.
💯52🔥1
Как работать с сетками в веб-дизайне

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

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

2. Основные типы сеток:

— Колончатая сетка:
12-колоночная сетка:
Широко используется в адаптивном дизайне, так как легко делится на 2, 3, 4 и 6 колонок, что позволяет создавать гибкие макеты.
16-колоночная сетка: Предоставляет больше возможностей для сложных макетов и детальной проработки дизайна.

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

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

3. Настройка сетки:
При настройке сетки важно учитывать ширину колонок, промежутки между ними (гуттеры) и отступы. Это поможет создать визуально приятный и читаемый макет.

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

5. Инструменты для работы с сетками:
Современные инструменты для веб-дизайна, такие как Adobe XD, Figma и Sketch, имеют встроенные функции для работы с сетками. Они позволяют легко создавать и настраивать сетки, а также визуализировать их в процессе разработки.

6. Практика и эксперименты:
Работа с сетками требует практики. Экспериментируйте с различными типами и настройками сеток, чтобы найти оптимальные решения для ваших проектов.

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

Начните использовать сетки в своих проектах и откройте новые возможности для творчества и организации!
4👍2🔥2
Выбор цветовой палитры для бренда

Цвета — это лицо вашего бренда. Вот как выбрать подходящую палитру:

1. Психология цвета: Каждый цвет вызывает эмоции. Подумайте, какие чувства вы хотите вызвать.

Пост про психологию цвета

2. Знайте свою аудиторию: Молодежь любит яркие цвета, старшее поколение — спокойные.

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

4. Создайте палитру: Основной цвет плюс 2-4 дополнительных. Должно быть гармонично.

5. Тестируйте: Убедитесь, что цвета работают на всех носителях.

6. Будьте последовательны: Используйте палитру везде, чтобы бренд был узнаваем.

Цвета помогают выделиться и запомниться. Подберите палитру, которая подчеркнет вашу уникальность!
5
🌙 С Днем святого Валентина!

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

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

⚡️ Промокод: LOVE20

Скидка действует до 28 февраля, так что не упустите возможность сделать ваш бренд еще более привлекательным и запоминающимся.
Please open Telegram to view this post
VIEW IN TELEGRAM
4🔥4
Основы работы с кривыми Безье

Кривые Безье — это мощный инструмент в арсенале любого дизайнера и иллюстратора. Они позволяют создавать плавные и точные линии, которые можно легко редактировать и адаптировать под любые нужды. Давайте разберемся, что же такое кривые Безье и как с ними работать, используя примеры из Photoshop и Figma.

Что такое кривые Безье?

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

Основные элементы:

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

Как работать с кривыми Безье:

1. Создание кривой в Photoshop:
- Выберите инструмент "Перо" (Pen Tool) на панели инструментов.
- Щелкните, чтобы установить начальную точку, затем щелкните в другом месте, чтобы установить конечную точку.
- Для создания кривой, удерживайте кнопку мыши и перетаскивайте, чтобы задать направление и изгиб.

2. Создание кривой в Figma:
- Выберите инструмент "Перо" (Pen Tool) на панели инструментов.
- Щелкните для установки начальной точки, затем щелкните и перетащите для создания кривой.
- Используйте узлы и контрольные точки для редактирования формы кривой.

3. Редактирование кривой:
- В Photoshop используйте инструмент "Узел" (Direct Selection Tool) для перемещения точек и изменения формы кривой.
- В Figma выберите узел и перетаскивайте контрольные точки, чтобы изменить изгиб и направление.

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

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

Попробуйте поработать с кривыми Безье в Photoshop и Figma уже сегодня и откройте для себя новые горизонты в дизайне!
2🔥2
Как правильно использовать белое пространство в дизайне

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

1. Улучшение читаемости
Оно помогает тексту "дышать" и делает его более удобным для чтения.

2. Фокус на важном
С его помощью выделяются ключевые элементы, чтобы привлечь внимание к важному.

3. Баланс
Белое пространство создает гармонию и делает дизайн более эстетичным.

4. Повышение эстетики
Минимализм и стиль — вот что дает правильное использование пустоты.

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

Не бойтесь пустоты — используйте белое пространство как инструмент для создания чистого и эффективного дизайна!
Белое пространство создает гармонию и делает дизайн более эстетичным.
🔥31👍1
Анонс: айдентика для Wood Glow

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

Задача

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

Следите за нашими новостями и узнайте больше о том, как мы помогли Wood Glow раскрыть свой потенциал!
🔥21
📚 Введение в типографику: основные принципы

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

Основные принципы простыми словами:

1. Читаемость — шрифт должен быть легко читаемым.
2. Иерархия — заголовки крупнее, подзаголовки меньше, основной текст чёткий.
3. Выбор шрифтов — serif для печати, sans-serif для экранов.
4. Контраст и баланс — выделяйте важное, не перегружайте страницу.
5. Выравнивание — чаще всего используется левое.

Типографика важна для восприятия информации, эмоционального отклика и доверия. Понимание её основ помогает создавать структурированные и привлекательные тексты.

⚡️ Если хотите узнать больше — пишите в комментариях!
Please open Telegram to view this post
VIEW IN TELEGRAM
3🔥3🤔1
📚 Как сделать дизайн более доступным

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

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

Как правильно использовать контраст:

— Следуйте рекомендациям WCAG (Web Content Accessibility Guidelines). Для обычного текста рекомендуется контраст не менее 4.5:1, а для крупного текста — не менее 3:1.
— Используйте инструменты проверки контраста, такие как WebAIM Contrast Checker.
— Избегайте сочетаний, которые трудно различить при цветовой слепоте (например, красный и зелёный).
— Учитывайте не только цвет, но и яркость — иногда чёрный текст на белом фоне лучше, чем ярко-синий на жёлтом.

Правильный контраст делает ваш дизайн не только доступным, но и более профессиональным. Это простое, но мощное решение, которое улучшает опыт для всех пользователей.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥52👍1
⭐️ Влияние культуры на дизайн

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

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

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

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

Культура также влияет на восприятие пространства и отступов в дизайне. В культурах, где ценится личное пространство (например, в Японии или Германии), дизайны часто выглядят более «дышащими» — с большими отступами и свободными зонами. В культурах, где важна близость и плотность информации (например, в Юго-Восточной Азии), макеты могут быть более насыщенными и визуально активными.

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

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

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

Таким образом, культура — это не просто фон, на котором создаётся дизайн, а активный участник процесса. Учитывая её влияние, дизайнеры могут создавать продукты, которые не только функциональны, но и эмоционально близки к своей аудитории. Это особенно важно в условиях глобализации, когда продукты используются в разных странах и культурах.
Please open Telegram to view this post
VIEW IN TELEGRAM
4👍2🔥2❤‍🔥1
📚 Создание визуальной иерархии в дизайне

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

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

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

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

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

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

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

Создание визуальной иерархии — это не только про красоту, но и про функциональность.

Хорошо продуманная иерархия улучшает пользовательский опыт, повышает конверсию и делает дизайн более понятным и удобным для всех.
Please open Telegram to view this post
VIEW IN TELEGRAM
4🔥3👏1
⭐️ Как дизайн может рассказать историю бренда

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

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

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

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

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

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

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

⭐️ Таким образом, дизайн — это не просто оформление, а язык, на котором бренд рассказывает свою историю.

И чем яснее и искреннее эта история, тем сильнее связь с аудиторией.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥41
📚 Как дизайн может улучшить конверсию

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

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

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

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

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

⚡️ Создавайте дизайн, который ведёт пользователя к действию — и вы увидите рост эффективности своего сайта.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2🔥2