Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#подборки</a>

2 <ul><li>26 янв 2022</li>

3 <li>0</li>

4 </ul>Ностальгия по девяностым, виртуальная кондитерская и скроллинг-игры.

5 Иллюстрация: Polina Vari для Skillbox Media

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

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

8 Какие приёмы веб-дизайнеров стоит взять на заметку - читайте в нашей подборке.

9 Чтобы скроллить сайты с пользой для работы:

10 <ul><li>делайте скриншоты креативного дизайна и анимации для папки с референсами;</li>

11 <li>сохраняйте примеры сочетания шрифтов с общим стилем;</li>

12 <li>отмечайте любопытные идеи подачи информации с помощью визуала.</li>

13 </ul><a>Визитка</a>французского организатора мероприятия. С помощью интересной подачи и занимательной анимации авторы знакомят нас с историей, успешными проектами и услугами Goliath.

14 Студия:Ronin 161.

15 На что обратить внимание

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

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

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

19 Скриншот:<a>goliath-entertainment.com</a><a>Мини-презентация</a>приложения для организации совместной работы. Пользователь узнаёт о преимуществах его использования, кейсах сотрудничества и мотивации разработчиков.

20 На что обратить внимание

21 На использование 3D-элементов. При прокрутке сайта ненавязчиво, но забавно крутится объёмная голова собаки. По словам создателей приложения, "всё это от огромной любви к животным".

22 Скриншот:<a>squadeasy.com</a>На эффекты скроллинга и навигации. По мере знакомства с сайтом и приложением всплывают окошки с информацией в виде цветных "заплаток", бегущей строки и экрана смартфона. А спускаться вниз мотивирует милая табличка "Тебе сюда".

23 На контрастный стиль. Сайт гармонично сочетает в себе минимализм типографики с интересным гротеском Monument и кислотно-зелёное оформление.

24 <a>Сайт</a>издателя мобильных игр для привлечения разработчиков. Рассказывает о преимуществах, кейсах и гарантиях компании.

25 Студия: Бюро Горбунова.

26 На что обратить внимание

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

28 Скриншот:<a>say.games</a>На оригинальную и яркую анимацию. Игровые эффекты на фоне заголовков и превращающаяся то в ракету, то в кубик стрелка для прокрутки вниз. А в конце - отсылка к игре Portal.

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

30 <a>Сайт</a>фабрики шоколадных изделий. Знакомит нас с её натуральной продукцией, ингредиентами, видами шоколада.

31 На что обратить внимание

32 На реалистичные 3D-изображения. Вся страница сопровождается иллюстрациями с настоящими шоколадками. При скролле они ломаются на две части, чтобы показать содержимое. Все вкусы и добавки можно подробно изучить. Всё как в настоящем супермаркете - разве что не удастся попробовать.

33 Скриншот:<a>simplychocolate.dk</a>На лаконичный стиль. Дизайнеры выбрали минималистичность с яркими акцентами на шоколадных батончиках. Всё внимание приковано к продуктам и их описанию.

34 На оригинальную подачу информации. В разделе "О фабрике" цветовые акценты падают на фон, внимание фокусируется на светлом тексте, а внизу - чёрно-белые фото сотрудников с яркими батончиками в руках.

35 Чтобы отпраздновать 20-летие Xbox, Microsoft отправила поклонников в путешествие по истории компании. На <a>сайте</a>музея можно прогуляться и узнать о новых и старых играх и важных событиях в жизни Xbox.

36 На что обратить внимание

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

38 Скриншот:<a>museum.xbox.com</a>На крутой 3D-дизайн. На главной странице сайта - инсталляция с продуктами Xbox. Курсор позволяет рассмотреть их со всех сторон. При клике на любой из них пользователь оказывается в отделе виртуального музея об этом предмете.

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

40 <a>Попробуйте бесплатно 4 топовые профессии в дизайнеПройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>