Профессия Дизайнер
6.14K subscribers
4.24K photos
632 videos
1.36K links
Сайт: https://dsgners.ru
Реклама/связь: @design_manager_bot
Download Telegram
170 сайтов для вдохновения и поиска идей. Рефсклад, часть 3

Меня зовут Николай Синицын. Пара фактов обо мне — я дизайнер и создатель полезного помощника для дизайнеров под названием Домашка.
Какое-то время назад делился с вами подборкой из 50 сайтов.
С того времени база знаний несколько увеличилась и сегодня я решил поделиться с вами всеми сайтами, что там есть на данный момент.
За это время база разрослась до 170 сайтов (!). Каждый из них отобран вручную мной, чтобы в подборке были только самые кайфовые решения.

Ссылка на статью: https://dsgners.ru/ux/1429-170-saytov-dlya-vdohnoveniya-i-poiska-idey-refsklad-chast-3
👍2
"5 распространенных ошибок веб-дизайна и их решения! "

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

1. Избегайте перегружать сайт лишними деталями - ориентируйтесь на цель и функциональность.

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

3. Учитывайте сетки, направляющие и колонки для хорошего дизайна.

4. Создавайте визуальную иерархию - помогает пользователям ориентироваться.

5. Обратите внимание на доступность сайта для всех пользователей - это важно для успеха вашей компании.

Этот информация поможет дизайнерам избежать распространенных ошибок и создать более удобные и привлекательные веб-сайты.
👍1
Шрифт, гарнитура и начертание. Перестать путать или забить?

Гарнитура или семейство шрифтов (typeface)
(картинки 2-3)
Это набор шрифтов или начертаний с общим характером графического построения знаков и их элементов. У каждой гарнитуры есть собственное название.

Какие бывают гарнитуры
Есть несколько групп гарнитур в зависимости от стиля. Вот самые основные:
• антиквы или с засечками
• рубленые или без засечек
• акцидентные или декоративные
• рукописные или скрипт

Шрифт или начертание (font) (картинки 4-5)
Это набор строчных и прописных знаков, цифр, знаков препинания, специальных знаков и символов, объединенных общей стилистикой и композицией в целостную систему.

Какие бывают шрифты
У начертаний тоже есть классификация:
• по плотности — узкое, нормальное, широкое;
• по насыщенности — светлое, полужирное, жирное;
• по наклону — прямое, курсивное, наклонное.

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

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

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

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

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

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

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

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

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

Полный список тут.
🔥3👍1
Какие заказы фрилансерам лучше не брать

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

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

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

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

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

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

- Держитесь подальше от абстрактного ТЗ, в котором нет четкости и конкретики. Пока задача не будет расписана по пунктам, ответы на все вопросы получены, а непонятки согласованы, не беритесь за работу. Иначе можете услышать: «А это совсем не то, что я хотел».
👍4
Что такое дизайн-мышление и когда оно нужно?

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

Ссылка на статью: https://dsgners.ru/graphic-design/1465-chto-takoe-dizayn-myishlenie-i-kogda-ono-nujno
👍3
Цвет

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

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

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

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

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

Шкала
Цветовая шкала снижает когнитивную нагрузку. Сохранение оттенка, но изменение освещенности на разных уровнях помогает разделить элементы, не перегружая композицию.

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

Взаимодействие
Цвет взаимодействия должен быть четким в своем исполнении и последовательным в интерфейсе. Призывы к действию должны иметь достаточный контраст по отношению к фону и достаточный визуальный вес по отношению к другим компонентам, чтобы пользователь мог легко их идентифицировать.
👍1
​​Используете насыщенные цвета? Попробуйте смягчить ситуацию с помощью оттенков и теней (Tints и Shades)

Сильно насыщенные цвета (ярко-синий, красный, зеленый и т. д.) могут отлично смотреться на сайте, но при чрезмерном использовании будут утомлять глаза пользователя, особенно при больших объемах текста.

По возможности используйте их в умеренных количествах и старайтесь сочетать с приглушенными оттенками (tint или shade) насыщенного цвета, чтобы избежать усталости глаз.

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

#UI
👍1
Как не профукать жизнь, когда работаешь 5/2. Лайфхаки

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

Ссылка на статью: https://dsgners.ru/career/1566-kak-ne-profukat-jizn-kogda-rabotaesh-5-2-layfhaki
👍1🔥1
Как общаться с клиентом, если он перешел черту

Клиент всегда прав. А что, если не всегда? Иногда заказчик может перейти черту разумного, а вам нужно продолжать сотрудничество. Или не нужно. Поговорим о том, как общаться с клиентами в таких ситуациях.

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

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

3. Хамская манера выбивает из колеи и вызывает острое желание ответить тем же. Не нужно, не переходите на личности. Спокойно объясните, что не будете общаться в таком тоне, и предложите продолжить, когда клиент успокоится. И не берите близко к сердцу. Может, у человека просто выдался неудачный день.

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

5. Заказчик присылает всё новые и новые замечания, требует внести правки немедленно, в любое время дня и ночи. У вас же было оговорено бесплатное количество правок до начала работы, правда? Если нет, сообщите клиенту, что готовы сделать определенное количество итераций, а дальше любой каприз — за деньги. Вот увидите, количество замечаний быстро сократится.

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

Как природа вдохновляет художников?

Художники часто находят вдохновение в мире природы. Это означает, что они взаимодействуют с природой, используя несколько чувств (включая зрение, слух, осязание, обоняние и вкус) и создают произведения искусства, включающие в себя то, что они наблюдают. Эти произведения искусства могут быть выполнены в любой среде и могут быть абстрактными или реалистичными. Каждый художник воспринимает природу по-своему, и этот уникальный опыт отражается в его работах.
Изучите несколько произведений искусства, вдохновленных природой. Как вы думаете, как эти художники вдохновлялись природой? Как они использовали свое воображение? Как они использовали свои наблюдения?
👍4