Найдено 270 web designer

3D в веб-дизайне

Сегодня поговорим о внедрении 3D-визуализации в современные сайты. Разберём известные мне решения, в каких случаях они применяются, а также плюсы и минусы. Сразу скажу, что мы не будем затрагивать простые изображения (JPG и PNG) в виде отдельных 3D элементов, хотя в некоторых случаях они хорошо выполняют свою функцию. Эффекты с применением 3D технологий – это прежде всего про премиальность. Они часто используются для того, чтобы подчеркнуть отдельные функции и детали, а иногда привлечь внимание пользователя к важной информации на сайте и для показа работы конструкции. Во времена, когда многие сайты пестрят разнообразными дизайнерскими решениями, ресурсы с 3D эффектами сильно выделяются среди всех остальных. Здесь я пожалуй напишу про минусы, так как они тут есть! И связано это прежде всего со скоростью загрузки сайта. Если с десктопной версией всё более-менее понятно, то в мобильной могут возникнуть проблемы, ввиду низкой скорости мобильного интернета и более слабого железа. Если вы давно мечтаете об эффектном сайте, который затмит собой сайты конкурентов, то я могу предложить несколько решений. Покадровая (Lottie) анимация Представляет она собой множество последовательных кадров, переключающихся по мере скролла. Процесс создания следующий: Создается 3D моделька, настраивается ее анимация и поведение по трем осям. Далее происходит рендер в видео, и полученное видео разбивается на кадры. Данный эффект часто использует компания Apple в своих промосайтах. Three.js Анимация при помощи библиотеки three.js, а также отдельное редактирование с использованием стилей (CSS) и JavaScript. Коллекцию можно посмотреть на их сайте. Сервис Spline3D Данный ресурс является упрощенной версией таких редакторов как Blender, 3DsMax и Maya. Он адаптирует работу с 3D графикой под браузеры. Планируя разработку крутого сайта с применением технологий 3D необходимо учитывать бюджет на изготовление моделей, что существенно увеличит стоимость проекта. разработкасайтов #маркетинг #вебдизайн #3d

Город моей мечты - Стамбул

Я исполнила свое заветное желание и отправилась в незабываемую поездку в Стамбул. Это был мой первый опыт путешествия за границу, и он превзошел все мои самые смелые ожидания. Раньше я только мечтала и ничего не делала для её осуществления. Когда я точно решила, что я поеду и начала действовать, у меня все получилось. Стамбул очаровал меня с первого взгляда своей неповторимой красотой, ярким колоритом и изысканной кухней. Я влюбилась в этот город и его атмосферу. Во время своей поездки я посетила культовые места: • Красочный район Балат • Живую улицу Истикляль • Ослепительный фестиваль тюльпанов • Очаровательный паром по Босфору • Оживленный Кузгунджук • Историческую Айя-Софию • Импозантный дворец Топкапы • Места где снимали сериала и многие другие места 😍 Я обязательно вернусь в Стамбул, чтобы снова погрузиться в его неповторимую ауру. Если у вас есть вопросы или вы хотите узнать больше об этом восхитительном городе, не стесняйтесь писать мне. Я с удовольствием поделюсь впечатлениями.

Как взять первый заказ новичку?

Я новичок, как перебороть страх и взять первый заказ? Были ли у вас такие мысли, или может вы сейчас задаетесь таким вопросом? Это вполне нормально, так как вы только вливаетесь в эту сферу, с таким сталкивалась и я) Давайте обсудим, как начинающему дизайнеру найти первого клиента. 1️⃣ Перед самым началом работы спросите у опытного дизайнера, который уже имел дело с заказчиками, какие этапы в работе должны вообще быть, как построить структуру взаимодействия с клиентом. Это очень важный момент, который поможет вам избежать недопониманий с клиентом, остережет вас от обмана. 2️⃣ Отбрасываем все мысли по типу «У меня совсем мало опыта, я не могу брать клиентов. Я боюсь, что у меня что-то не получится» Важно сразу отсекать такие мысли, потому что это вообще не является проблемой. Просто можно найти заказ, который вам по душе и близок по вашим имеющимся навыкам. В процессе работы всегда можно посмотреть что то в интернете, попросить помощи у дизайнера, стаж которого больше, чем ваш — в этом нет ничего плохого, наоборот, это замечательно, что вы стремитесь познать новое, сделать работу лучше! Лично я, когда только начинала, задавала оооочень много вопросов другим дизайнерам, шерстила в интернете, просила указать на ошибки. 3️⃣ Забываем про «я начинающий дизайнер, поэтому не могу поставить хорошую цену. Я сделаю сайт со всеми адаптациями за 5 тысяч рублей» Это неправильно! Любая работа должна оплачиваться. Тем более, если вы в самом начале так занизите свой ценник, выполняя работу, которая по сути стоит дороже — выгорание вам обеспечено. 4️⃣ Никогда не говорите заказчику напрямую, что вы новичок. Позиционируете себя как дизайнер, который уже имеет какой-то опыт работы. Поверьте, так клиент не будет сомневаться в вас (в крайнем случае, не откажет), и работа будет проходить не так напряженно. 🔆 Ну и от себя еще скажу: лучший учитель - практика, только на практике вы будете вливаться в эту сферу полноценно, а также научитесь вести дела с клиентами. Поэтому, бояться не стоит, все с чего-то начинают!) дизайн

Совет №1. Неуместное использование обводки в кнопках

✨ Рубрика «Советы» Часто ли вы видите в работах (особенно новичков) цветные кнопки да еще и с обводкой? Я, к сожалению, очень часто. Не нужно к цветной кнопке делать еще и обводку, это старит дизайн, делает его нелепым. ➡️ Обводка применяется в том случае, если вы делаете прозрачную кнопку. Этот вариант выглядит минималистично, аккуратно, а главное, не делает дизайн «аляпистым». Возможно, есть такие случаи, когда обводка на цветной кнопке уместна, но это большая редкость. дизайн #вебдизайн

Создаю сайт-портфолио: как выбрать идеальный первый экран?

Привет! 👋 Сейчас я работаю над своим сайтом-портфолио, и, как и для каждого клиента, я создала несколько вариантов первого экрана, чтобы выбрать самый эффектный. Почему я так делаю? Потому что первый экран – это визитная карточка сайта, которая задает тон всему проекту. Я создала 5 вариантов, которые отражают один стиль, но выглядят по-разному. • Первый вариант: воздушный, минималистичный. • Второй вариант: больше меня, интересное расположение фотографий, добавила рукописный шрифт для акцента. • Третий вариант: задумана интересная анимация с текстом и с фотографией. • Четвертый вариант: выделила кнопку и разделила контент на две части. • Пятый вариант: тоже в минималистичном стиле, акцент на тексте. В каждом варианте я постаралась отразить свой характер, темперамент, чтобы сайт был личным, но в то же время профессиональным. Этот же подход я использую с клиентами: предлагаю несколько вариантов дизайна для ключевых элементов сайта, чтобы мы вместе могли выбрать самый подходящий. Так вы получаете больше свободы и уверенности в том, что дизайн отражает ваши ценности и идеи. Следите за обновлениями! Скоро я поделюсь результатом работы над своим сайтом. 😉 Какой вариант вам больше всего понравился? Хотите, чтобы я помогла вам создать сайт, который будет действительно работать? Свяжитесь со мной😉 сотрудничество работа нейросети дизайн вебдизайн сайтпортфолио сайтснуля сайтнатильде сайтнатаплинк сайтподзаказ фигма

Микровзаимодействия для улучшения UX. Взаимодействие с пользователем.

👉 Что такое микровзаимодействия с пользователем? Это маленькие детали в интерфейсе продукта, которые делают пользовательский опыт приятнее и понятнее. Рассмотрим примеры: 1. Загрузка / ожидание. Загрузка, а именно ее визуальное представление, делает ожидание пользователя более приятным. Согласитесь, что гораздо удобнее, когда вы видите, что что-то прогружается, сколько уже прогрузилось и тд. В противном случае, отсутствие индикатора загрузки вызывает недоумение или даже раздражение. 2. Фокус и наведение. Как пример - активные и неактивные кнопки. Важно внедрить в свой интерфейс "визуальный отклик", тем самым вы сделаете общую картину более живой. 3. Подтверждение действий и уведомления. Например, какое либо совершенное действие можно обозначить цветом (зеленый - "Ваша заявка принята", красный - "Пароль неверный" и т.д.) 💫 Казалось бы, такие мелочи, но они не дают нашему интерфейсу выглядеть "деревянно" и "топорно". вебдизайн #дизайн #uxui

История создания самого эмоционального постера

Я участвовала в челлендже дизайнеров, где надо было каждый день создавать какие-то постеры. Мне очень понравился этот процесс: медитативно, отвлекающе, можно попробовать что-то новое и даже нелепое. Но вот в одном задании тема была более сложная - типографика Я вспомнила, что в 12 лет написала текст, который шокирует меня до сих пор, но при этом очень нравится. Хотелось показать его всему миру, а тут и случай подходящий Процесс создания постера был еще и терапевтичным: много эмоций, впечатлений и осознаний. Я нарисовала на бумаге ручкой ту картинку, которую представляла, пока писала этот текст 9 лет назад, перевела рисунок в вектор в графическом редакторе, подобрала цвета. А дальше долгая и трудоемкая работа с текстом Я постаралась передать мои эмоции и визуально, и через текст, и мне кажется, это получилось А как вам работа? ——— А там тихо. Мирно плещется темное море о скалы. На обрыве сидит маленький человек и думает об огромном мире. Вдруг подул ветер, море заволновалось, на обрыве заколыхалась трава. Человек задумался о своей жизни. Он встал. Ветер усиливался все больше и больше. Началась буря. Внезапный порыв ветра сталкивает человека с обрыва в волнующую пустоту. Море успокаивается. Наступает тишина. Вечная тишина. сотрудничество #творчество #дизайн #созданиесайтов #webdesign #landingpage #постер #дизайнерсайтов

Концепт сервиса по подбору психологов

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

Что делать, если клиент не знает, что он хочет?

Как часто вы встречали клиентов, которые не могли толком заполнить бриф или дать ясное ТЗ, просто потому что не знали, чего хотят? У меня были такие клиенты, поэтому могу сказать, что в этом нет ничего страшного) 1️⃣ В самом начале работы, даже если клиент не знает, какой дизайн ему нужен, все равно дайте ему бриф на заполнение. Даже если он заполнит только пункт с цветовой гаммой и оставит ссылки на конкурентов - уже будет попроще. 2️⃣ Далее можно провести созвон, чтобы услышать какие-то мысли заказчика. Это важно, потому что часто бывает такое, что клиент не «не знает», чего он хочет, а просто не может объяснить. Разговор - лучший способ понять клиента. 3️⃣ Предложите ему референсы, которые смогли найти, исходя из тематики нужного сайта и каких-то положений из брифа. Это внесет некую ясность в понимание клиента, даст ему тему для размышлений, но уже с бОльшей конкретикой. 4️⃣ Предлагайте какие-то свои идеи, как вы видите этот проект, и объясняйте, почему так было бы сделать лучше/красивее/понятнее для пользователя и т.д. ✨ В этом нет ничего страшного, если у заказчика нет каких-то определенных мыслей. Это то же самое, если вы решите купить, к примеру, стекло, и у вас начнут спрашивать «А какое вам нужно? Триплекс? Закаленное? С хим закалкой?» - незнающий человек тоже запутается. Очень важно обсуждать проект и помогать своему клиенту, ведь специалист тут ВЫ) вебдизайн #дизайн

Правки. Как минимизировать их количество?

Создание сайта - это длительный и трудоемкий процесс, который может включать в себя множество изменений и корректировок. Но что делать, если при проектировании возникают непредвиденные трудности и правки? Как минимизировать их количество? 1. Провести качественный брифинг. Определить цели и задачи. Перед тем, как приступать к разработке, необходимо провести качественный брифинг, четко определить цели и задачи сайта. Важно понять, какие функции он должен выполнять? Какие результаты нужно получить? Какой стиль хочет заказчик? Можно показать на примере готовых сайтов все детали, чтобы заказчик наглядно смог описать что ему нравиться, а что нет и почему. 2. Составление детального ТЗ В ТЗ необходимо указать все требования и пожелания заказчика, а также технические характеристики, которым должен соответствовать сайт. Чем детальнее будет составлено ТЗ, тем меньше вероятность допустить ошибки в процессе разработки. 3. Обговаривайте количество правок. Важно заранее объяснить заказчику детали работы, в том числе количество правок, которые можно внести на каждом этапе. Это позволит заказчику более точно понимать принципы работы. 4. Обосновывайте свои решения. Обосновывайте заказчику принятые решения. Например, почему сделали данную структуру и от чего отталкивались? Почему здесь размещена кнопка, каково ее предназначение и где она перенаправляет пользователей? Я предпочитаю делать обоснование в виде видео презентации. Как правило, клиенту становиться более понятно понимание логики, структуры и дизайна сайта. Что в свою очередь минимизирует количество правок. разработкасайтов #сайтподключ #вебдизайн #вебдизайнер #правки #корпоративныйсайт #лендинг