26844
Сайты с хорошим дизайном со всего света 🤟 Since 2016 Сотрудничество: @design_manager_bot
В прошлом посте говорили о классике, давайте теперь затронем сегодняшний день. Главный тренд этого года — это ломанный минимализм (это я так называю, можете называть этот стиль как хотите). Особенно популярен и развит он среди русских дизайнеров, я думаю именно они его и популяризовали так сильно, если вбить на Behance поиск по запросу minimalism, в топе по вебу будут преобладать именно русские. Если разбираться, то на самом деле все проще чем это кажется: все выстраивается вокруг изображения, оно непременно крутое и достаточно самостоятельное, в пустые зоны, которое оно образуют встраивается текст и другие интерактивные элементы. Стили текста контрастные, самый низкий ранг как правило может быть расположен вертикально. Самое главное сделать так, чтобы все элементы «поддерживали» друг друга, и создавали гармонию общей картины, чаще всего, если отзумится, они должны образовать прямоугольник. Пример ниже.
〰
In the last post I told you about classic, today I want to speak with you about modern style. I think it is the most popular style of this year. I called it broken minimalism (this is how I called it, you can name it as you want). This style is very popular, especially in Russian design community. I think Russian designers made it so famous in web space. If you try to search by minimalism tag on Behance you can find many works from Russian designers. Actually this style only looks very difficult, let’s find out how it works: in the center of composition you need to use an awesome picture and in empty spaces to put all content: texts, lines, interactive elements etc. Size (or style) of the text must be very different and for the less nessesary information you can use vertical orientation. The most important thing is how to put all elements to make a full composition.
https://www.aristidebenoist.com
Питер! 28 октября буду экспертом в открытой зоне осеннего Behance Portfolio Review. Состав жюри бомбический: Леонид Ивахов (Одноклассники), Гриша Коченов (Agima), Денис Ломов (Red Collar), Олег Турбаба (SFCD+Clay), Inessa Shillo (Nimax), Катя По (ARTW), Вероника Тышко (OLYMPIA)
Место, кстати, ОХТА LAB, тоже отличное.
Подавайте свои работы на ревью и приходите просто так. Это правда хорошее мероприятие: не занудное, полезное, современное и с девочками из RedBull : )
В общем, не поленитесь встать в субботу 28 октября, вы не пожалеете. Тем более, что начало в 13:00.
http://behance.its.agency
〰
Russian, only, sorry : )
Очень простой и приятный сайт, не лишенный каких-то модных и современных приемов, которые не мешают, а просто ненавязчиво присутствуют и придают небольшой «резкости» дизайну. Я ума не приложу, почему все информационны сайты по-прежнему представляют из себя кашу из информации, когда ты не понимаешь куда смотреть. Но более маленькие порталы делают уже так, как должно быть сегодня и заглядывают немного в завтра.
〰
A very simple and nice website. It has modern and trendy effects which make design more sharp and don’t disturb you. I really don’t know why all news websites in Russia look very typical with a mess of information, so that you really don’t know where to look. But very small portals like this are trying to create some relevenat design for today and tommorow.
http://www.nova.fr
Всегда приятно писать про наших ребят, но особенно, когда они не из Москвы или Петербурга. Агенство ADN из Барнаула сделали не сложный, но интересный по идее и визуалу сайт Zoomanity. Двойной респект за то, что можно ещё и футболки купить с принтами персонажей.
〰
It's always nice to write about our guys, but especially when they are not from Moscow or St. Petersburg. Agency ADN from Barnaul did not complex, but interesting in idea and visual site Zoomanity. A double respect for the fact that you can also buy T-shirts with prints of characters.
http://zoomanity.land/en/
2 ноября в Бельгии пройдет очень крутой фестиваль, на котором нам бы всем по-хорошему оказаться. Помечтали? Хорошо : ) Давайте хотя бы посмотрим на весьма достойный сайт феста, а потом не забудем посмотреть записи выступлений супер состава докладчиков.
〰
November 2 in Belgium starts a very cool festival, at which we would all be in a good way. Dreamed? Okay : ) Let's at least look at a worthy site of this fest, and then not forget to watch main recordings of this super speakers.
http://www.kikk.be/2017/en/home
Отличный пример эффектного и очень точного решения для маленького сайта с конкретной задачей.
Обратите внимание на структуру и переходы — какое всё простое и чистое.
〰
An excellent example of an effective and very accurate solution for a small site with a specific task.
Pay attention to the structure and transitions - which is all simple and clean.
https://insidethehead.co
Фанатам Гарри Поттера посвящается
〰
Post for Harry Potter’s fans
https://my.pottermore.com/hogwarts
Здесь можно взять много приемов, если вы работаете с дизайном информации. Хорошая работа с типографикой и зонами
〰
You can find here a lot of cool design solutions if you work with design of information. Good typography and very nice work with zones
https://www.quantamagazine.org/
Скажете, что ничего необычного. А я люблю такие сайты, простые, с четкими акцентами, крупной типографской, без ненужных анимаций и каких-то вау эффектов.
〰
You will say that the website is very regular. But I like websites like this, simple with focuses in each block, bold and big typography and without any unnecessary animations and wow-effects.
https://savee.it
Сегодня обрадовался, когда увидел работу российской студии, о которой захотелось вам рассказать, но начал изучать и, к сожалению, не без вопросов. Тем не менее, уже упоминавшиеся нами Red Colllar сделали сайт, получивший в августе FWA of the Day.
Красоту смотрите сами, а у меня вопросы: к навигации, к UX-у каталога и к полному отсутствию адаптива. Что совсем нет мобильной аудитории?
〰
Today was delighted when saw the work of the Russian studio, which wanted to tell you about, but began to explore and, unfortunately, not without questions. Nevertheless, already mentioned by us Red Colllar have made a site, that get reward FWA of the Day in august 2017.
Explore UI decisions by yourself, my questions are: to navigation, to the UX of the catalogue and to the complete lack of adaptive. Really there is no mobile audience?
http://en.euro.vet
А ещё (хочется поделиться с вами) мы выкатили новенький сайт студии со свежими работами : ) Видосик и подробности в фэйсбуке.
〰
And we excited to share with you that we’ve just rolled out a brand new site of our studio, with best last works. Video and details in Facebook.
https://www.facebook.com/gurick/videos/vb.100001474863287/1756733727719106/?type=2&theater
Сегодня хочу поделиться с вами пожалуй моей самой любимой работой. Полгода назад я сделал дизайн сайта для известного моушен дизайнера Поля Штылера. Спасибо тебе, что дал возможность сделать все именно так, как я хотел.
〰
Today I want to share with you my favourite work. I have created a design of website for famous motion designer Paul Shtyler. Thank you for opportunity to create it the way that I wanted.
https://www.behance.net/gallery/55745971/Shtyler
Очень чистый и элегантный сайт
〰
This is a very clean and elegant website
https://behere.co/
Главная задача этого сайта — передать настроение. И он с этим справляется без каких-либо проблем. Когда идешь внутрь становится уже скучнее, но сам переход настолько крут ментально, что не передать. Разработке аплодирую, непростые анимации, но даже на Safari ничего не дергается.
〰
Main goal of this website is to create a mood. And website does it without any problems. When you will going deeply it will be more boring but the idea of the transition is great. Guys who developed website are awesome. Really, It’s working very nice in Safari.
http://www.beargrylls.com
Обновился Medium (во всех каналах). Главное: Claps — новая механика демонстрации вашей удовлетворенности прочитанным и Partners Program — модель монетизации основанная на тех самых Claps. Почитайте их блог, с точки зрения UX всё это, как минимум, интересно.
〰
New Medium launched (all channels). Main: Claps — the latest technology to demonstrate love on the internet & Partners Program — emoji-based economy for content creators to earn money. Read their blog, from UX-view all this news is really interesting.
medium.com
https://blog.medium.com/show-authors-more-%EF%B8%8F-with-s-c1652279ba01
https://blog.medium.com/expanding-the-medium-partner-program-3be09dd146e4
Что делает сайт дорогим, изысканным, классическим и, если можно так сказать, интеллектуальным? Давайте разбираться вместе: пишем черным по белому, используем шрифт с засечками, из акцентных цветов берем только оттенки золотого (бежевый, коричневый и т.п.), никаких скруглений, верстка чаще книжная, реже журнальная, и забываем про какие-либо тени от объектов.
〰
What makes a website look fancy, expensive and classic? Black type on white background, serif fonts and gold (brown, beige etc.) color for details and accents. Sharp corners, book layout and no shadows. I think that’s all.
https://museeyslparis.com
Снова я, и снова два dribbble инвайта, подробности по ссылке
〰
I have two invites for new guys, follow the link to learn more
https://dribbble.com/shots/3864500-two-invites-for-new-guys
Это ребята из Нью-Йорка, которые сделали много классных сайтов: Harry’s, J.Crew, Saturdays Surf NYC и многие другие, которые не раз попадали в канал. Подача достаточно однообразная, но знать такие студии нужно. Я, например, видел почти всех их работы, но не был в курсе, что это сделано одной рукой. Самое интересное, что работы, которые я перечислил сверху, имеют определенную привязку по локации — все из НЙ. Как и сама студия, что, как мне кажется, наиболее четко передает настроение и преемственность их оффлайновых мест.
〰
These guys from NYC have created a lot of great websites like Harry’s, J.Crew, Saturdays Surf NYC and many others. We showed many of their works in the channel before. Grid of the website is very trivial. I saw almost all of their works, but I didn’t know that it was created by one hand. I think it is very interesting that all works from my list above have the same location — NYC. And yes, guys from Gin Lane are from NYC too. I think it helps them to put brand mood in digital space so good.
https://www.ginlane.com
Одно дело модные лэндинги и интерактивные лонгриды, другое — огромные порталы. Мы на своем опыте отлично знаем, как сложно создать дизайн-систему, да ещё и с модными решениями, для большого ресурса. Но студия Locomotive кажется смогла. Встречайте новый крупнейший сайт о студенческом спорте Канады.
〰
Designing fashionable landings and longreads & designing huge portals — very different things. We know from our experience how difficult is to create a design system, and even with fashion solutions, for a large resources. But the Locomotive studio seemed able to. Meet the new largest website about student sport in Canada.
https://usports.ca/en/
Now How Channel
Этот сайт похож на Нью-Йорские сериалы, такие, знаете, трушные, которые мало кто смотрел, типа «Девочки» или «Как сделать это в Америке». Очень хипстовато-андеграудный, чем-то напоминает подкасты от Boiler Room. Если вы ничего не поняли из того, что я написал, просто посмотрите, тут все модненько
〰
This website looks like shows from NYC, true shit shows, you know, like "Girls" or "How To Make It in America". Hipsters, Williamsburg, Bushwick etc. Also reminded me style of "Boiler Room". If you don’t understand what I said just look at it, it’s very stylish
http://manualphoto.com
@
Совсем не новый сайт от проекта «Такие дела», но рассказать о нем хочется. Замечательная синергия художников-иллюстраторов с веб-интерактивом. Практически безукоризненная верстка с правильными задержками и сложными прокрутками. Погружение в атмосферу — 100%. Ну и, конечно, звук, куда уже без него : )
〰
Not a new project , but we want to tell you about it. A great example of a remarkable synergy of illustrators with web interactive. Practically irreproachable quality with correct delays and complex scrolls. Immersion in the atmosphere - 100%. And, of course, the sound : )
https://takiedela.ru/homeless
Meet Birch, bitch!
https://www.doggoforhire.com/
Очень приятно сделанная история, местами конечно не очень визуально консистентная, но понимая общую сложность работы, на это закрываешь глаза
〰
This website looks very nice. In somewhere it looks not consistent, but it’s not so bad, when you understand the complexity of all work
https://www.ge.com/digitalvolcano/
Типичный сайт с awwwards, с классной главной и кастомными анимациями. Внутренние страницы очень скучные, спасает разве что хороший шрифт с засечками.
〰
Typical website from awwwards: cool main page and custom animations. Inner pages are very boring. They looks not bad because designers have used very nice serif font.
http://www.formigari.it
Я очень слабо представляю, что у таких людей в голове. Но работы вполне адекватные, многие я видел до этого и сохранял себе.
〰
I don’t understand what these people are thinking. But their works are very cool, I saw many of them earlier.
http://www.maltegruhl.com
Забавно, начинает вырабатываться привычка прибавлять звучок на ноуте, когда заходишь на какой-то современный сайт — уже ждешь его, этот дополнительный, звуковой икспириенс. И становится даже немного смешно думать, что кто-то по-прежнему убеждает нас, что «на сайтах не должно быть звуков».
Это так, оффтопчик : )
Ниже хороший современный пример сайта с пошаговым выбораом (механика для большинства сервисов подбора чего-либо). Современно, вкусно, просто и, конечно, с отличным звуковым сопровождением. Вот выключите звук и попробуйте пройтись ещё раз — совершенно другие ощущения. By Jam3 from Canada.
〰
It's funny, that it starts to develop the habit of adding volume on the laptop when you open a modern site — you are already waiting for it, this additional, sound experience. And it becomes even a little ridiculous to think that someone still convinces us that "there should be no sounds on websites".
Little offtop, sorry : )
Below is a good modern example of a website with a step-by-step flow (the mechanics for the most selection services). Modern, tasty, simple and, of course, with excellent soundtrack. Guys, turn off the sound and try to choose your car again — completely different experience. By Jam3 from Canada.
http://cars3generations.com/
Тот случай, когда внутренние страницы, гораздо интереснее главной. Мне особо запомнился таймлайн на странице About
〰
This is a monent when you realized that inner pages are more interesting than main page. Also I very like timeline of About page
http://www.simonrogan.co.uk/about
Друзья, мы почти никогда не рекомендуем каналы, но Антон — красавчик. Он постит ссылки на понравившиеся статьи по проектированию интерфейсов и снабжает их отличными информативными подводками. Ещё мы с Антоном вместе преподаем UX, так что я лично ручаюсь за его канал — @uxnotes
Читать полностью…
Очень стильный, с интересными микро UX-находками, современный промо-сайт и одновременно отличная презентация приложения — свежая работа от Immersive Garden, Париж
〰
Very stylish, with smart micro UX-innovations, modern promo-site & at the same time a great presentation of a new app — fresh case from Immersive Garden, Paris
https://gleec.com/
Продолжаем постить выносные сайтики )
Аctive Theory из USA неделю назад сделали клевый промик для Bonds (нижнее бельё).
Крутой пикер паттернов, динамичненько, задорно. Запоминается, веселит и с одной кнопкой — идеально для простой РК.
〰
We continue to post mad sites )
Active Theory Studio from USA a week ago made a cool promo-site for Bonds (underwear). Crazy pattern picker, dynamic, fervently. Remembered, amused and with one button — ideal for a simple ad campaign.
https://bondsmashup.com/preview/