Темный дизайн сайтов — выбор цвета и примеры
Автор: Мария Шиманович
639
17.06.2022
Нюансы и преимущества тёмной темы для сайта
Нюансы
Выбирая общий концепт дизайна, практический каждый наш заказчик рассматривал темный вариант для своего сайта. Однако не все дизайнеры/веб-студии берутся за такой проект, ведь при разработке могут возникнуть следующие нюансы:
— страдает читабельность
Если ваш проект в основном транслирует информацию через текст, то будьте готовы к тому, что со шрифтом и его начертанием дизайнеру придется повозиться.
— затрудняется восприятие юзабилити сайта
Для тех, кто ещё совсем не знаком с техническими терминами разработки, поясним:
Юзабилити – простота и удобство использования сайтом для пользователя (юзера).
Так вот, если не учитывать при дизайне «путь пользователя», то велика вероятность расставить неправильные акценты на важные для конверсии блоки. Грубо говоря, юзер может просто не заметить на темном фоне кнопку, которая помогла бы ему завершить покупку (если речь про интернет-магазин). Отсюда вытекает следующий нюанс.
— тщательный подбор цветовой палитры
Тема эта достаточна сложная, но, если по-простому: нельзя отразить белый и черный без примеси других оттенков. Палитры меньшей контрастности зачастую улучшают читаемость, — это стоит учитывать при выборе цветов для сайта.
Преимущества
Теперь, когда вы знаете о рисках, можем поговорить и о плюсах. Преимущества темной темы для сайта можно условно разделить на визуальные и бытовые.
К визуальным преимуществам мы можем отнести следующее:
— соответствие модным тенденциям
В 2018 году наступил настоящий BOOM на темную тему и до сегодняшнего дня практически не осталось ни одной крупной компании без темного интерфейса.
На протяжении 5 лет тренд занимает свою нишу в топе самых стильных решений и не собирается отступать, как градиент на всевозможных кнопках, например 🙂 С появлением новых визуальных технологий темная тема только набирает обороты.
— правильно расставляются акценты, и не только цветовые
Несмотря на то, что цветовая палитра для тёмного сайта — тема для отдельной статьи, стоит отметить: при правильной работе с нюансами это становится ярким оружием. Кроме того, основные преимущество темного фона в том, что акцент не на дизайне, а на товаре. Первое — просто приятный бонус.
Помимо того, что темный сайт при правильной реализации выглядит стильно, это ещё и удовлетворяет обычные бытовые нужды пользователя, среди них:
— снижается нагрузка на глаза
Конечно же, если вы проводите 12 часов подряд за компьютером или телефоном, то снизить нагрузку на ваши глаза не сможет ни один современный режим. Однако при темной, менее контрастной теме, вам станет комфортнее воспринимать информацию.
Дело привычки, попробуйте 🙂
— телефон проживёт без зарядки дольше
Здесь могло бы быть описания OLED или AMOLED-экранов и ссылки на исследования. Но если попроще: при отображении черного цвета экран задействует меньше энергии на подсветку пикселей. Разбежка экономии заряда от 21 до 43 %. Существенно в наших реалиях, не правда ли?
Наши реализованные работы темных сайтов
Мы разобрали основные плюсы и минусы перехода на темную сторону, но стоит ещё отметить, что на процентов 60 сочетание данного тренда зависит от тематики вашего продукта или услуги. Хотя интересно было бы увидеть детские товары или услуги дантиста на темном сайте, согласны?
Сейчас мы покажем некоторые наши разработки
ELECTROOPIC
Электрооптик — ведущий разработчик и производитель оптико-электронного оборудования. Сайт, который предназначен в том числе и для охотников, предполагает под собой некоторую брутальность. В сочетании с акцентным оливковым цветом мы получаем некое подобие камуфляжа для охоты.
Кстати, для всех любителей анимации и Call of Duty, зацените наш листинг товаров.
PilInPro
PilInPro – производство ленточных, дисковых и рамных пил. Компания также занимается их реставрацией и ремонтом. Для такого сурового проекта темный фон является 100% попаданием. В дополнение к тематике было принято решение в качестве акцента выбрать цвет LUSH LAVA, та самая искра во время работы пилы.
PRC
Prc – компания по ремонту вилочных погрузчиков. Фирменные цвета и логотип были разработаны заранее, черный и желтый – беспроигрышно. Лендинг получился оригинальным и ярким, отличающимся от конкурентов в данной тематике. Кстати, родом из 2020 года, сила темного сайта!
От нас для вдохновения
Для тех, кто ещё сомневается, мы подготовили вырезки из наших работ!
Темные сайты — часть 3
Подбор цветов сайта является одной из самых важных задач. Палитра может вызывать у посетителя определённые эмоции и устанавливать своеобразные правила использования и просмотра сайта.
Веб сайты в тёмных тонах могут быть элегантными, с использованием нетрадиционных дизайнов, представлять модные тенденции и даже быть яркими и блестящими.
Использование тёмного бекграунда дает возможность сосредоточить внимание на контенте, и делает более эффективным размещение на нем портфолио, галлерей с изображениями и подборок дизайнов.
В этой статье вы сможете увидеть 42 примера тёмного дизайна. Некоторые из этих сайтов вы могли видеть в статьях посвящённых хедерам, некоторые в подборке о бекграунде, но у каждого из них есть свои отличия, а похожи они тем что во всех них преобладающими являются тёмные тона. Это третья часть подборок под названием “Тёмные сайты”, также вы сможете увидеть Тёмные сайты — часть 2 и 32 тёмных сайта.
Сайт axe choco сделан в шоколадных тонах
Сайт Starbucks Coffee At Home
Тёмный иллюстрированный сайт electricurrent
Креативный и необычный сайт Pikaboo
Российский сайт бренда befree
Тёмный дизайн сайта TAKE THE WALK
Тёмный природный дизайн Bird Malaysia
Тёмный дизайн на сайте Eye Candy
Серый дизайн с ярким хедером на Mike Poss’ Rock Guitar Blog
Тёмный благородный фон на сайте butikludmila как нельзя лучше подчеркивает силуэты белых свадебных платьев
Сайт Nile Inside в тёмных тонах и стиле гранж
Чёрный сайт Batman The Dark Knight in 3D
Тёмный блестящий сайт glasshine посвященный необычным стаканам
Забавный сайт LaRedoute
Иллюстрации на тёмном фоне сайта BootB
Сайт графического дизайнера B.
Тёмный бекграунд с музыкальными элементами на Riffs Music Academy
Стильный тёмный сайт орехов Мачо
Тёмный беграунд в серую полоску на cyan
Креативный тёмный дизайн сайта Meet the BigMan
Сайт ресторана Twelve Restaurant & Lounge Bar в серых тонах
Тёмный дизайн сайта AdaptD с яркими элементами в ретро стиле
Хороший тёмный дизайн сайта Pixel Farm
Элегантный сайт R1 nanotek также сделан в тёмных тонах
Тёмный дизайн сайта радио Серебрянный дождь
Сайт веб-дизайнера Elliot Jay Stocks выполнен в тёмных тонах
Тёмный дизайн сайта коллектива состоящего из художников различных возрастов и стран depthCORE
Креативный сайт IDEO
Сайт 2Pitch посвящен компании графических дизайнеров и их работам
Дизайнерский сайт JUXT Interactive в тёмном гранжевом исполнении
Сайт Let It Bleed посвящен группе Rolling Stones
Ещё один сайт дизайнерской студии Level9 Design
Rabotilnica – сайт небольшой студии креативного дизайна
Сайт Hamish Macpherson интересен тем что вы сможете менять его цветовую гамму в пяти вариациях не изменяя контента
Сайт программиста выполненный в стиле гранж и коричневых тонах — Timothy van Sas
Сайт венгерского дизайнера в темно-коричневых тонах new {concept}
Серый сайт интузиаста и фотографа coda.
coza
Иллюстрированный сайт Dead Metropolis Recordings
Сайт детективного фильма Mad Detective
Необычный тёмный сайт Wacom Pen Collective посвященный коллективу состоящему из графических дизайнеров, фотографов, 3D модельеров и многих других людей.
А на сайте Krista’s Creations можно найти весь латинский алфавит в виде множества креативных фотографий к каждой букве.
Автор — sixrevisions
Перевод и редактирование — Дежурка
- Опубликовано в Веб-дизайн, ноября 4, 2008
- Метки: дизайн, дизайн сайта, креатив, палитра, сайт, цвет
Tweet
�
[an error occurred while processing the directive]
Как увидеть Млечный Путь — Поиск темных мест
Мало кто может так внушать благоговейный трепет, как вид Млечного пути из темного места.
Если кто-то, незнакомый с ним, увидит изображение Млечного пути без земной точки отсчета, он может предположить, что оно было сделано с помощью телескопа. Но масштабы млечного пути огромны! Вам не нужен телескоп, чтобы увидеть или сфотографировать его. Бинокль или телескоп, безусловно, покажут вам больше деталей, но это не обязательно. Было много ночей, когда я брал с собой телескоп для наблюдения за звездами и даже не прикасался к нему.
Примечание к фотографиям: Длинная выдержка камеры улавливает больше звезд и цветов, чем может человеческий глаз. Контраст на фотографиях также можно увеличить позже, поэтому вид не всегда точно соответствует тому, что видит невооруженный глаз. Но то, что вы можете увидеть только своими глазами под действительно темным небом, все равно впечатляет.
Автопортрет под Млечным Путем [Купить фото]
Что такое Млечный Путь?
Галактика Млечный Путь — одна из не менее 100 миллиардов галактик во Вселенной.
А сам Млечный путь содержит около 100 миллиардов звезд. Наша галактика простирается на 100 000 световых лет в ширину. Каждая звезда, которую вы можете увидеть невооруженным глазом, находится в пределах Млечного Пути. Единственный объект, который вы можете увидеть (без помощи оптики) на небе за пределами Млечного Пути, — это Галактика Андромеды. Андромеда находится на расстоянии более 2,5 миллионов световых лет от Земли; слишком далеко, чтобы разрешить отдельные звезды без мощного телескопа.
Но когда большинство людей говорят о «видении Млечного Пути», они имеют в виду ядро галактики. Расположенная в созвездии Стрельца, это самая яркая часть Млечного пути. Пылевые полосы, туманности и звездные скопления сконцентрированы в этой области.
Цель DarkSiteFinder — помочь вам избавиться от светового загрязнения и найти темное место для наблюдения за звездами. Но чтобы увидеть Млечный путь, нужно учитывать еще несколько факторов.
Летние ночи прекрасны, особенно когда к ним присоединяются светлячки.
[Купить фото]
Когда виден Млечный Путь?
Ядро Млечного Пути видно только около полугода. Другая его половина находится ниже горизонта. В зимние месяцы (декабрь — февраль) его вообще не видно, потому что слишком близко к солнцу. Весной (март – май) он впервые становится виден за несколько часов до восхода солнца. К июню она встанет намного раньше полуночи. Летние месяцы (июнь-август), как правило, лучшее время для просмотра, потому что большую часть ночи будет не спать. К осени (сентябрь-ноябрь) Млечный путь лучше всего будет виден вечером, до заката. Сумерки могут освещать небо за 2 часа до восхода солнца и 2 часа после захода солнца, так что лучше избегать таких периодов.
Млечный Путь уже садился за горизонт к тому времени, когда в начале ноября на мысе Мертвая Лошадь, UT , стемнело. [Купить фото]
Из-за вращения Земли каждую ночь кажется, что звезды движутся по небу. Но на самом деле Земле не требуется 24 часа, чтобы совершить полный оборот.
Продолжительность 23 часа 56 минут. Эта разница в 4 минуты и является причиной того, что звезды меняются от ночи к ночи. Каждую ночь данная звезда будет восходить, пересекать небо или заходить на 4 минуты раньше, чем в предыдущую ночь. Это изменение составляет 2 часа каждый месяц. Например, если Млечный Путь восходит сегодня в полночь, через месяц он будет восходить в 22:00. Если вы выйдете в одно и то же время, небо будет выглядеть совсем по-другому.
Чтобы лучше понять движение звезд, загрузите бесплатную программу Stellarium.
Посмотрите, как Млечный путь поднимается над озером Сугема, штат Айова, на этом покадровом видео, снятом ранним утром в конце апреля.
Местонахождение
Для многих людей поездка в место, полностью лишенное светового загрязнения (черная или серая зона на этой карте), невозможна без поездки на целый день.
Я знаю это, потому что живу в Иллинойсе. Но синяя или зеленая зона все же может обеспечить впечатляющий вид на Млечный путь. Просто нужно быть более избирательным в выборе сайта и смотреть не только на цветовую зону. Млечный путь восходит на юго-востоке, пересекает южный горизонт, а затем заходит на юго-западе. Поэтому вам нужно выбрать место для просмотра, на котором нет крупных городов в этом направлении. Даже если небо над головой очень темное, светлый купол города может испортить вид, если он расположен южнее.
Этот вид на юг был испорчен световым куполом из Спрингфилда, штат Иллинойс. через световое загрязнение Вегаса.
Широта
Выше 50° северной широты или около того сложнее увидеть Млечный Путь. Он будет намного ближе к южному горизонту даже в самой высокой точке. Кроме того, если это близко к летнему солнцестоянию, небо никогда не станет полностью темным. Так что вам, возможно, придется подождать до позднего лета, чтобы получить лучший вид.
С другой стороны, чем южнее вы живете, тем выше в небе поднимется Стрелец. Жителям южного полушария выпала честь видеть Млечный путь высоко над головой с гораздо большей детализацией, чем в северном полушарии. Если вы живете в южном полушарии, времена года, упомянутые выше, будут противоположными, но месяцы будут одинаковыми.
Фаза Луны
Полная луна заглушит все слабые звезды на небе, включая Млечный Путь. Даже тонкая луна может немного осветлить фон неба, поэтому лучше ее избегать. Чтобы видеть темное небо всю ночь напролет, нужно смотреть на звезды во время новолуния. Луна в 1-й четверти сядет около полуночи. Так что часы после этого будут темными. Луна в 3-й четверти взойдет около полуночи, а за несколько часов до этого будет темно. Мой любимый инструмент для быстрого определения времени восхода, заката, восхода и захода луны и сумерек для любого места — это The Photographer’s Ephemeris. Сайт бесплатный, есть платное приложение для смартфонов.
Это было сделано за несколько часов до восхода убывающего полумесяца в Национальном парке Джошуа-Три .
[Купить фото]
Лучшие темные веб-сайты, которые вы не найдете в Google
Вы уже слышали об этом раньше: загадочная темная сеть. Вы, вероятно, в равной степени любопытны и опасаетесь всего этого.
Но что такое даркнет? И что еще более важно, какие классные темные веб-сайты существуют? Вот наш список лучших темных веб-сайтов для посещения.
Dark Web и Deep Web: в чем разница?
Под глубокой сетью понимается все, что вы не можете найти в Интернете с помощью поисковой системы. Это включает в себя электронные письма в вашей учетной записи Gmail, прямые сообщения в социальных сетях и даже ваши фотографии на Facebook, которые вы пометили как личные.
Темная сеть — это подраздел глубокой сети. Он несет ответственность за плохую репутацию глубокой сети. Вы найдете черные рынки, торгующие наркотиками и другими веществами, ужасными изображениями и даже новыми личностями и онлайн-аккаунтами для продажи. Действительно, есть много причин полностью избегать даркнета.
Тем не менее, даркнет стоит исследовать. Среди хаоса вы найдете несколько отличных веб-сайтов. О даркнете можно узнать гораздо больше, но здесь мы сосредоточимся на списке лучших сайтов .onion, которые вы не найдете в Google.
Используйте VPN для доступа к темной сети
Мы настоятельно рекомендуем защитить себя с помощью VPN, прежде чем вы получите доступ к темной сети. Представление о том, что браузер Tor обеспечивает отказоустойчивую анонимность, неверно; вам нужно защитить себя.
Не знаете, какой VPN лучше всего подходит для вас? Существует множество вариантов, как бесплатных, так и платных, но наш лучший VPN — это ExpressVPN, который поставляется с поддержкой Tor и тремя бесплатными месяцами.
1. The Hidden Wiki
Onion URL: http://zqktlwiuavvvqqt4ybvgvi7tyo4hjl5xgfuvpdf6otjiycgwqbym2qad.onion/wiki/index.php/Main_Page
9000 2 Чтобы посетить сайт .onion, вы должны знать, что он существует, и иметь его URL готов.
Есть несколько способов найти активные сайты .onion. Один из них — использование каталога сайтов, например The Hidden Wiki.Некоторые сайты абсолютно законны, например доменные службы и поставщики электронной почты. Некоторые из них — например, разоблачение — могут столкнуться с государственной цензурой в вашей стране. Другие пересекают границу с нелегальностью. Убедитесь, что вы хорошо разбираетесь в темных веб-ссылках, на которые вы нажимаете.
2. Facebook
Onion URL: https://www.facebookwkhpilnemxj7asaniu7vnjjbiltxjqhye3mhbshg7kx5tfyd.onion/
Вы можете получить доступ к Facebook с использованием официального Facebook. Onion oror. Opface. Opface. Opface. Это имеет два основных преимущества.
Во-первых, вы можете создать и использовать учетную запись анонимно. Вы можете пользоваться услугами Facebook, не подвергая себя щупальцам компании, разрушающим конфиденциальность. Во-вторых, если Facebook заблокирован в вашем регионе, вы можете использовать темное зеркало Facebook, чтобы обойти цензуру.
3. Скрытый кошелек
Onion URL: http://d46a7ehxj6d6f2cf4hi3b424uzywno24c7qtnvdvwsah5qpogewoeqid.onion/
популярен среди широкой публики до недавнего времени. Тем не менее, пользователи даркнета уже более десяти лет полагаются на транзакции Биткойн, поскольку они позволяют людям совершать платежи, оставаясь при этом полностью анонимными. Скрытый кошелек — один из лучших вариантов, если вы ищете биткойн-кошелек для использования в даркнете.
Как и любой другой криптовалютный кошелек, вы можете торговать биткойнами с помощью скрытого кошелька. Но, в отличие от других кошельков, вам не нужно беспокоиться о утечке вашей личной информации, поскольку она размещена в сети Tor. Скрытый кошелек обещает безопасность ваших биткойнов банковского уровня и утверждает, что он никогда не сможет получить доступ к вашим ключам или криптовалютным средствам.
4. ProPublica
Onion URL: http://p53lf57qovyuvwsc6xnrppyply3vtqm7l6pcobkmyqsiofyeznfu5uqd.
onion/
ProPublica было одним из первых крупных новостных агентств запустить темную веб-версию своего сайта еще в 2016 году.0003
ProPublica — некоммерческая новостная организация, целью которой является «разоблачение злоупотреблений властью и предательства общественного доверия со стороны правительства, бизнеса и других учреждений, используя моральную силу журналистских расследований».
Одна из ее журналисток, Ханна Дрейер, получила Пулитцеровскую премию 2019 года за написание статей за освещение банд в Лос-Анджелесе. Это была пятая Пулитцеровская премия ProPublica.
5. DuckDuckGo
Onion URL: https://duckduckgogg42xjoc72x3sjasowoarfbgcmvfimaftt6twagswzczad.onion/
DuckDuckGo — одна из ведущих частных поисковых систем в открытом Интернете. Он не отслеживает вашу историю просмотров, местоположение или любые другие данные. Он настолько безопасен и ориентирован на конфиденциальность, что браузер Tor использует его в качестве поисковой системы по умолчанию.
Тем не менее, есть и даркнет-версия поисковой системы. Это отличная поисковая система для даркнета, которая предоставляет пользователям дополнительный уровень защиты и анонимности.
6. SecureDrop
Onion URL: http://sdolvtfhatvsysc6l34d65ymdwxcujausv7k5jk4cy5ttzhjoi6fzvyd.onion/
SecureDrop — популярный сайт, на котором осведомители могут анонимно делиться конфиденциальной информацией с журналистами. Поскольку он размещен в сети Tor, пользователям даркнета не нужно беспокоиться о том, что их отследят или что их личная информация будет раскрыта при обмене информацией со СМИ.
Популярные новостные издания, такие как The Washington Post, The Guardian, TechCrunch и другие, создали свои собственные URL-адреса SecureDrop, чтобы осведомители могли легко с ними связаться. SecureDrop утверждает, что все сообщения, которые вы отправляете и получаете, шифруются при передаче, чтобы предотвратить их перехват третьими лицами.
7. Dread
Onion URL: http://dreadytofatroptsdj6io7l3xptbet6onoyno2yv7jicoxknyazubrad.
onion/
противоречий, приток новых пользователей, а продолжающиеся обвинения в цензуре привели к тому, что в последние годы сайт потерял свое очарование.
Считайте Dread реддитом даркнета. Раньше у нас тоже были скрытые ответы, но этот сайт больше не работает, а этот — идеальная замена для любых вопросов, которые могут у вас возникнуть. Это один из немногих сайтов даркнета, которые вы можете использовать для сбора надежных ресурсов.
Независимо от того, ищете ли вы личный совет во время покупок в темной сети или хотите обсудить широкий круг тем, Dread поможет вам. И в отличие от Reddit, этот даркнет-сайт предлагает своим пользователям полную анонимность.
8. Mail2Tor
Onion URL: http://mail2torjgmxgexntbrmhvgluavhj7ouul5yar6ylbvjkxwqf6ixkwyd.onion/
Электронная почта — одна из наименее безопасных систем связи; поставщики электронной почты имеют доступ к содержимому вашего почтового ящика. В качестве доказательства обратите внимание на то, как Google автоматически добавляет информацию о поездках, встречах и другие записи в ваш календарь.
Mail2Tor — альтернативный провайдер электронной почты. Он позволяет любому отправлять и получать электронную почту анонимно через веб-почту или с помощью почтового клиента.
Все сообщения зашифрованы, и компания не регистрирует ваш IP-адрес.
9. Haystak
Onion URL: http://haystak5njsmn2hqkewecpaxetahtwhsbsa64jom2k22z5afxhnpxfid.onion/
Поисковая система Tor по умолчанию, DuckDuckGo, не получать результаты с сайтов .onion, и именно поэтому вам нужна поисковая система для даркнета как Хайстак. Преимущество Haystak в том, что он пытается отфильтровать опасные сайты из результатов поиска.
Haystack индексирует более 1,5 миллиарда страниц в даркнете и, в отличие от основных поисковых систем, таких как Google, не отслеживает ваши поисковые запросы и не собирает информацию о пользователях для получения прибыли.
Тем не менее, при поиске на Haystack вы можете наткнуться на рекламу. К счастью, вы можете перейти на премиум-версию и полностью избежать этого при доступе к расширенному поиску и результатам с исторических onion-сайтов.
Лук URL: http://s4k4ceiapwwgcm3mkb6e4diqecpo7kvdnfr5gg7sph7jjppqkvwwqtyd.onion/
OnionLinks — альтернативный сайт The Hidden Wiki. Он предоставляет список сайтов темной сети по бесконечным категориям. Вы можете положиться на этот сайт .onion, если The Hidden Wiki временно или навсегда перестанет работать.
Несмотря на некоторое пересечение, список сайтов на OnionLinks сильно отличается от списка на The Hidden Wiki. Учитывая регулярность, с которой сайты .onions отключаются и исчезают, чем больше сайтов каталогов вы знаете, тем лучше.
Узнайте больше о даркнете
Все темные веб-сайты, которые мы перечислили в этой статье, не принесут вам большой пользы, если вы не знаете, как получить доступ и использовать темную сеть. Итак, прежде чем получить доступ к даркнету, убедитесь, что вы знаете, как сделать это безопасно и анонимно. И не забудьте включить VPN перед запуском Tor.
Кроме того, мы хотели бы отметить, что некоторые сайты темной сети сталкиваются с техническими проблемами и временно не работают или закрываются навсегда.