Вдохновляющие ресурсы для веб-дизайнера
https://land-book.com/ — обширная подборка вдохновляющих лендингов, собранная вручную.

https://webflow.com/websites/popular — примеры сайтов, собранных без кода.

https://www.awwwards.com/ — лучшие из лучших в мире веб-дизайна.

https://www.webbyawards.com/ — более обширная версия Awwwards.

https://abduzeedo.com/ — вдохновение, основанное на самых свежих тенденциях в веб-дизайне и не только.

https://www.webdesign-inspiration.com/ — удобная система сортировки, которая дает возможность увидеть красивый веб-дизайн в выбранном стиле, цвете и так далее.

https://pttrns.com/ — дизайн мобильных приложений.

https://www.calltoidea.com/ — вдохновение постранично. Вдохновляющие ресурсы для каждого блока сайта, с которым может столкнуться веб-дизайнер.

https://bestwebsite.gallery/ — галерея лучших сайтов с удобными тегами для поиска.

https://www.templatemonster.com/website-templates.php — позволяет взглянуть на трендовые шаблоны.

https://www.siteinspire.com/ — система тегов, которая поможет подобрать ресурсы для вдохновения под каждую область веб-дизайна.

https://commercecream.com/ — подборка самых красивых интернет-магазинов.

https://uxfol.io/showcase — красивые кейсы, которые будут полезны не только веб-дизайнерам, но и тем, кто интересуется UI/UX.

https://www.uplabs.com/ — шаблоны, иконки и другие классные ресурсы. Имеется как бесплатный, так и платный контент.

https://brutalistwebsites.com/ — примеры смелых и неординарных дизайнов.****

https://muz.li/ — вдохновление прямо в вашем браузере.

https://tympanus.net/codrops/ — блог о веб-дизайне, в котором можно найти не только красивые подборки, но и интересные статьи с уроками.

https://www.behance.net/ — наше любимое творческое сообщество, в котором есть нереально огромное количество ресурсов для вдохновения.

https://dribbble.com/ — отличный ресурс для любого дизайнера.

https://www.pinterest.ru/ — удобный сайт для создания вдохновляющих подборок и возможностью сохранить все это к себе в профиль.

https://www.admiretheweb.com/ — сайт, наполненный огромным количеством интересных примеров веб-дизайна.

https://siiimple.com/ — источник вдохновения для любителей минималистичного веба.

http://www.designmadeingermany.de/sites-we-like/ — еще один ресурс с вдохновляющими примерами.

https://webdesignledger.com/web-design/portfolio-web-design/ — блог о веб-дизайне.

**https://mobbin.design/browse/ios/apps** — референсы по элементам интерфейса.

Студии, за которыми стоит следить:

https://www.bigdropinc.com/latest-work/

https://immersive-g.com/

https://www.agima.ru/

https://chulakov.ru/

https://redcollar.ru/

https://mstagency.ru/

https://atwinta.ru/

https://www.nimax.ru/

https://thefirstthelast.agency/

https://adoratorio.studio/

https://bonhommeparis.com/en/

https://studiorotate.com/

https://burocratik.com/

https://www.mono-grid.com/

https://locomotive.ca/en

https://www.aquest.it/

https://media.monks.com/

https://huncwot.com/en

https://dogstudio.co/

https://cpeople.ru/

https://www.possiblegroup.ru/

Instagram профили:

https://www.instagram.com/welovewebdesign/

https://www.instagram.com/dailywebdesign/

https://www.instagram.com/uidesignpatterns/

https://www.instagram.com/zerotoone.de/

https://www.instagram.com/fireart_studio/

https://www.instagram.com/ramotion/

https://www.instagram.com/gifux/

https://www.instagram.com/interfacely/?hl=ru

0. Скроллинг — как отдельный вид искусства.

И особая форма взаимодействия с аудиторией сайта. Уже сейчас у дизайнера есть безграничные возможности, чтобы сделать прокрутку уникальной в плане интерактивности с пользователем: от незначительных цветовых изменений до сложных анимированных переходов.https://dribbble.com/shots/6339620-Hello-World-Agency-Portfolio-Website

https://dribbble.com/shots/11613397-SuperSkills

https://dribbble.com/shots/15407382-Zubko-Studio-Website

1. Горизонтальная прокрутка.

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

https://dribbble.com/shots/8186753-Canals-003

https://dribbble.com/shots/6523468-Horizontal-Scroll-and-Scale-Effect

2. Параллакс-анимация.

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

https://dribbble.com/shots/5940227-Horizontal-Parallax

https://dribbble.com/shots/13994726-Dashboard

https://dribbble.com/shots/14412832-Landing-page-concept-with-zoom-in-transition

3. Мультимедийные возможности.

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

https://dribbble.com/shots/15950113-Stacker

https://dribbble.com/shots/6545282-Hover-to-Distort

https://dribbble.com/shots/14659079-Sideline-Studio-01-Video-Transitions

4. Сочетание несочетаемого.

Минимализм и максимализм на одном сайте — все это возможно, если не забывать о балансе и читабельности.

https://lh3.googleusercontent.com/bDefqoQFqgAdFKn8sw7Co_w0uiUyunSJw-6DUqNeY9XPqJqNGpTXKTZ92f-hpCNilpWgStI37_vGvNb-FwJpc1xpAcvWGJ5pUURpYaOAYuFXqXDNwcGtnqCrUFRi2eEG4USHH4_R=s0

https://lh4.googleusercontent.com/LZjSj7RCssfq-qyKar9T1RIdaeHaWUjyeng8XBcJi8cnzt9L-EbjZayMNLgHhgKNnr04xWmJc12SBuastYbQ-WVJNBcj1pWYjLa8zXG-3m96deUxTke6P4otGfvHwTrTuLnuYRrw=s0

5. Ассиметричный макет.

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

https://dribbble.com/shots/5380892-Promo-Website-for-a-New-Line-of-Snowboards

https://dribbble.com/shots/15254499-TravelPost-UI-Attractions

https://dribbble.com/shots/16452925--project-management-landing-page

https://dribbble.com/shots/16456258-Steve-Kranco-Portfolio-Website

6. Пользовательские курсоры.

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

https://dribbble.com/shots/5610853-Squilla-universe

https://www.thepentool.co/mobile-interface-kit

7. Абстракции.

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

https://dribbble.com/shots/14514746-landing-page-daily-ui

https://dribbble.com/shots/14802996-Typography-Patterns-Designer-Website

https://dribbble.com/shots/15765536-Together-HR-Agency

https://dribbble.com/shots/14392652-Overpass-Feature-s-page-Motion-Design-Saas-web-design

8. 3D-иллюстрации.

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

https://dribbble.com/shots/15602452-Design-explorations-with-3D-animals

https://dribbble.com/shots/15234271-Landing-page-for-Delivery-app

https://dribbble.com/shots/15248759-Teamer

https://dribbble.com/shots/14420651-Blurr-Series-NowPay

9. Комфортные цвета и доступность.

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

https://dribbble.com/shots/14525381-Organic-skincare-website-design-II

https://dribbble.com/shots/16447480-plant-based-app-landing-pagehttps://dribbble.com/shots/14561237-Product-slider

https://dribbble.com/shots/14635109-List-page

10. Темная тема оформления и бесцветный дизайн.

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

https://dribbble.com/shots/16432479-Masaaki-Hasegawa-Portfolio-Website

https://dribbble.com/shots/16451049-E-Scooter-Landing-Page

https://dribbble.com/shots/16437207-Yoko

https://dribbble.com/shots/14730824-Typography-Principles

https://dribbble.com/shots/16228762-Explore-Website-concept

11. Неоморфизм.

Использование теней и эффекта тиснения для усиления тактильных ощущений при взаимодействии с дизайном.

https://dribbble.com/shots/15225666-Shazam-Rebranding-Search-Animation

https://dribbble.com/shots/14044228-Vespa-Joy

https://dribbble.com/shots/10565080-Adidas-Neumorphism-Landing-Page

12. Опросы.

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

https://dribbble.com/shots/7365753-Fasting-Quiz

https://dribbble.com/shots/11533564-Empower-s-Financial-Quiz

https://dribbble.com/shots/4023920-Concept-questionnaire

13. Популярные шрифты.
Бесплатные аналоги: кириллица.

Lask, Cormorant Garamond, Wremena, Bluu Next Cyrillic, Inter, IBM Plex Sans, Playfair Display, Cormorant, Alegreya Sans, Source Serif Pro.


Где искать идеи дизайна
Перед тем как понять, как реагировать на критику, давайте разберем, какая критика бывает.

Конструктивная и неконструктивная критика

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

Во втором случае, вам просто говорят, что работа не очень. Но не объясняют, почему. Это бесполезная критика, и не стоит обращать на нее внимание.

Прошенная и непрошенная критика

Прошеная — когда советуетесь с друзьями, коллегами и экспертами. Непрошенная критика найдёт вас сама в самом неподходящем месте.

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

ВАЖНО! Работа дизайнера подразумевает, что так или иначе вы постоянно будете сталкиваться с разными видами критики. И это нормально! Это не повод опускать руки и думать, что дизайн не для вас.

Это значит, что самое время научится реагировать правильно.

1 правило. Эмоции - это нормально!

Мы часто видим, как дизайнерам говорят глушить свои эмоции на критику. Но вам говорят, что ваше творение плохое и в нем что-то не так. А вы вложили душу в этот проект. Если вы расстроились или разозлились – это нормально! Проживите свою эмоцию, не выплескивайте ее на критика. Поорите в подушку, если очень хочется. А потом сделайте глубокий вдох, выдох, успокойтесь, и постарайтесь выудить из этой критики что-то полезное.

2 правило. Критикуют не вас.

Критика всегда направлена на вашу работу, а не на вас. Тем не менее, мы часто совершаем этот перенос.

Простой пример

Что говорит критик:

  • Мне кажется, что эта работа недотягивает до хорошего уровня Что он имеет в виду:
  • Если немного скорректировать палитру и вот тут убрать торчащий уголок линии из-под фона, будет просто великолепно. Что слышим мы:
  • Я вообще не понимаю, как тебя занесло в дизайн, раз ты не можешь сделать такую элементарную работу. Ты плохой дизайнер, и вообще эта работа не для тебя! Уходи!
Нет, нет и нет!

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

  • Чего вам не хватает?
  • Что тут можно улучшить по-вашему?
  • Что именно не нравится? А почему?
Правило 3. Просите пояснить.

Это частично продолжение второго правила. Но мы разберем подробнее. Как мы уже выяснили, хорошая критика – это конструктивная критика. Клиент не всегда может точно сказать, что не так. Зато он может более подробно описать свои ощущения, ассоциации. А ваша задача как дизайнера уже выяснить, в чем проблема.

Потому что ВЫ, в отличие от большинства клиентов, можете "разобрать" свой дизайн и понять, где именно проблема.

Пример

Клиент: Сделайте логотип больше Дизайнер: Что именно вас смущает? Клиент: Нуууу... он какой-то незаметный, теряется среди остального

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

Правило 4. Не нужно сразу все переделывать или сжигать свою работу.

Если вы получили критику от заказчика, проанализируйте все сказанное. Сверьтесь с брифом и ТЗ. Когда вы понимаете, что уже обосновали свои решения, предприняли попытку защитить работу, что она соответствует ТЗ, а клиенту всё равно не нравится – он просит сделать что-то, что напрочь испортит вашу работу. Предложите дополнительный вариант.

Пример

  • Я понимаю, что вы хотите сделать жирафа ярче и предлагаете серо-буро-малиновый в крапинку. Единственное, мне кажется, что из-за чрезмерного обилия цвета клиенты будут воспринимать это как пятно, и там перестанет проглядываться жираф. Давайте я сделаю, как вы сказали, и предложу свой вариант, который будет ярче, но сохранит узнаваемость.
Если вы можете уверено и аргументировано сказать заказчику о том, что его решение будет плохим – это круто! Услышав, что задумка будет плохо выглядеть, заказчик скорее согласится с вашим вариантом. В конце концов, он пришел к вам (к специалисту) за решением своей задачи. Поэтому, услышав первое замечание, не стоит сразу бросаться все переделывать.

Правило 5. Всем не угодишь.

Сколько людей, столько и мнений. Если ваша работа понравилась всем вашим знакомым, заказчику, соседу, коллегам и нашелся Вася Пупкин, который говорит, что работа отстой – это не страшно. У Васи Пупкина могут быть совсем другие вкусовые предпочтения. Либо попросите объяснить, почему он так говорит, либо забейте. Главное, что ваша работа отвечает всем поставленным задачам и нравится тому, для кого вы ее делали.

Эти несколько простых правил позволят прокачать вашу дипломатичность. Вы станете специалистом, с которым "приятно работать". За работу с такими специалистами платят больше, их работы ценят больше, и развиваются они значительно быстрее!

This site was made on Tilda — a website builder that helps to create a website without any code
Create a website