основы веб дизайна
3.97K subscribers
2K photos
691 videos
3 files
1.4K links
свага дизайнер
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
#insprrrrr #prtfffff
https://www.systemantics.net

еще сегодня у меня для вас клевый бесшовный переход с главной на страницы и обратно. уже в коллекции
16
This media is not supported in your browser
VIEW IN TELEGRAM
#insprrrrr
https://anqimeng.github.io/notabook/

но самое любопытное на сегодня, это, как я понял, просто случайный студенческий проект посвященный поиску нового ридинг экспириенса. и он прекрасен. и лейаут, и проявляющиеся заголовки по ховеру на главной, и экраны внутри разделенные колонкой с навигацией по статьям. любовь
🕊2117
https://codepen.io/plashch/pen/WNPjxzw

придумал и закодил вчера ссылки, которые срабатывают только при выделении. зачем пока не придумал. просто забавная механика по веб-панку. например, в портфолио использовать. старался как можно проще. в примере ссылки на якоря, но можно любые, и по сайту и куда угодно
❤‍🔥244
платная подписка на меня
https://t.me/+a0Fg0x0xpwAwYWJi

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

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

основы и напочитать останутся бесплатными и без рекламы, как и были. у меня все
❤‍🔥126
This media is not supported in your browser
VIEW IN TELEGRAM
#insprrrrr
https://kunstverein-leipzig.org

клевая механика с плавающими пинами кастомайза страницы. а вот медленная анимация раскрытия не очень
7
This media is not supported in your browser
VIEW IN TELEGRAM
#insprrrrr
https://artpapereditions.org

крупные картинки. базовые цвета. нарочито примитивные элементы, верстка и сетка
11
This media is not supported in your browser
VIEW IN TELEGRAM
#insprrrrr
https://zereraofficial.com/

коллажная сетка (колонки без гаттеров). игривое чередование товарных медиумов (обтравка, живые фото, трехмерные фигуры). один размер текста, намеренно заниженный (10px) и примитивная типографика по углам. клевый анимированный логотип
7❤‍🔥3
брутализм или вебпанк

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

но если кому-то хочется покопаться, то можно начать с известного факта, что термин брутализм пришел из архитектуры, а название происходит от французского beton brut (сырой бетон) и не особо связано с анг brutality (жестокость). но и сама философия архитекторов бруталистов была не столько про перелом устоявшихся норм (хоть и ломала), сколько про ‘форма следует за функцией’ и про красоту чистых необработанных материалов. и, тем более, никогда не была против системы. большинство бруталистичных зданий это муниципалитеты и соцжилье. да и в целом весь модернизм был про тотальную систематизацию всего, что окружало человека

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

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

поэтому, кажется, что все, где предлагается какая-то нестандартная верстка, ломаная сетка, альтернативные механики и всяческое нарушение правильности корректнее относить к вебпанку. главное правило, что все это должно быть неслучайно и что дизайнер осознанно так решил сделать. и поэтому, кажется, что и kunstverein-leipzig.org и zereraofficial.com ближе сюда

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

а еще иногда вспоминаю дадаистов и дадаизм, но эти отрицали вообще все, в том числе и функцию. а сайт вообще без функции представить сложно. на ум приходит только сайтмем с пожилой женщиной на электроскуторе https://jon-l.com/infiniteroll/

в общем, делайте выводы, но не спорьте со мной, а то удалю комментарии
24🕊9❤‍🔥7
собрал папку каналов не про диз, диз надоел, делюсь

https://t.me/addlist/o-uvkukPc7o3M2Ni
❤‍🔥115
докинул еще в папку @todaywewilldraw. он про скоростные наброски. каждый четверг в 19:00 авторка выбрасывает пачку картинок на общую тему, которые нужно быстро зарисовать, типа пять минут на каждую. забавная тема. к своему стыду ни разу еще не попробовал. но все обещаю себе
❤‍🔥31
#insprrrrr
https://www.sitterwerk-katalog.ch/

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

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

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

есть, конечно, и к чему придраться. например, не хватает просмотра фоток крупно и нет возможности переключаться между тем, что выдал поиск на самой схеме. но главное все выглядит симпатично
❤‍🔥193
This media is not supported in your browser
VIEW IN TELEGRAM
из личного. на днях наконец-то купил себе кольцо. от британских ребят heresy (одежда мне их тоже нравится). и очень этому рад. давно хотел накупить себе колец и долго искал что-то интересное. но, несмотря на то, что вокруг будто бы полно локальных ювелиров, как-то прям интересного чего-то среди них не нашел. сравнимого с тем, например, что можно увидеть на каком-нибудь apoc store. разве что alexanderkarpinsky делает что-то такое экспериментальное, что могло бы там продаваться. как-то грустно от этого. но, так или иначе, теперь у меня есть хотя бы одно кольцо
21❤‍🔥5🕊2