Полезные ссылки
Содержание:
- Примеры[править]
- Светлый коридорный дом / FIGR Архитектура и дизайн
- Совместимость
- Расширяемость (Extensibility)
- 12 сайтов для вдохновения
- Композиция порталов
- LAVA присуждена Европейская премия 2016 года за архитектуру
- 6 сайтов для подбора цветовой палитры
- Tokyo Skytree: крупнейшая в мире телекоммуникационная башня
- 6 сайтов для дизайнеров о шрифтах и типографике
- 11 сайтов о логотипах
Примеры[править]
- Dwarf Fortress — проще сказать, что не может сделать игрок: выиграть.
- Серия Grand Theft Auto и её двойник-пародия Saints Row.
- Kerbal Space Program — песочница-космосим. Игроку предоставлена целая звёздная система с планетами.
- Simpleplanes — аналог KSP, сосредоточенный на строительстве всех видов техники, кроме космической (космоса в игре нет).
- Minecraft, Starbound и Terraria.
- Red Faction: Guerrilla.
- Практически любой рогалик представляет из себя песочницу.
- Практически любой симулятор (особенно хардкорный) имеет режим песочницы. В авиасимах — режим свободного полёта, в автосимах — «практика», и т.д. Ввиду особенностей жанра наличие такого «спортзала» для индивидуальной отработки навыков более чем оправдано.
- The Elder Scrolls — кто проходит в этих играх только линейный главквест, оставляет без внимания 90 % контента игры.
- Серия Fallout — ещё в первой части имелось только одно ограничение — по времени прохождения главного квеста; а начиная с Fallout 3 за разработку взялась та же фирма, что занимается серией The Elder Scrolls — с соответствующим результатом. В Fallout 4 можно вообще забыть про сюжет и квесты, и заняться благоустройством многочисленных поселений.
- Mount & Blade же!
- The Powder Toy — двумерный «физический» симулятор-«клеточный автомат». «Физика» TPT только напоминает реальную, однако есть встроенный браузер для обзора «сейвов» других игроков и их небольшое активное сообщество, в котором можно найти достаточно сложные и проработанные конструкции: репликаторы, вычислители, космические станции, автоматические фабрики и просто красивые города/бункеры/пейзажи (разумеется, найдутся и бомбы против тех бункеров… и бункеры против тех бомб). Начинался, на что намекает название, как в буквальном смысле симулятор песочницы.
- Spore
Более того, заядлые творцы часто вообще не заходят в саму игру (которая весьма однообразна), полностью уходя в редакторы и создание приключений.
— космический этап. Есть несколько начальных миссий, обязательных для того, чтобы покинуть свою систему, типа-главный квест — добраться до центра галактики, после чего наступает полный фриплей.
- Игры от Ubisoft — квинтэссенция тропа, причём некоторые игры вдавливают педаль в земную кору.
- Игры Вселенной Х. Начиная с X³ поддавливают педаль в пол: основных сюжетных цепочек квестов здесь может быть несколько, есть побочные генерируемые задания. Но всё это выполнять совершенно необязательно, и с самого начала игры игрок из стартового сектора может лететь куда угодно, осваивая космос в любом направлении и занимаясь пиратством, поиском бесхозных кораблей, наемничеством, торговлей и постройкой космических станций.
- Франшиза Trainz (2004—2019) от сперва Auran, а позже — N3V Games. Воплощение песочницы в жанре поездосимуляторов. Все остальные — подражатели, порой и более удачные, чем законодатель моды.
- Startopia — режим «песочницы» позволяет осваивать космическую станцию в сабже. Никаких ограничений или заданий. Строй что хочешь.
- Ведьмак 3 — с оговорками. 3 огромные суперлокации, не считая мелких подлокаций, по идее, не дадут вам заскучать, однако долго игнорировать основной сюжет все равно не получится — регионы здесь довольно однообразны, а побочные квесты по большей части унылы.
Светлый коридорный дом / FIGR Архитектура и дизайн
Светлый коридорный дом / FIGR Архитектура и дизайн архитекторы Архитектура и дизайн FIGR Место нахождения Cremorne, Австралия Площадь 110, 0 м2 Год проекта 2017 Фотографии Том Блачфорд и Кейт Баллис Производители строитель Grundella Constructions стайлинг Рут Вельсби Пейзаж Офис MUD инженер Meyer Consulting Engineers Строительный сюрвейер Геодезические мастерские Michel Дополнительные характеристики Текстовое описание, предоставленное архитекторами. Light Corridor House — это расширение, которое празднует путешествие по старому и новому. По прибытии отель представляет себя как коттедж знакомого
Совместимость
По определению, совместимость в этой статье — это возможность технологий быть взаимозаменяемыми в зависимости от необходимости пользователя. С технической стороны, можно привести пример как множество компаний закончило или еще в процессе миграции со старого стека на новый. Например Backbone -> React, и хотят, прийти к общему виду, который уже не будет требовать подобных крупных миграций. Компоненты и веб компоненты, пожалуй, текущее положение дел, которое устраивает многих.
Web components
Веб компоненты пытаются решить проблему совместимости со стороны веб стандартов. Главное задача которых является в предоставлении такой унифицированной формы, которая даже не будет требовать какого-либо фреймворка или библиотеки для создания компонентов.
Каждый веб компонент инкапсулирован и работает в современных браузерах без каких либо зависимостей. Эта технология еще развивается, но будем надеяться она получит еще больше новых возможностей в 2020.
Логические свойства
Логические свойства, позволяют нам переосмыслить модель, которую мы используем для расположения элементов на странице и делает ее более дружелюбной к разным языкам и устройствам, с помощью которых пользователи заходят на веб-сайты.
Например в русском языке, который читается слева направо, мы представляем высоту, ширину, лево, право, верх, низ — ну, как и представляем (ваш кэп). А вот например в арабском языке где все справа налево, дела обстоят немного иначе. , уже не будет отступом в начале абзаца, ведь он начинается не слева.
Как пример логического свойства, вы можете использовать вместо . И тогда будет устанавливаться той стороне, с которой обычно в выбранном пользователем языке читают слова. Если это русский, будет использоваться , а если арабский, то .
Настраиваемые media queries
Это такие медиа-квери, которые позволяют нам узнать о предпочтениях пользователя. Например пользователю нравится темная тема. Мы можем узнать об этом используя :
Как всегда, все самое интересное и прикольное не поддерживается только в Edge и IE.
Скорость
Веб постоянно и неустанно эволюционирует, это пожалуй то, что делает его столь интересным. А какие технологии по вашему мнению станут трендом 2020 года?
Расширяемость (Extensibility)
Расширяемость это когда вы можете взять технологию и расширить ее для своих нужд. На протяжении нескольких лет мы используем компоненты повсюду, как в качестве разработки приложений (компоненты на React, Vue, Svelte) так и в качестве разработки дизайна (дизайн системы).
На данный момент мы пытаемся сделать эти компоненты более уникальными и удобными для использования. Расширяемость в вебе позволяет нам использовать платформу (браузеры, html/css/js движки) для собственных нужд и экспериментов, разумеется для получения большей выгоды.
CSS Houdini
Это означает, что теперь мы можем делать, то, что было просто не возможно до этого. Например косые углы у кнопки или округлый лаяут.
Houdini позволяет расширять стилизацию с помощью CSS и дает возможность добавлять пользовательские правила в CSS. На текущий момент в Houdini входит:
С помощью этих API, пользователь может использовать семантику в CSS (Typed Object Model), используя Paint API рисовать словно на и применить результат в качестве бордера (привет градиентные бордеры) или создать параметризованную анимацию всего в одну строчку CSS.
Еще например, можно вынести анимации в отдельный поток (Animation Worklet) и использовать Layout API для уникального расположения элементов без использования таких правил как margin, padding, left, right.
В общем Houdini, это одна из тех вещей, на которую стоит обратить внимания в этом году.
Вариативные шрифты
Вариативные шрифты это будущее веб типографики, которые предлагают ряд возможностей управления отображением текста на экранах (размер, жирность, стиль). И все это при относительно малом размере файла. Пора сказать goodbye бесконечным дебатам на тему, сколько шрифтов вам необходимо подключить и дать возможность вашему контенту жить новой, прекрасной жизнью.
Более детально познакомится с вариативными шрифтами можно в этой статье.
Custom Properties
Пользовательские свойства позволяют нам писать более структурированный и в то же время динамический CSS. Речь идет не только о переменных, но и о возможность изменять эти переменные с помощью JS.
Custom Properties уже поддерживаются так же хорошо как вариативные шрифты и для них не нужно использовать какой-либо пост/пре процессор. Эти «технологии» работают в разных браузерах и на разных системах. Отсюда мы плавно переходим к совместимости.
12 сайтов для вдохновения
Pinterest поможет найти идею для дизайна
- https://www.behance.net. Дизайнеры традиционно публикуют свое портфолио Behance, поэтому сайт можно смело назвать самой большой коллекцией удачных примеров в любой сфере дизайна. Следите за новыми проектами, подпишитесь на дизайнеров и студии, на работы которых вам бы хотелось равняться.
- https://www.awwwards.com. Ресурс посвящен самым лучшим работам в веб-дизайне, на Awwwards можно найти подборки лучших сайтов за день, неделю, месяц или год. Вдохновляйтесь лучшими!
- https://dribbble.com. Платформа, на которой дизайнеры размещают свои портфолио. Чтобы добавить свои работы, нужно получить приглашение от участника Dribbble.
- https://www.designspiration.net. На сайте вы встретите сотни примеров хорошего дизайна для вдохновения.
- https://synapticstimuli.com. Галерея самых разнообразных проектов. Развивает чувство прекрасного.
- http://www.designmadeingermany.de/sites-we-like/. Можно найти авторские подборки красивых сайтов разнообразных стилей. Кстати, в подборку можно предложить и свой сайт.
- https://designshack.net/category/articles/critique-articles. Сайт для дизайнеров, на котором не хвалят, а критикуют. Новички наверняка узнают для себя много полезного.
Design Shack поможет увидеть ошибки в дизайне сайтов
- https://siiimple.com. Поклонникам минимализма и тем, кто хочет научиться создавать дизайн в этом стиле. На сайте просто огромная подборка примеров дизайна в минималистичном стиле, которая постоянно обновляется.
- https://onepagelove.com. Отличный ресурс с подборкой одностраничных сайтов. Всем, кто занимается лендингами, смотреть обязательно.
- https://mediaqueri.es. Довольно удачный проект об адаптивном дизайне. Особенно пригодится тем, у кого еще не было опыта в создании таких макетов.
- http://bookcoverarchive.com. Сайт пригодится не только тем, кто занимается оформлением обложек книг, но и тем, кто постоянно сталкивается с необходимостью подобрать хороший шрифт.
Композиция порталов
Портал создаётся для того, чтобы усилить впечатление, подчеркнуть, выделить, зрительно акцентировать вход в здание. Поэтому порталы чаще всего используются архитекторами в культовых, дворцовых и престижных общественных сооружениях.
Один из композиционных приёмов: зрительное удвоение, подчёркивание «рамы входа» с помощью наличников, сандриков, карнизов, пьедесталов, волют и фронтонов. Порталы оформляются также скульптурой и рельефами. В таких случаях портал напоминает многократно повторённый формальными средствами вход, который постепенно разрастается и увеличивается вокруг центральной оси. Таковы, например, заглублённые, с многократно повторенными в глубину арками, «перспективные порталы» романских и готических соборов Средневековья. В ранней романике, например, в архитектуре средневековой Вероны, порталы храмов оформляли цилиндрическим сводом, опирающимся на колонки, которые, в свою очередь, опираются на спины львов (символы стражей входа). Иногда такие порталы перекрывали двускатной кровлей и они становились похожими на миниатюрный храм. Не случайно такие порталы повторяли внутри, в нартексе церкви, как бы предваряющими вход в основное помещение — наос. Такие же порталы имеют средневековые леттнеры.
Композиция перспективных порталов из полуциркульных (нем. Rundbogenportale), а затем и стрельчатых арок складывалась в XII—XIII веках. Количество перспективных порталов западных фасадов готических соборов соответствовало числу нефов внутри. Поэтому обычно их было три. Каждому порталу давали имя, например в соборах Реймса, Фрайберга, Парижа. Так порталы собора Парижской Богоматери именуют Порталом Девы (северный), Порталом Страшного суда (центральный) и Порталом Святой Анны (южный). Они имеют откосы («щёки») и последовательно сходящиеся в глубину ряды архивольтов и колонок, оформленных скульптурами. В тимпане фронтона центрального портала изображали Христа на троне или в мандорле, сцену Коронования Девы либо Страшного суда. По сторонам, на консолях — ветхозаветные и новозаветные персонажи: пророки, праотцы, апостолы.
Аналогии западноевропейским порталам имеются в древнерусской архитектуре владимиро-суздальской и московской школ. Они привнесены на Русь западноевропейскими зодчими. В архитектуре барокко XVII—XVIII веков и неоренессанс а XIX века динамичная форма перспективных порталов снова оказалась востребованной.
LAVA присуждена Европейская премия 2016 года за архитектуру
LAVA присуждена Европейская премия 2016 года за архитектуру Площадь / LAVA. Изображение предоставлено LAVA Музей архитектуры и дизайна Чикаго Атенеум и Европейский центр архитектуры, искусства, дизайна и градостроительства назвали LAVA (лаборатория архитектуры видения) в качестве получателей их Европейской премии за архитектуру 2016 года. Одна из самых престижных архитектурных наград Европы, европейская премия за архитектуру ежегодно предоставляется архитекторам, которые «проложили новый путь и направление для архитектуры, которая глубоко гуманна и привержена идее продвижения принципов европейс
6 сайтов для подбора цветовой палитры
- https://www.materialpalette.com. Сервис для подбора палитры работает очень просто: выбираете два основных цвета, и сайт предлагает вам расширенную цветовую схему.
- http://www.flatuicolorpicker.com. Множество очень красивых оттенков, разбитых по категориям: красные, фиолетовые, синие, зеленые, желтые, оранжевые и серые.
- https://coolors.co. Онлайн-генератор цветовых схем для сайта создает подборку из пяти оттенков, каждый из которых вы можете изменить по своему усмотрению. Чтобы эффективнее пользоваться сервисом, советуем не пропускать инструкцию в самом начале.
- https://colorfulgradients.tumblr.com. Очень хорошая подборка градиентов на любой вкус.
- http://paletton.com. Один из самых удобных генераторов цветовых палитр. Его ценят за широкие возможности и гибкие настройки.
- https://color.adobe.com/ru/create/color-wheel/. Неплохой и функциональный инструмент для создания палитры от Adobe. Обязательно попробуйте!
Tokyo Skytree: крупнейшая в мире телекоммуникационная башня
Tokyo Skytree: крупнейшая в мире телекоммуникационная башня С момента своего открытия 22 мая в Токио Скайтри уже накопилось огромное количество посетителей. Как сообщил Совет по высоким зданиям и городской среде обитания (CTBUH), 634-метровая (2080 футов) структура превзошла ранее самую высокую коммуникационную башню, Кантонскую башню в Китае, на 34 метра. Токийский Skytree занял четыре года, чтобы построить и в два раза выше японской 333-метровой башни Токио. Название и концепция концепции Tokyo Skytree описывается разработчиком как «Создание городских пейзажей, превосходящих время: слияние тр
6 сайтов для дизайнеров о шрифтах и типографике
- https://ilovetypography.com. Один из лучших ресурсов для тех, кто небезразличен к буквам. На этом сайте вы найдете массу полезных и просто интересных заметок о типографике и том, что с ней связано.
- https://fonts.google.com. Подборка бесплатных шрифтов от Google, которой чаще всего пользуются дизайнеры. Самое полезное — возможность посмотреть, с какими шрифтами чаще всего сочетается выбранный вами вариант.
- https://www.paratype.ru. Отличный сайт с хорошей подборкой шрифтов. Из приятного — можно без особого труда подобрать даже красивый русский шрифт, из печального — большинство шрифтов придется приобретать (но на сайте часто проводятся распродажи).
- https://fontshop.com. Магазин шрифтов, где можно подобрать удачное решение для своего проекта. Но особенно интересен сайт даже не количеством самих шрифтов, а примерами их применения, которые позволяют лучше оценить, насколько выбранный шрифт подходит для вашей задачи.
- https://www.dafont.com. Огромная подборка шрифтов для самых разных задач, а еще — удобный интерфейс и много новинок.
- https://typejournal.ru. Полезный интернет-журнал о типографике и шрифтах.
11 сайтов о логотипах
LogoDesignLove — сайт о хороших логотипах
- https://logopond.com. Сотни примеров логотипов, как удачных, так и не очень, в вашем распоряжении. Плюс ресурса в том, что вариантов на нем очень много, а еще их можно по-разному отсортировать.
- https://www.logaster.com. Сервис позволяет очень быстро генерировать логотипы. Да, уникальный логотип с его помощью не сделать, но сайт очень выручает, когда у клиента еще нет логотипа, а в шапку сайта нужно что-то поставить.
- https://logo.squarespace.com/. Аналогичный сервис для создания логотипов небольшого размера. Вы вводите название компании и попадаете в редактор, в котором к логотипу можно добавить иконку, а заодно посмотреть, как все это смотрится на визитке, мониторе и футболке.
- http://logofaves.com. В подборках логотипов на этом ресурсе можно найти не только идеи, но и контакты дизайнера, а также ссылку на его Behance-профиль. Это очень удобно в случае, когда вам нужно не только посмотреть логотип, но и найти исполнителя.
- https://www.hipsterlogogenerator.com. Еще один генератор, позволяющий создать простой, но достаточно эффектный логотип за пару минут.
Генераторы логотипов помогут придумать основу или создать временный логотип
- http://logotypes101.com. Подборка бесплатных векторных логотипов. Если у вас есть время и вы готовы его потратить, то сможете найти неплохой вариант.
- https://logobaker.ru. Сайт для тех, кто разрабатывает логотипы. Здесь есть неплохая подборка, а также возможность попросить совета или получить фидбек.
- https://www.logofury.com. В этом сервисе от вас требуется только ввести название компании, выбрать категорию и добавить слоган (при желании), все остальное генератор делает за вас, мгновенно создавая десятки вариантов.
- https://www.logomoose.com. Очень солидная подборка логотипов со всего мира. Что интересно, есть действительно много хороших вариантов, которые можно использовать для вдохновения.
- http://www.thelogomix.com. И снова подборка логотипов, но на этот раз с расширенной сортировкой: можно выбрать логотипы по определенному цвету или тематике. Когда нужно что-то быстро придумать, очень выручает.