30 веб дизайнов, тему для которых задала матушка природа


Содержание

65 Трендов Веб-дизайна в 2020 году. Топовые советы от профи

Привет. На связи Чигарев Илья. Данная подборка трендов веб-дизайна 2020 собрана из 4-х материалов с сайта Behance. Это посты, которые набирают наибольшую популярность и положительные отзывы среди комьюнити дизайнеров. Итак, давайте посмотрим какие тренды выделяют топовые дизайнеры со всего мира.

Безлимитная графика для ваших проектов

Для создания крутого дизайна для сайта, полиграфии, фотографии и прочего, как не крути, вам нужны будут качественные материалы. Это и фотографии, шаблоны, мокапы, иконки, пресеты, кисти и т.д. Все это есть в одном месте и качать можно неограниченно. Сервис ENVATO ELEMENTS с тонной материалов, готовых к скачиванию. Цена подписки от 16,50 $/мес. Переходите по ссылке и посмотрите что вы можете использовать для своего бизнеса и проектов. Подробности вы можете узнать в статье-обзоре.

Главные тренды веб-дизайна в 2020 году

1. Смелые, яркие цвета

В 2020 мы наблюдали восхождение смелых и ярких цветов, и они не собираются сдавать свои позиции, превращаясь в один из самых значимых трендов 2020.

Проект: Show Go Poster Collection 2020 / Автор: ∆ Studio—JQ ∆

Проект: Daily Posters / Автор: Magdiel Lopez

2. Яркие и насыщенные градиенты

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

Проект: Magic.co / Автор: Ludmila Schevenko

Проект: Electric Objects / Автор: Rose Pilkington

Проект: Gradient Studies / Автор: Evgeniya Righini-Brand

3. Цвет года (Пантон)

PANTONE® 16-1546 Живой коралл (Living Coral)

Проект: Pantone Color of the Year 2020 | Living Coral / Автор: ∆ Studio—JQ ∆

4. Простота и удобство

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

Проект: Creative case / Автор: Nikita Mahaev

Проект: A propos du cancer / Автор: Extra

5. Больше дизайна с дополненной реальностью

Быстрый рост популярности дополненной реальности, или AR, будет заметен не только в индустрии игр, видео и приложений. У AR хорошие шансы охватить область дизайна, особенно за счет популярности мобильных устройств. Вероятным идейным вдохновителем могут стать DIA Studio, применяющие 3D типографику к повседневным объектам.

Проект: DIA / Автор: DIA

6. Экстра глубина (и полуплоский дизайн)

В 2020 году имеет смысл немного оживить традиционный плоский дизайн: добавление теней поможет сделать элементы более объемными, сохранив основные концепции минимализма, которые сделали плоский дизайн популярным. Пространство и объем — элементы новой концепции глубины.

Проект: Nike Promotion Ads — Parallax Effect / Автор: Jardson Almeida

Проект: Flyknit Lunar 3 / Автор: Callum Notman

Проект: Made You Look�� 255 | Live a little more / Автор: STUDIOJQ

7. Геометрические элементы

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

Проект: Nike Le Quartier / Автор: Atelier Irradié

Проект: France Colombia cultural season Brand design / Автор: Graphéine

8. Больше творческой фотографии

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

Проект: Aizone / Автор: Sagmeister&Walsh

Проект: Monkifesto / Автор: Snask

Проект: Nike AMD Revolution / Автор: Happy Finish

9. Дуплекс

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

Проект: Stranger Things Concept UI UX Design Web / Автор: Manuel Rovira

10. Брутализм

Брутализм — грубая концепция, рассчитанная на захват внимания. Брутализм применяется в дизайне с 50-х годов прошлого века, в основном для оформления плакатов и афиш (направление возникло в архитектуре 40-х и стало трендом). Концепция снова востребована, ее можно встретить во всех сферах дизайна. Направление призвано шокировать аудиторию прямолинейным подходом, громоздкой типографикой и неизящными дизайнерскими техниками.

Проект: DoD Cyber Guide / Автор: Marçal Prats

Проект: Power A political party / Автор: Bruce Vansteenwinkel

11. Анимация, Gift-картинки и синемаграфика

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

В 2020 очень вероятно возвращение в тренды синемаграфики (это статичные картинки с единичными движущимися элементами, например, изображение чашки, из которой с анимацией поднимается пар). Значимые элементы не должны быть неподвижными!

Проект: RED / Автор: Kevin Hou

Проект: cinemagraphs.com / Автор: Kevin Burg, Jamie Beck

Проект: Strong Women / Автор: Andreea Robescu

12. Генеративный дизайн

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

Проект: Debrecen 2023 European Capital of Culture / Автор: Classmate Studio

Проект: Sydney School of Entrepreneurship / Автор: For The People

Проект: Archdiploma Dynamic Identity / Автор: Process

13. Набор цветов и узоров из 80-90-х

Где мы это видели? Ну конечно же: это возвращение популярных в 80-90-е цветов с их кислотным розовым и дерзкой контрастностью. Можно ли назвать эти ностальгические настроения вернувшимся трендом? Или все объясняется тем, что молодые дизайнеры — это люди, чье детство прошло в окружении сумасшедших цветов тех лет?

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

Проект: Yes To All / Автор: Nick Liefhebber

Проект: LOGOFOLIO 2020 / Автор: 268 Estúdio Design

Проект: 80’s inspired Pattern / Автор: Rahul Das

14. Кастомные иллюстрации

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

Проект: Bitcoin Illustrations Freebies / Автор: Milo Themes

Проект: Illustrations for Koypo Industries / Автор: Milo Themes

Проект: Lifecycle / Автор: Paperpillar Studio

15. Иллюстрации в миксе с фотографией

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

Проект: Magazine covers / Автор: Andreea Robescu

Проект: Insects Love / Автор: Andreea Robescu

16. Реальные фото

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

17. Изометрический дизайн и фотография

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

Проект: Ultraviolet Break of Day / Автор: Field.io

Проект: Abstractions Vol.1 / Автор: Mohamed Samir

Проект: Isometric House / Автор: Angela Chan

18. Сочетание 2D и 3D

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

Проект: Daily Posters / Автор: Baugasm

19. Монохром

За последние несколько месяцев появилось множество композиций в одной цветовой гамме, на которых фон и объект на переднем плане или шрифт и тени/3D эффекты одинакового цвета.

Что произойдет, если 3D пойдет дальше в создании объема для объектов одного оттенка? Использование одноцветного 3D позволяет дизайнерам добиться иллюзии объема с помощью глубины цвета и теней.

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

Проект: Magrela Popcorn / Автор: Hugo Aranha

Проект: Amazonia Beverages / Автор: Hugo Aranha

Проект: Nespresso Expertise / Автор: JVG ™

20. Дудлы (иллюстрации, нарисованные вручную)

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

Проект: Toasted Pets! / Автор: Brosmind ®

Проект: Awake Festival Proposal / Автор: Milo Themes

Проект: Art Hub Bahrain | Packaging / Автор: Elias Madan

21. Смешение и пересечение стилей

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

Проект: Styled Social Media kit / Автор: Maksat Amirzhanuly

Дизайн логотипа

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

Адаптация логотипа стала топовой задачей для дизайнеров: бренд должен быть эффектно представлен вне зависимости от пространства и измерений. Бросая вызов дизайнерам, адаптивные логотипы становятся маст-хевом в 2020 году.

Проект: Responsive Logos / Автор: Joe Harrison

Автор: Design Studio

23. Логотипы с анимацией

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

Проект: Type With Pride Gilbert font / Автор: Fontself Team

Проект: Logo Visual identity / Автор: Mariusz Mitkow

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

Проекты: Axel Flores , Vladimir Lifanov , Silvestri Thierry , Vadim Carazan , Onrepeat Studio , Serafim Mendes

25. Негативное пространство

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

Проекты: SeisTrece Studio , Vadim Carazan , Quim Marin , Bureau Rabensteiner , Andrei Traista

26. Геометрические фигуры и узоры

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

Проекты: islam biko , Quim Marin , Silvestri Thierry , Vadim Carazan

27. Монограммы

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

Проекты: Milo Themes , Romain Billaud

28. Градиенты

Градиенты — один из главных трендов, унаследованных от 2020-2020 годов, и конечно же, он коснется дизайна логотипов. Легкий градиент или смелые переходы, что выберете вы?

Проекты: MICHAEL SPITZ , Nicholas Slater , Jeroen van Eerden , Vadim Carazan

29. Наложения

В связи с восхождением тренда дуплекс эффект наложения элементов друг на друга невероятно популярен в дизайне логотипов. Взгляните на нашу подборку.

Проекты: CaveLantern , Fontself Team , Rosie Manning

Веб-дизайн (Ui/Ux)

30. Концепция Mobile First

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

Проект: Food Drinks app Interaction Collection / Автор: Johny vino™ .

31. Микровзаимодействия

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

Элементы становятся текучими: кнопки могут менять форму, и все поверхности скрывают анимированные сценарии, ожидающие прикосновения и активации. Готовы спорить, что они не покинут пьедестал и в 2020 году.

Проект: Brewskies v2 / Автор: Kevin Yang

Проект: Gesichtspunkt / Автор: Alim Maasoglu

32. Встроенная анимация

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

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

Проект: inturn website / Автор: INTURN

33. Креативные экраны загрузки

Сайты, использующих скучные экраны загрузки, устарели. Почему бы не компенсировать пользователю время вынужденного ожидания креативным подходом? Ниже приведены 2 выдающихся примера применения креативных вариантов загрузки сайтами Contemple и Awwwards.

Проект: Awwwards Conference / Автор: Adoratorio

34. Раскладка с ломаной «сеткой»

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

Проект: The Refugee Nation Web Design Branding / Автор: Justin Au

Проект: Ueno Concepts / Автор: Ben Mingo

35. Разбивка страницы

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

Проект: Product Landing Page UI / Автор: Dinesh Shrestha

Проект: Design Thinking / Автор: Radowan Nakif Rehan

36. Больше (интерактивного) 3D в оформлении

Главный тренд, который признает современный веб дизайн 2020 — восхождение (интерактивных) 3D элементов, экспериментирующих с глубиной, движением, текстурой и перспективой. Использование 3D элементов и 3D среды делает каждый веб-сайт выcокоуникальным, улучшая его внешний вид и/или пользовательский опыт. В качестве примера можно привести Atacac, который создал интерактивный футуристичный шоу-рум виртуальной реальности, позволяющий посетителям сайта рассмотреть каждый предмет одежды со всех сторон. Другой яркий пример — вращающаяся 3D скульптура сайта The Artery.

Проект: Atacac 2020 Yearbook

Проект: The Artery

37. Закругленные углы и плавные формы

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

Цукерберг рекомендует:  C++ - среда программирования на C++

Проект: LuxuryClean UIUX iOS App / Автор: Mariusz Mitkow

Проект: Landing page project design / Автор: Mariusz Mitkow

38. Фоны с движущимися элементами

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

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

Проект: Wibicom / Автор: Wibicom Agency

39. Футуристические узоры

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

Сценарий утратил свою привлекательность, когда стало понятно, насколько далеко фильм отошел от реальности, которая оказалась намного менее футуристичной. Однако благодаря Глубокому Анализу и Big Data мы наблюдаем возвращение робототехнических трендов: футуристические орнаменты найдут применение и в 2020.

Проект: Crown Tech / Автор: Jan Wolinger

Проект: SpaceShip / Автор: Arif Rachman Hakim

Проект: Data Visualization Concept / Автор: Mario Šimić

40. Монохромные иконки

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

Проект: Icon Design / Автор: Eaton

41. Иконки, частично заполненные цветом

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

Проект: Alfred icons / Автор: Andrea O

Проект: Icons / Автор: Alisa_

42. Скроллинг с Parallax

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

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

Проект: Dex Multi-Layer Parallax / Автор: Milo Themes

43. Мондрианизм

Желание свободы и эквилибриума (гармонии) — врожденное стремление человека (по причине присутствия в нем вселенной)», сказал Пит Мондриан. Мондрианизм станет трендом 2020 года: стиль, в котором соединяются базовые цвета — красный, желтый и синий, создавая впечатление чистоты, гармонии и уравновешенности.

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

Проект: Mondrian / Автор: Stugbear

Проект: Guernica / Автор: Shota

Типографика

44. 3D — моделирование

3D — многообещающий тренд, охвативший все сферы дизайна. Объемный текст добавляет реалистичности общей композиции.

Проект: Atypical / Автор: Pawel Nolbert

Проект: Alphabet Project / Автор: Serafim Mendes

Проект: RE NEON vI / Автор: Omar. Aqil

45. Жирная типографика

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

Проект: Club AVi’s XII-year Anniversary Posters Series / Автор: Milo Themes

Проект: TEDxGroningen / Автор: Rudmer van Hulzen

46. Serif шрифты

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

Проект: Custom Type Design / Автор: Moshik Nadav Typography

Проект: Lux Naturalis Gala Invitation

47. Геометрический шрифт

Геометрические шрифты были востребованы последние несколько лет и остаются важным трендом и в 2020 году.

Проект: VitrineMedia / Автор: Graphéine

Проект: Sydney School of Entrepreneurship / Автор: For The People

48. Кастомные шрифты

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

Проект: Lingerie XO The Sexiest Most Powerful Typeface Yet / Автор: Moshik Nadav Typography

Автор: Jeanne Bataille

49. Эксперименты с выравниванием и кернинг

Хаотичность в типографике была одним из главных трендов 2020 и остается на вершине в 2020 году. Забудьте о правилах и дайте простор фантазии!

Проект: Studio Studio / Автор: Rudmer van Hulzen

Проект: nyMusikk annual report 2020 / Автор: Non-Format

50. Экспериментальная типографика

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

Проект: Experimental Chinese Typography / Автор: Letitia Lin

51. Типографика в миксе реальными фото

Эклектичные тренды всегда эффектны, и этот не исключение. Добавляйте типографику в фотоснимки или 3D отрисовки и получайте авангардный дизайн.

52. Креативная типографика

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

Проект: ILOVEDUST — 3D TYPE COLLECTION 1 / Автор: ILOVEDUST

Проект: Typography 3D — 9 / Автор: Alexis Persani

Дизайн упаковки

53. Плоский дизайн

Плоский дизайн до сих пор остается востребован в оформлении лейблов и упаковок. Плоские фигуры, узоры и кастомные иллюстрации — верный выбор в 2020 году.

Проект: Cheddar-Cheese-Melt-Mcdonalds-Packaging / Автор: Mostafa Abdelmawla

Проект: The-Gang / Автор: MARKA NETWORK

Проект: Melio / Автор: Rachael Batley

54. Минималистский дизайн

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

Проект: Sarta-Milano / Автор: MARKA NETWORK

Проект: Gyalmo / Автор: Łobzowska Studio

55. Узоры и фигуры

Геометрические

Геометрические формы будут присутствовать во всех сферах дизайна. Выбирайте орнаменты, которые отражают суть продукта.

Проект: NICHE-Tea / Автор: IWANT design

Кастомные фигуры и элементы

Персонализированный дизайн — обязательная составляющая в построении идентичности бренда.

Проект: aleFanty / Автор: less

Проект: Nature Organic Chocolates / Автор: Mike Karolos

Дудлы

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

Проект: Zoe-Juices / Автор: Beetroot Design

Винтаж

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

Проект: Mutti Special Edition for FICO Eataly World / Автор: Auge Design

56. Смелая типографика

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

Проект: Amilk & Adidas / Автор: Duy Dao

57. Цвета

Дерзкие цвета

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

Проект: Deker-rebranding / Автор: less

Проект: Mochila / Автор: Sweety & Co.

Пастельные цвета

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

Проект: Freshly Baked / Автор: Design Happy

Проект: Ela cosmetics / Автор: ChocoToy cute

58. Необычные текстуры и формы

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

Проект: Sprout Green Paulownia Wooden Box / Автор: Yinjue

Проект: Eco bamboo tooth brush / Автор: Margas Family

59. Голографический эффект

Голографический эффект — вернувшийся тренд. Металлические текстуры позволяют достичь футуристического эффекта и создать магически притягательный дизайн.

Проект: EAT ME / Автор: PACKVISION AGENCY

Проект: Sphynx / Автор: Anagrama Studio

60. Градиенты на упаковке

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

Проект: YOU & OIL natural cosmetics / Автор: Irmantas Savulionis

61. 3D натюрморты

Последние годы был заметен рост числа проектов с 3D дизайном. Наблюдая работы некоторых 3D художников из топа, например MVSM или Питера Тарка, можно предсказать, что в 2020 году популярность 3D натюмортов возрастет. Для корпоративных коллабораций тренд окажется на одном уровне важности с разработкой лого и размещением продукции.

Проект: Squarespace stillife / Автор: MVSM

Проект: Adobe Government / Автор: Peter Tarka

Проект: Audi Q-Riosity / Автор: Peter Tarka

62. Абстрактные фигуры

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

Проект: Logitech CRAFT / Автор: Pawel Nolbert

Проект: SWEET SPIRALS / Автор: Kirill Maksimchuk

63. 3D отрисовка в стиле металлик

3D отрисовка в стиле металлик смотрится эффектно и несомненно относится к трендам, которые интересно отслеживать в 2020.

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

Проект: Grand Spectacular 2020 / Автор: Mustaali Raj

Проект: Various Concepts / Автор: Oleg Morozov

Проект: NIKE FC 3D Golden balls in the real world / Автор: T A V O .

64. 3D графика с анимацией

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

Проект: NIKOPICTO SHOWREEL 2020 / Автор: Nikopicto

65. Очень реалистичное 3D

3D всегда вызывает восторг и будет возглавлять современные тенденции веб дизайна 2020. Этот эффект способен обыграть реальность и вымысел так тонко, что их практически невозможно отличить. Картинка это или отрисовка? Грани продолжают стираться…

Проект: YOOX: Make a Wish / Автор: JVG ™

Проект: Air Max ’17 / Автор: Berd .

Статья собрана из источников:

Спасибо, дорогой друг, что дочитал данный лонгрид с трендами веб дизайна 2020 до конца. На его сбор, перевод и публикацию ушло 8 дней и если вам не сложно уделите 30 секунд, чтобы поделиться им в соц.сетях или на своем ресурсе, тем самым вы очень поможете распространить данный материал. Спасибо большое =)

Очаровательный дизайн веб-сайтов с минимальным набором цветов: лучшие решения

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

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

Минимальное использование цветов веб-дизайне

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

Красивые примеры дизайна с минимальным использованием цветов

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

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

Онлайн портфолио Дерека Боатенга (Derek Boateng) главным образом базируется на сером цвете, монотонность которого время от времени нарушается зеленым и красным цветами, использующимися для выделения важных элементов.

Lukas ‘NK’ Nikitczuk

Дизайнер использует синий и светлый оттенок цвета мокко как основные в цветовой схеме, чтобы придать сайту Lukas ‘NK’ Nikitczuk нежный и изысканный вид. Абстрактный фон с трехмерными струями жидкости в сочетании с множеством круглых элементов умело создает атмосферу элегантности.

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

Panna’s en Akka’s

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

Последний задействован в создании определенной траектории взгляда от начала до конца сайта.

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

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

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

The Pete Design

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

PITCH Festival Amsterdam

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

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

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

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

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

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

Biere du Sorcier

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

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

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

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

Смит (Smith) использует классическую черно-белую гамму с целью поддержания наглядности контента, подчеркнув его естественным образом. Привычное, проверенное временем цветовое сочетание делает веб-сайт строгим и удобным для чтения.

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

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

Сайт Font You выглядит ярким и привлекает внимание. Гармоничный и действительно исключительный выбор цвета – вот что придает сайту неповторимый облик. Хотя дизайнер и использует всего два цвета, сайт получился ярким и визуально привлекательным.

Заключение

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

Данная публикация представляет собой перевод статьи « Charming Website Designs with Minimal Coloring: Best Practice » , подготовленной дружной командой проекта Интернет-технологии.ру

Дети, которых матушка-природа наградила уникальными волосами

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

Шила Калверт-Йин

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


Из-за этого Шила похожа на девочку, которая никогда не причёсывается. Впрочем, малышке так даже нравится: а что, удобно! Не нужно мучиться с причёсками или с заколками. Более того, заколки даже причиняют ей боль.

Фиби Брасуелл

У Фиби из Соединённых Штатов Америки примерно та же ситуация, что и у её австралийской «коллеги» Шилы. Она носительница редкого генетического синдрома, из-за чего её волосы выглядят крайне альтернативно. К слову, то же самое было и у выдающегося учёного Альберта Эйнштейна!

Мия Афлафо

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

Цукерберг рекомендует:  Их знать, у них учиться

Где брать элементы дизайна для веб?

Заказываю у дизайнера.

Если не хотите платить, то попробуйте договориться с дизайнером о бартере (услуги, разработка, секс и т.д.)

Держу такой список, не помню точно за что отвечает каждый сайт, надеюсь, пригодится Вам

вероятно вы плохо искали

creativemarket.com шаблоны, иконки и т.д.
unsplash.com фото
themeforest.com по одной бесплатной теме, скрипту, картинке и пр. каждый месяц
smashingmagazine.com
bypeople.com
и т.д.

Бесплатный фотосток: pixabay.com Единственный более мене адекватный из бесплатных. В отличии от остальных на нём действительно находил неплохие изображения в поиске. На других сайтах поиск не давал результатов.

Иконки: www.flaticon.com iconmonstr.com/popular www.endlessicons.com Это глифы, то есть, иконки без стилизации (силуэты или контуры), они и используются на большинстве сайтов. можно качать сразу в векторе, можно в PNG.

на CreativeMarket каждую неделю дают скачивать шесть позиций бесплатно из своего магазина.

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

через неделю — новые

Я не соглашусь с вами. У меня три знакомых дизайнера, с которыми я работаю. Каждый из них всегда всё сам рисует.

Возможно дело в том, что мы пока ещё не работали над действительно (!) большими проектами. Однако, я думаю это основопологающий принцип для любого дизайнера. Объясню мысль — я например, сам рисую некоторые штуки не от того что мне денег жалко, а потому что я уверен что должен привнести в этот мир что-то новое. Примерно аналогичными принципами руководствуются мои знакомые — все шли учиться этому чтобы создавать.

Однако, мне приходилось, конечно, пользоваться готовыми решениями. Я пользовался несколькими местами:

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

https://unsplash.com/ — свободный сервис с огромным количеством фоток, я оттуда текстуры в основном таскаю.

www.gratisography.com — примерно аналогичный двум предыдущим сервис и ещё splitshire.com есть аналогичный.

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

Если нужны какие-то элементы дизайна (стикеры, ленты, etc.), а рисовать самому лень, либо не получается изобразить то, что хочу увидеть, чаще всего просто ищу через поисковик, запросами типа «free psd buttons pack» или в этом духе.

15 бюджетных хитростей в дизайне интерьера, которые подчеркнут ваш вкус

Ребята, мы вкладываем душу в AdMe.ru. Cпасибо за то,
что открываете эту красоту. Спасибо за вдохновение и мурашки.
Присоединяйтесь к нам в Facebook и ВКонтакте

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

Мы в AdMe.ru собрали несколько полезных советов от профессиональных дизайнеров, которые смогут применить и владельцы уже обустроенных квартир, и те, кто только приступает к ремонту.

1. Мыслите в целом, а не в частности

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

2. Добавьте шика

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

3. Подбирайте эффектную текстуру

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

Еще один отличный текстурный акцент — ковер. Он должен быть большим, но при этом не скрывать весь пол в комнате. Рисунок ковра должен быть достаточно «дизайнерским», чтобы привлекать внимание, но при этом не конфликтовать с общим стилем комнаты.

4. Помните, новый интерьер — это хорошо забытый старый

Обновлять интерьер при помощи старых вещей — парадоксально, но вместе с тем выигрышно. Многие винтажные вещи можно не только приобрести за бесценок, но и отыскать в своем собственном гараже или у старших родственников. Самое главное — суметь отличить винтаж от обычного хлама и не переборщить с подобной любовью к истории: для «романтизации» средней по размеру комнаты достаточно будет парочки антикварных предметов. В противном случае вы рискуете не обновить обстановку, а превратить помещение в подобие музея.

Еще более бюджетный вариант — «состарить» вещи самостоятельно: придать нужный оттенок мебели и фурнитуре с помощью патины или же вооружиться парочкой бытовых средств и создать свой собственный антиквариат.

5. Не пренебрегайте цветом двери

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

6. Оживляйте интерьер

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

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

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

7. Будьте внимательны к функциональным мелочам

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

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

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

8. Добавьте немного искусства

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

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

Лучше одной большой картины может быть только три: крупный триптих (который также можно распечатать в ближайшем салоне) гарантированно произведет впечатление на гостей.

9. Соблюдайте единообразие в деталях

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

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

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

7 тем для блога, которые зацепят любого

Время чтения: 7 минут Нет времени читать? Нет времени?

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

Что заинтересует хардкорного бородача и лакшери-даму с прической за 500 баксов? О чем будет одинаково интересно читать директору Вите, сварщику Артему и медсестре Татьяне?

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

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

Любовь, отношения, дружба, уважение

Романтика, дружба и отношения не интересны, пожалуй, только трухлявому пню. «Стоп, стоп, стоп! Что за лажа? У меня бизнес-блог!» – скажешь ты. Окей. А если такие темы:

  • «Как мы с другом открыли шиномонтаж и что из этого получилось»,
  • «5 причин не открывать бизнес с друзьями»,
  • «Мой опыт бизнеса с родственником: все за и против»,
  • «Потерял жену и нашел свое дело».

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

Деньги, яхты, тачки, хаты

Наверняка ты знаешь про попсовые темы в стиле: «Заработаю 10 лямов за год или съем свою хурму». Не советую им подражать, но.

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

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

Вот еще примеры заголовков для «денежной» темы:

  • «Как я разорился на биткоинах / вложениях в недострой»,
  • «Быстрая еда – быстрые деньги: реальный заработок на фаст-фуде для простого смертного»,
  • «Тепличный бизнес: новый дом за 1,5 года».

А вот этот заголовок только что выскочил на YouTube и порадовал: «Что я заработал за 13 лет сварщиком».

Весьма популярен такой жанр, как история успеха – рассказы в стиле «как я до такого докатился за столько-то времени». Правда ведь интересно узнать, как герой так лихо поднялся, либо упал и поднялся. Такой материал хорошо заходит в формате интервью.

Карьера, развитие, самопознание, суперсила

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

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

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

Разве ты не хочешь стать профи в своем деле? Завалить парочку драконов и показать местным «Капитанам Америка», что Америка давно открыта. Причем открыта именно тобой. Нужно, чтобы человек ответил: «Ну, конечно, хочу! Ясен хрен. Что делать-то надо?».

Именно поэтому амбициозные блоги о бизнесе интересны аудитории. Всякие проекты а-ля «Блог молодого предпринимателя из Майами» привлекают народ и расцветают.

Пример презентации такого блога:

Привет, меня зовут Иван. Мне 29 лет и у меня есть бизнес с доходом 200 тысяч. «Не так-то много» – скажете вы. Однако 2 года назад моя зарплата составляла ровно 17 тысяч руб. Мне настолько были нужны деньги, что я готов был вцепиться зубами в покрышку проезжающего мимо мерседеса.

Путешествия, море, горы, пальмы

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

Примеры тем:

  • «Как я переехал жить в Бельгию»,
  • «Чем Бельгия отличается от России»,
  • «Почему я думаю уехать из Бельгии»,
  • «5 дурацких законов Бельгии»,
  • «4 ключевых правила бизнеса в Бельгии».

Вставляем в эти заголовки нужную страну и готово.

Про путешествия можно написать не только в стиле «Путь из Воронежа в Лас-Вегас», но и «Путь из бедняка в миллионеры», например. Все зависит от фантазии автора.

Здоровье, благополучие, похудение, тренировки

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

Заголовков тут великое множество:

  • «Худею за 60 дней»,
  • «Чем закончились мои тренировки на массу»,
  • «Марафон: жим лежа 100 кг за 100 дней»,
  • «Как я сбросил 15 кг и вылечил гастрит»,
  • «7 рецептов здорового завтрака, которые вы еще не пробовали».

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

Образование, языки, науки, обучение

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

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

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

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

Амбиции, мечты, смыслы, «хотелки»

Мы живем не так долго, как хотелось бы. Если человек прожил 30 лет, ему осталось где-то 480 месяцев, если он собрался прожить седьмой десяток. Запутал тебя? Закрой пока калькулятор. На самом деле, интерес вот в чем.

Посты на тему «что я успел за 30 лет» или «цели на ближайший год» практически каждый раз волнуют аудиторию.

Или вот, например: «Заработать 9 000 $ и улететь в Таиланд за 3 месяца» – здесь уже идет пересечение с темой путешествий и финансов.

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

Читая подобные вещи, они наполняются энергией и мыслью «да, черт возьми, это возможно».

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

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

  • Если для души, то и пиши от души!
  • Если для бизнеса, то и о душе не забывай!
  • Если для пиара, то пиарься душевно! «Текстерра» сможет в этом помочь. Обращайся!

Всем спасибо! С вами был Офицеров.

А если хочется больше примеров и идей, попробуйте наш генератор тем для блога.

Самые оригинальные и современные веб — сайты

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

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

Самые необычные и оригинальные сайты

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

Прежде чем перейти к крутым дизайнам

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

Удивительное удивляет нас только раз. Восхитительное же, с каждым разом восхищает все больше (Жозеф Жубер)

В дизайнах с «неповторимым стилем», решающее значение приобретает дружелюбность к пользователю разрабатываемого интерфейса. И нужно быть замеченным: по выдающимся арт-композициям, элегантному тонкому стилю… Основная задача отличаться. Эпоху суперграфики сменяют новые идеи: стиль FLAT, материальный подход, чистый дизайн, видеоарт, моушн, осмысленная анимация и проч. интересные штуки (благодарим технологии).

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

Cайты с необычной идеей и крайне нестандартным дизайном

Сайт The Happy Forecast

Иногда интересно и даже полезно знать: насколько благоприятен тот или иной район города? Необычный сайт, называющий себя «Прогнозом благополучия» представлен графической картой Лондона, отрисованной на HTML5 Canvas.

Цукерберг рекомендует:  #java2uml - Попытка отыскать Java2UML

Идея дизайна: интерактивная 3D карта в стиле оригами, формируемая на основе данных анализа твитов соцсети. Создана по технологии WebGL

Алгоритм стенфордских ученых узнает настроение жителей из Twitter (с гео-привязкой) и сравнивает количество позитива с негативом. Из рассмотренных за год каждодневных микровзаимодействий формируется карта-прогнозов в метеорологическом стиле. Если интересны детали, можно углубиться в анализ.

Краткий итог

Чувства пользователей Твиттера стали информационным ресурсом этого проекта. Весьма поучительно: а с какими идеями еще можно использовать выражение эмоций в открытом доступе?

Сайт Species in Pieces

In Pieces – интерактивная выставка (с применением геометрии, радиальных диаграмм и CSS-анимации) наиболее удивительных и редких видов представителей фауны.

Идея дизайна: вообще это CSS3-эксперимент, но еще и веб-памятка о красоте природы и опасности потерять ее. Шоукейс эволюционирования представлен 30 видами животных

30 изображений отрисованных в иллюстраторе доведены при помощи CSS.

Краткий итог

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

Статья на Smashing Magazine о моментах создания проекта (с кодами и описаниями) может быть интересной для дизайнеров и веб-разработчиков

Дизайн-креатив — интересные сайты агентств

Сайт Viens-la

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

Идея дизайна: удобный формат представления данных (стимулирует к просмотру новых страниц). К общему стилю, выдержанному в каждом разделе, добавлен оригинальный эффект/ функционал

Насколько урезан текстовый шум! – Медиа-контент говорит сам за себя

Дизайн-интерфейсные решения называют хорошим UX-дизайном:

Когда нет надобности «прицеливаться» к иконкам навигации, «вглядываться» в суть изображения кликабельной миниатюры или «угадывать» назначение раздела

Т.е. улучшающие пользовательский опыт:

— Значок разворачивается в надпись (формат области анимации, облегчающий восприятие)
— Управляющий значок для листания следует за курсором (меньшее расстояние перемещения, это +1 к юзабилити)
— Анимация пунктов меню с фоновой картинкой

Мумия боса – главная, офисное пространство – об агентстве, команда – «О нас»

— При просмотре портфолио фиксируется активная область из 9 превью

На общий экран квадратора 3×3 выводится картинка с другого ракурса (или дополняющая миниатюру)

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

Интерфейс, он как шутка если приходится ее объяснять, значит не удалась

Краткий итог

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

Нестандартная навигация с собственным меню в блоке

Вынужденные переходы на главную надо предотвращать. Дело в том, что:

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

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

Сайт Bluefountainmedia.com

Нью-Йоркое топовое интернет-агентство полного цикла услуг (клиенты Nike, Walt Disney…).

Идея дизайна: дизайн страниц на уровне предлагаемых услуг – от главной до 404-й. Нестандартное и отличающееся в разных местах сайта выпадающее меню. Единообразие поддерживается цветом

Необычная навигация: вывод сгруппированных по блокам ссылок меню на отдельной странице

Краткий итог

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

Сайт Hound Studio

Оригинальность этой студии начинается с доменного имени сайта – охотничья собака (англ. hound). Название отображено в креативном логотипе и является частью брендинга. Тема гончей раскрыта и на страницах, в виде анимации занятого делом персонажа.

Идея дизайна: в плоский стиль с иллюстрациями и анимацией хорошо вписывается предоставляемая услуга ANIMATED EXPLAINER VIDEOS

На примерах 2d и 3d animation демонстрируется потенциал объясняющих видеороликов

Объясняющее видео – просто о сложном

Краткий итог

Объясняющим видео (explainer video) можно шутя представить ваш бизнес в выгодном свете. Короткие видеоролики дают максимум полезной информации всего за 1-2 минуты, чем и привлекают в эру познавательного шума со всеобщим игнорированием рекламных объявлений.

Оригинально использующие медиа-контент сайты

Сайт Digital Deadly Sins

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

Идея дизайна: показать реалии цифрового века на сайте в современным стиле – с удобным и легким меню, качественным интерфейсом и хорошим представлением информации (уместные звуковые и визуальные эффекты, умеренная анимация)

Краткий итог

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

Сайт Luxury Resorts

Этот роскошный сайт предлагает совершить «Luxury Voyage».

Идея дизайна: устанавить атмосферу великолепия впечатляющими фонами в сочетании с типографикой «от руки» (hand-drawn) и забавными рисованными иконками

Краткий итог

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

Сайт Fueled by Water

Vlogging (видео блоги) популяризируются с 2005 года. Когда Speedo (бренд водно-спортивных товаров) пожелал создать микросайт, то рассматривался только вариант с видео.

Идея дизайна: в партнерстве со студией Hello Design было снято 17 коротких уникальных фильмов. Требовалось современное решение разноплановой направленности. В результате получился проект на основе HTML5 и CSS3, в котором видео повсюду – даже в навигации

Отобрано максимально качественное видео, очищенное от всего ненужного и JS.

Краткий итог

Функционал предпросмотра видео-анонса следующего сюжета, обеспечивает непрерывный процесс презентации LifeStyle c брендом Speedo. Сейчас это важно и для SEO:

4 августа 2015-го, Google запатентовал «время просмотра» видеоконтента в качестве фактора ранжирования и может учитывать критерий для определения качества сайта

Интересные и увлекательные спецпроекты брендов

Сайт Chekhov.withgoogle.com

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

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

Нужно пройти короткий тест.

Краткий итог

Инновационный проект «Чехов жив» запущен в 2015 году и уже не уступает по объему трафика прошлогоднему «Каренина. Живое издание». Интересный онлайн-опрос с анимированными иллюстрациями персонажей – игрушка, существенно увеличивающая трафик на сайт.

Сайт boligreisen.no

Ознакомительный тур по тематике покупки дома с неожиданным развитием сюжета – от идеи приобретения жилища до новоселья. Погружение в интерактивную историю начинается буквально «из головы».

Идея дизайна: креативный эффект скрола в глубину с переходом через активные точки и диалоговые окна в компактный сайт с CTA-кнопками (ссылки на основной сервис)

Через воображаемый бумажный мир на крыльях птицы-оригами:

Краткий итог

Новшества в дизайне и особенности управления сайтом:

  • Навигация прокруткой или клавишами-стрелками
  • Таймлайн (timeline) элемент с визуализацией переходов по узлам навигации
  • Минимизированное окно в сайдбаре для перехода между интерфейсами
  • Интересные скролл-эффекты и красивые CSS 3 переходы

Сайт Сapps

Веселый promo-сайт на тему изготовления напитка. Интерактив предложен слоганом (Срывай, дави, наливай) и нужными кнопками (A, P, P, S,).

Идея дизайна: объяснение несложных концепций «простым языком». Кратко информирующий action симулятор – теперь вы представляете как делается сидр

Краткий итог

Только вода и свежие яблоки требуются для производства Apps Cider. Так все просто и натурально. Сыгравший в интерактивную мини игру посетитель убеждается в этом сам.

Нестандартные разметка / функционал / навигация

Сайт Oliver Breweries

В мире есть мода на винтажное пиво (особо выдержанное и по спец. рецептам). OLIVER Brewing Co делает коллекционные сорта пива с оригинальным вкусом.

Идея дизайна: винтажные/ ретро элементы фон, гранж точки (цвета солода) уместны по тематике сайта. Не позволит забыть о продукции и главная страница (лэндинг) – интерактивная анимация с вращением банки запустится от движения курсора

Оригинальная страница 404 ошибки «не найдено».

Кажется тебе уже хватит. Пора домой! (на домашнюю страницу)

Краткий итог

Сайт пивоваренной компании сделан на WordPress. Имеет необычную разметку и винтажный дизайн в стиле пенного напитка с соответствующей типографикой.

Сайт Very UP

Что-либо «наоборот» в веб-интерфейсе сайта — сразу кажется странным или очень необычным. Scroll up to start (начните с прокрутки наверх) это интересный креатив, выражающий концептуальную сущность VeryUP.com.

MEET OUT VERY UPPERS – креатив на странице «О Нас» с уникальным функционалом фильтра

Идея дизайна: концепция нейминга, брендинга и дизайна сайта, начиная с эффекта предзагрузки и до креатива на странице о нас, построена на оригинальном «До самого верха» (англ. VeryUP)

Краткий итог

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

Современные / самые передовые / в ногу со временем (англ. very up-to-date) – слова «в тему» для компании, занимающейся профессиональным обучением по повышению квалификации кадров.

Сайт soppo.co

Интерактив продакшн студия, фокусируется на создании инновационных и экстроординарных онлайн продуктов для компаний по всему миру (сайты, приложения, игры).

HTML5/CSS3/JS/3D анимация и свой собственный стиль

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

Краткий итог

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

Сайт Sassi Holford

Сайт производителя свадебных нарядов с необычно красивой презентацией продукции. Весь эксклюзив структурирован каталогами по продуктовым линейкам. Адаптивная навигация с подходом «mobile first».

Страница карточки продукта со ссылкой на весь ряд изделий

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

Краткий итог

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

Сайт Siapremiumeconomy.com

Промо-сайт авиакомпании Singapore Airlines визуально и интерактивно представляет особенности салона премиум-эконом класса.

Идея дизайна: интерактив с красивыми бэкграундами – элегантный способ виртуального ознакомления клиентов с комфортом авиаборта

Краткий итог

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

Винтажный сайт Split the Difference

Один из самых красивых сайтов в тематике автопроката для свадебных и праздничных мероприятий.

Идея дизайна: эксклюзив аренды старинных машин с видом пейзажей из кабины миловидного автокемпера

Краткий итог

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

Сайт Allamar Design

Веб-студия ориентирована на стартапы и клиентов малого / среднего бизнеса.

Идея дизайна: в стремлении сочетать красивое с функциональным, дизайнер подменяет текст концептуальными фотографиями / иллюстрациями и разбивает в нестандартном меню навигации пространство экрана на блоки-ссылки

Краткий итог

Студия предлагает рассмотреть концепцию не дешевого, но рационального предложения на полностью уникальной CMS, с применением технологий HTML 5, CSS3, WebGL, JS.

Одностраничный сайт Tunk Ideas

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

Идея дизайна: показывая живую атмосферу офиса, выигрышно представить свой сервис при помощи современного адаптивного сайта из одной страницы

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

Краткий итог

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

Сайт Hermes Employeur

Иллюстрированное и анимированное интернет-представительство Hermès Group (французская компания международного уровня). С прокруткой вниз разворачивается визуальная история в забавном стиле скетча.

Идея дизайна: немного веселой анимации в формате сторителлинга «Про работу в тесном контакте», когда жажда командного духа делает менеджмент компании уникальным

Сайт на html5, css3, jQuery пример оригинального и чистого дизайна с анимированными рисунками от руки и применением рукописного шрифта.

Краткий итог

Общее благо важнее личностных достижений! Прогресс обязан страсти и стремлению, проявленных каждым. С таким с социально-философским обоснованием дизайн-концепт (с прикольными скетч анимациями человечков) представлен на NiceOneILike.

Сайт Voisins

Дизайн, в котором применяется расширенная навигация.

Идея дизайна: навигационная система сайта из двух меню с утонченным стилем подписей пунктов

Краткий итог

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

Сайт sweid and sweid

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

Идея дизайна: продемонстрировать ценности компании в высоком качестве, с выразительным контентом и предельно понятной навигацией по нему

Краткий итог

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

Сайт Uncube Magazine

Современный архитектурный дизайн-журнал с нетипичной схемой навигации.

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

Краткий итог

Удобный сайт, имеющий компактную структуру с двумя выпадающими меню: нижнее аккордеон-меню и верхнее, именованное как супер-меню.

Сайт Mackey Mitchell

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

Идея дизайна: (от студии-разработчика) – мы исследовали бренд-айдентику и решили расширить фирменную черно-красную палитру заказчика, добавив современный синий оттенок. Со слоганом «Создай вдохновение» (Shape the Inspired) акцент переносится с построек на уровень людей, а изображение ивы символизирует не ломающиеся конструкции.

Пигмент красного цвета классически присутствует в архитектурных строениях.

Краткий итог

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

Сайт Кeep Portland Weird

Сайт, награжденный за лучший веб-дизайн 2015 года. Красивый современный дизайн с плоскими цветами и Flat иллюстрациями.

Идея дизайна: изображая свой город Портланд таинственным и своеобразным, обозначить стратегию (заявка на неординарность)

Звуковое сопровождение красочных анимационных эффектов доставляет эстетическое наслаждение

Краткий итог

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

Подведем итоги

Современная концепция Web далека от совершенства, поэтому нужно приветствовать инновационные разработки и дизайнерское творчество. Но всеобщего внимания удостаивается лишь успешная реализация интересных идей и лучше сверять их с потребностями клиентов. Оценят ли? Задача требующая проработки – найти баланс между «замечаемостью» веб-элементов (в различной степени) и незаметностью хорошего дизайна в целом. В примерах нестандартных и необычных сайтов были рационально использованы пространство с системой навигации и умело применялись компоненты управления.

15 животных, над которыми Матушка Природа особенно постаралась

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

1. Какой галантный мужчина!

2. А этот кажется более солидным)

3. Не лиса. Померанский хаски в редким окрасом.

4. Эти двухцветные глаза.

5. Редкий золотой тигр — в мире таких всего около 30!

6. А еще у природы есть чувство юмора:

7. Кажется, змея нарядилась на Хэллоуин)

8. Конь с редкой генетической мутацией.

9. Кажется, ему сделали макияж)

10. Насекомые с идеальной маскировкой.

11. Меланизм у ягуара.

12. Самый пушистый кот.

14. Павлин наполовину альбинос.

15. Кажется, когда котам раздавали хвосты, ему досталось два.

Сервисы подбора цвета для веб-дизайна

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

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

Я не буду рассказывать про теорию цвета (это слишком объемная информация), а просто опубликую здесь сервисы, которые есть у меня в закладках и которыми я пользуюсь .

Сервисы подбора цвета для веб-дизайна

С этим инструментом я дружу уже много лет. Наиболее удобный инструмент для подбора цветов (на мой взгляд). У него много дополнительных возможностей. Например можно посмотреть пример светлой и темной страницы с выбранными цветами.

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

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

Для этого надо нажать кнопку в левом верхнем меню «Смотреть». И перед вами откроется галерея всевозможных цветовых сочетаний.

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

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

Следующие два сайта генерируют палитру из выбранного вами изображения. It is magic :)

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

На этом сайте необходимо указать ссылку на изображение.

На этот сайт нужно загрузить картинку со своего компьютера.

Очень удобный инструмент для подбора цвета. Основан на принципе «Нравится — Не нравится».

Как видно из названия, здесь можно подобрать цвета для модного сейчас, плоского дизайна. Сайт интересен тем, что выбрав палитру, вы можете скачать ее для программ Corel и Photoshop.

Еще один модный тренд — материал дизайн. Данный сайт помогает подобрать сочетания цветов для UI (user interface). Дополнительно на сайте есть большой набор иконок.

И напоследок снова user interface. Здесь просто набор цветов для UI дизайна. Нажав на любой цвет, можно посмотреть как на определенном фоне будет читаться белый текст.

Вот такие инструменты есть у меня в закладках.

Напишите в комментариях, какими сайтами подбора цвета для веб-дизайна пользуетесь вы?

Нужен сайт с правильными цветами? Пишите, сделаем :)

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

Понравилась статья? Поделиться с друзьями:
Все языки программирования для начинающих