26844
Сайты с хорошим дизайном со всего света 🤟 Since 2016 Сотрудничество: @design_manager_bot
Каналу скоро год, нас 1000. Сегодня про то, как всё это произошло.
Канал начался с созданного мной в начале 2016-го чатика, в котором мы с ребятами в Aidem обменивались ссылками на клевые сайты. Нерегулярно, неформально, без замарочек кидали то, на что натыкались, и что восхищало. Иногда чатик затихал на неделю, а иногда вспыхивал горячими обсуждениями и обменом мнениями. Кстати, он назывался "Дезайн темки" : ) и даже сохранился до сих пор. Забегая вперёд, скажу, что когда уже пришла идея создать канал, я хотел назвать его также, сохранив фамильную "е" в слове "дизайн", но ребята все же убедили меня в том, что это как-то "не очень" для канала. Причём их решающим аргументом стал напомненный мне момент, как однажды, в скайп-колле мы с коллегой придумали этот буквенный каламбур nowhow. Тогда же мы его записали до случая, который позднее как раз представился. И, знаете, мы и думать не думали, что нас будет читать столько наших коллег. У нас не было вообще никакой цели — я просто подумал "это непременно должно быть интересно кому-то ещё, чего не попробовать», и сейчас рассказываю вам это с большим удовольствием.
Мы хотим сказать вам большое спасибо. За то, что вы с нами, что терпите наше периодическое занудство и снобизм :), что пишете нам приятные отзывы, и, надеемся, делитесь нашими постами уже в своих чатиках и каналах (вы же делитесь, правда?). В общем, вы для нас стали теми, для кого мы теперь вдвойне усердно ищем новые крутые штуки, делая для всех нас библиотеку полезных ссылок (мы сами, кстати, пользуемся каналом регулярно).
При всём при этом, для нас самих канал остаётся местом, куда мы пишем что хотим, как хотим и когда хотим, вопреки всяким маркетинговым правилам и рекомендациям. Всё потому, что уверены — когда от сердца, оно сильнее. Мощнее всех правил и формул, потому что настоящее.
Спасибо вам. Спасибо, что стали для нас важной частью жизни. Вместе мы делаем крутое дело.
C сегодняшнего дня мы начинаем дублировать описание всех постов на английском языке. Посмотрим, скольким нашим иностранным коллегам мы можем быть интересны. Начинам эксперимент №2.
Если вы хотите нам что-то сказать или спросить — пишите. Присылайте то, что по-вашему должно попасть в канал и, конечно, оставайтесь с нами.
Для нас и вас, команда Aidem.
— Хаверы умирают?
— Да
— Нет, они заново рождаются
Черный, красный, белый, рисунки от руки, гифки и пара анимаций — всё. Сайт Awwwards LA Conference 2017. Состав спикеров — https://conference.awwwards.com/speakers
Продолжая тему сегодняшнего праздника, свежая работа титулованной итальнской студии Aquest — сайт итальянской винодельни.
Знаете, одна важнейших задач таких сайтов — передавать правильные ощущения, погружать в нужную атмосферу, и этот сайт, на мой взгляд, достигает эту цель на пятерку. Лично меня он быстро вернул в воспоминания прекрасной Италии, маленьких виноделен, спокойного темпа итальянской глубинки, солнца и улыбающихся людей.
С точки зрения дизайна понравились на первый взгляд простые, но как-то очень освежающие страницы анимации появления фотографий; любопытная, но (что важно) одновремено не сложная навигация и большое количество решений, выходящих за рамки пресловутых блоков, контентных областей и вообще ощущения страниц. При этом назвать его излишне футуристичным тоже нельзя, и я отношу это к большому плюсу.
Итог: современный, простой и, главное, выполняющий свою задачу сайт — то, чего мы с вами должны достигать в каждой своей работе.
Пейте хорошее вино. : ) Ещё раз с праздником, наши прекрасные читательницы!
https://www.feudi.it/en
http://nobody.nyc/
Сайт просто дышит Нью-Йорком. Крупная типографика, разумеется Гельветика (если кто-то не знает — все вывески и указатели в городе набраны ей), белый по черному (так выглядят все вывески метро), никаких лишних цветов и элементов, лишь голая брутальность. Признаюсь, меня больше цепляют именно такие сайты, они уверены в себе.
http://helloelephant.com
Сразу вспоминается, но он более современный (за счет анимаций), но такой же крутой. Насколько мне известно, это подразделение Huge, созданное для работы с Apple, в котором был креативным директором какое-то время Claudio Guglieri, небезызвестный бывший арт-директор из Fantasy Interactive.
Мы не очень любим давать ссылки на кейсы на Behance, но работа настолько изящная, стильная, выдержанная и проникнутая уважением к нашему гениальному живописцу, что все же хочется ей поделиться. Тем более, что в этом году вместе с нами весь мир празднует двухсотлетие этого великого художника.
Итак, прекраснейшая работа и отличная подача концепта сайта к 200-летию Ивана Константиновича Айвазовского — https://www.behance.net/gallery/48366003/Ivan-Aivazovsky-Anniversary-concept
- горизонтальный скролл (все чаще и чаще с нами)
- прекрасная типографика (кириллица!)
- оптимальный баланс текстового и визуального контента
- очень приличные ux-решения и вся архитектура
Автору работы, Диане Полар хочется пожелать, чтобы Вселенная непременно сделала как-то так, чтобы её прекрасная работа обрела жизнь.
Совсем не новый проект, но и тот вторит пониманию, что фоновый звук на сайте и озвучивание интерфейсов, уже точно не табу, в чем много лет назад убеждал нас один известный дизайнер. Времена меняются.
http://digital-deadly-sins.theguardian.com
http://fiorito.nl/en/
Интересное мышление у того, кто делал этот сайт. Порадовали чуть необычные решения и достаточно аскетичный дизайн. Может кто-то решит, что анимации тут бестолковые, не знаю, сложно сказать, но лично моим вниманием они точно управляли.
——— special for designers
facebook.com/digitaldesigndays/videos/721186781400048/
Мы следим и очень любим то, что делает Антон Реппонен. Короткое, но очень интересное интервью с ним. Приятного просмотра!
http://whatsmystylepersonality.com
Интересное решение для вовлечения человека в покупку, по факту это сервис, который уточняет ваши предпочтения и проставляет чек-боксы. Конечно, только более контекстный и сопряженный с другой очень хорошо подобранной информацией. А главное, что создается впечатление, что все это именно для тебя
——— special for designers and makers (мало ли, может нас Tobias читает, кто знает)
claudioguglieri" rel="nofollow">https://medium.com/@claudioguglieri
Пропуская через себя опыт тех, кто уже прошел довольно длинный и при этом успешный путь, кажется одним из самых быстрых способов для вашего развития. Если кратко — много работайте, каждый раз повышайте планку и учитесь на чужом опыте.
Знаете, господа, это что-то новенькое.
Помимо крутейшего контента, это наводит на некие мысли того, что может делаться с вебом в будущем.
Тут и напрочь оторванная от привычных вещей главная, и необычная навигация и куча всяких анимаций и вообще всё как-будто плюёт на нормы и стандарты. И это привлекает, даже возбуждает.
Мы в студии никогда не были рабами стереотипов и принятого, и, похоже, время отстегивать их напрочь все ближе.
С наступющими выходными.
https://fkatwi.gs
https://www.shopify.com/2016
Понравилась простота графических приемов у блоков, которые с цифрами. Все очень чисто, аккуратно, а главное понятно. Как мне кажется, это куда важнее, чем тренды.
http://www.refinery29.com/
Пока в наших СМИ есть абсолютно все: карточки, колоночки, врезки в рамочках, тонированные фото, а поверх текст-тэг-кнопка-линия-время публикации, 3-5 стилей текста. Многие ребята делают уже все проще и круче: два стиля карточек, фото — это фото, контент-менеджер адекватный (везде примерно одинаковое количество строк и букв), там где не нужно описание — его нет, нет бесячих хаверов. Короче — с меня пятничный Like.
Друзья, вчера в Лондоне были объявлены победители AWWWARDS 2016 http://www.awwwards.com/conference-london-2017/
О большинстве мы здесь вам писали (что приятно : ), но и кое-что новенькое тоже есть. Итак, призеры:
1. SITE OF THE YEAR — Falter Inferno http://falter.madebywild.com/#en
2. DEVELOPER SITE OF THE YEAR — Paper Planes https://paperplanes.world
3. INNOVATION SITE OF THE YEAR — Cavalier https://cavalierchallenge.com
4. ECOMMERCE SITE OF THE YEAR — Protest Sportswear https://www.protest.eu
5. SITE OF THE YEAR (выбор читателей) — KIKK Festival http://www.kikk.be/2016/
6. AGENCY OF THE YEAR — Resn, Новая Зеландия http://resn.co.nz
7. INDEPENDENT DESIGNER OF THE YEAR — Bryan James, Голландия http://bryanjamesdesign.co.uk
http://refresh-studio.com/
После того, как вы пару раз взорвете череп (я не про ваш) и не будете знать, что делать дальше — нажмите на бургер в правом углу, там отличные кейсы спрятаны, хоть их и всего три штуки.
Очередной прекрасный лэндинг от Beoplay — https://www.beoplay.com/landingpages/beoplayh4
- как всегда, отличная анимация
- горизонтальный скролл, который не бесит : )
- крутой слайдер!
- и традиционно потрясная типографика
Просто. Стильно. Современно. — Like
Тот случай, который греет мне душу особенно, — пример сайта, где значительная часть анимации призвана объяснить структуру, поведение сайта, его логику, а не просто украсить.
Посмотрите
- как просто, но с умом работает слайдер на страницах статей
- как меняются блоки со статьями при пролистывании слайдов
- как осуществляется возврат из внеиерархичного раздела Bonus tracks
Это следующий уровень понимания и мастерства применения анимации — когда анимаиция действительно работает на удобство пользователя.
Помимо этого, безусловно прекрасная типографика, масса графических приемов (в статьях в первую очередь), хорошая визуализация информации, что в купе дает отличный пример современного веб-сторителлинга.
Единственная ложечку дегтя в эту весомую бочку мёда добавляет не всегда безукоризненная верстка под Safari и чуть сложноватая общая структура. Но это простим, остальное слишком уж хорошо.
http://mymonaco.asmonaco.com/en/all-areas
С началом недели, коллеги!
Редкий случай, когда корпоративный сайт практически чисто b2b-компании сделан и поддерживается с такой любовью. Дизайн сайтов такого рода бизнесов, конечно, не про инновацию, но как же может быть просто всё хорошо:
- фотографии: однородность, ракурс, масштаб, привлекательность
- тексты: думают про длины заголовков новостей, про тексты в карточках, про единый объем описаний преимуществ
- типографика: никакого футуризма, но как взросло, эстетично, лаконично
- таблички, иконки, циферки — всё очень сбалансировано даже не в рамкой одной страницы, а всего сайта — блестящая консистенция дизайн-языка.
Один из лучших корпортивных сайтов за последнее время. https://www.hines.com
https://bouguessa.com
Этот сайт одежды будет поинтереснее сайтов лидеров этой индустрии (меня до сих пор удивляет, как на сайте Zara в некоторых местах текст уже 3 модных сезона не читается совсем). Анимации плавные и не раздражают, а очень даже хорошо задают темп вашего перемещения по сайту.
https://www.behance.net/gallery/49221945/Harley-Davidson-Project-Livewire-Website-Redesign
Очень понравилась работа, насколько чистой, простой и стильной она получилась. Тот случай, когда смотришь и понимаешь, что нет ничего лишнего, все на своих местах + сама по себе подача кейса, очень последовательная и приятная для восприятия. Берем в обоих случаях на вооружение!
Также поздравляем всех девушек с 8 марта. Желаем вам весеннего настроения! 🌷
http://www.ghafari.com
Безукоризненно выдержанный сайт. Очень чистые и, на первый взгляд, простые решения, гармонично переплетены между собой на протяжение всего сайта.
https://avocode.com/design-report-2016/
Ходят слухи, что сайты по слайдам мертвы. Вы правда так считаете? Я что-то не уверен.
——— special for designers
https://vk.com/fave?w=wall-41054727_28084
В выходные советуем отдыхать, но и отдыхать можно с пользой для работы. Это наверное самая крутая подборка лекций за последние полгода-год лично для меня. Не ожидайте узнать про приемы по работе с типографикой или анимацией, для этого есть Dribbble. Здесь скорей про мышление, про мир вокруг нас и место дизайнера в нем.
http://www.anchorandorbit.com/
Альтернативой цифровым сайтам и тем, что сейчас очень много берут из графического дизайна, являются вот такие вот сайты. Они другие, офлайновые, более «ручные», книжные если хотите. Создают совершенно другое ощущение и в правильном контексте смотрятся не хуже хитро анимированных сайтов.
Всех с пятницей, друзья! 🎈
Шортлист Creativepool Awards 2017 удручает : (
Единственный (без шуток) претендент, на мой взгляд — проект от MediaMonks https://www.sirinlabs.com
Не то, чтобы мы в восторге от таких сайтов, но сегодня они встречаются. Как по мне, так это те же флэш-сайты, только на другой технологии. В общем, оставляем вам оценивать.
http://www.aestheticsofjoy.com/
То, что СМИ движутся к упрощению сетки, уже кажется явный тренд.
http://luciebajgart.com
От тренда с наездами фото на текст (и наооборот), комбинирования фото в коллажи, нам к счастью или к сожалению уже некуда не деться. Здесь есть базовые приемы, которые помогут особо ничего не выдумывать, а сделать страничку в этом «съехавшем» стиле.
Пожалуй, это одно из лучших, что я видел за последнее время!
Какая-то невероятная гармоничность всего: типографики, цветов, звуков, иллюстраций, анимации, и самое главное решения задачи — представить головную компанию нескольких брендов одежды.
Информации ровно столько, чтобы не устать, но и насытиться. Она представлена ровна так, будто видишь витрину, рождающую любопытство узнать больше. А заканчивается точно тем, чем должно — приглашением в магазины.
Твердейшая пятерка от меня и за дизайн, и за решение задачи.
http://www.vermont.eu/
Доброе утро!
Для начала хорошего дня у нас веселый и по-своему милый сайт-годовой отчет замечательных Mailchimp. Не то, чтобы какие-то инновационные приемы, но современно и очень стильно оформлено — https://mailchimp.com/2016/
https://parall.ax/
Если в двух словах, то визуальная актуальность здесь зашкаливает. Я честно не знаю, есть ли здесь хоть один прием, который не в тренде сейчас.
http://uppertodo.com
Сегодня у нас аскетичный сайт с беспроигрышным сочетанием цветов, между прочим сделанный на Readymag.
https://www.hioscar.com/
Нигде такого не встречали и делимся с вами — очень интересный прием с закладками-заголовками. Единственный минус, что есть ограничение, больше трех будет явный перебор.
https://www.behance.net/gallery/47810259/2017-Design-Trends-Guide
Мы часто слышим «Нам нужен современный дизайн» или «Мы делаем то, что сейчас актуально». Но мне кажется, что не все понимают, что это значит. Вот эта ссылка выше должна дать понимание всем, и дизайнерам, и менеджерам, как со стороны студии, так и с клиентской, что сегодня есть современный дизайн.