Пара слов о техностиле (ОСЗ №4)
 

Всем привет! :) Хотелось бы буквально затронуть краем слова ниву техностиля. Иллюстраций по тексту не будет.

Что выделяет данный стиль? Чем он явно узнаваем? Определенно, самая характерная его черта - нагромождение. Нагромождение в основном визуальное, выполненое из нескольких резких и контрастных картинок, текста. Расмотрим пока отдельно картинки - как правило, в них преобладают металические элементы типа труб и всякого рода поверхностей,пересекающихся друг с другом и закрывающие друг друга. Во многих случаях центр масс такой картинки смещен относительно визуального и фактического центра картинки, но имеет повышенную плотность, оставляя оставшейся части композиции лишь отдельные штрихи. Как правило, гамма таких картинок выбирается из холодных, слабо контрастирующих между собой, но не фоном, цветов. Чаще всего, очевидно, голубых с низкой цветностью. Фон обычно выбирается более темный, хотя есть возможность используя светлый фон класть на него исключительно темную композицую, но это требует исключительного чувства вкуса и меры.

Что касается текста, то его роль в композиции - это роль переднего плана. Очень часто текст делают незначительно светлее композиции или полупрозрачным, и сдвигают его в не заполненые нагромождением "хаоса" участки картинки. Шрифты, конечно же, как правило рубленые и футуристические. Отдельные надписи состоят из фраз по одному или двум словам, реже трем. Это для случая, когда размер шрифта достаточно велик, скажем 20-50 пикселов для монитора. Надписи набранные маленьким кеглем, содержат как правило информацию о авторах, и пишутся без сглаживания (антиальайсинга) темным цветом.

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

Все выше описаное относится в большей степени к сплэшам и статическим изображениям.

Продолжение следует...

Иллюстраций по тексту не будет ... а может все таки?

ждём продолжение...

Спасибо C2Plus.
А может какие нибудь ссылки выложить?

к концу недели обещаю более развернутую заметку по теме... :)

Плюс а когда в москве наступает конец недели? =)

З.Ы.
Статья оч понравилась =)

C2Plus.
Я что-то никак не могу с тобой согласиться. Скорее всего ты видел очень мало подобных "техностильных" работ.

Mark, скорее всего, да. Напиши свое видение, хотя бы в двух словах.

... в поддеРЖание...
 

согласен во всем, оКРОМЯ:
не согласен, что техностиль – именно нагромождение объектов... Если, конечно, нагромождение трактовать как нагромождение... ;)

и...

ну...


... в общем, нечего больше добавить ;)

2 Alexey (G-fi): АААААААААААА И что эта фигня значит??? :eek: :D :D :D

... ну ты и сказал: ;) как фигня может что-то значить??? :p


... особенно, если она взята от Балды :) :D :D

Могу поработать ссылкой-иллюстрацией к статейке. :)

Небольшое опровержение бОльшей части вышенаписанной статьи: www.granik.com/temp/levelsubstructure.jpg

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

в дополнение:
шрифты обычно не только рубленные, но и соблюдается равный размер всех букв слова, тоесть отсутствие заглавных букв - либо все капсом (чаще всего) либо все прописными.
кроме того, очень характерным является использование "многоуровневого текста", когда предложения делаются короткими и четкими, главное размером побольше, остальные в порядке уменьшения, пояснительные или второстепенные блоки текста пишутся вообще в маленьком размере. кстати, не всегда без антиалиасинга. таким образом взгляд как бы скользит по композиции от самого большого текстового куска до маленьких абзацев, подхватывая информацию именно так, как задумывал создатель. я считаю это очень удачным моментом.
еще для оформления текста характерно использование уменьшеного междустрочного расстояния, чтоб линии текста были почти впритык и создавали визуально монолитный блок.
еще я давно обратил внимание на интересный способ постоения визуальных центров и силовых линий. если используется вертикаль-горизонталь - имеет четкую геометрию, все окей. стиль сам по себе геометричен, поэтому это логично. но когда заходит речь о диагональных линиях, то вместо ожидаемых углов 30-45-60-90 (тоесть кратных 15) мы видим совсем другое. если б умел пользоваться транспортиром, привел бы самые часто встречающиеся углы :D
еще. визуальный центр совмещен, сгласен с C2Plus. вопрос: есть ли закономерность в его совмещении? есть. вспоминаем правило золотого сечения. полагаю это логично :D иначе мы бы не смогли смотреть на работы в таком стиле по полчаса не отводя глаз и выискивая все более мелкие детали и взаимосвязи элементов композиции...

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

А как оно (правило формулируется)?
//Для общего развития

Руль! молодец туплюс :)

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

кажеся, вы запутались...

да нет вроде бы...у вас другое мнение? :cool:

у меня одно мнение :D

Еще характерные черты техностиля: мелкие плохо читаемые нео-технологические шрифты, ...

- да нет, в основном лежат классические рубленые (Arial, Helvetica, Pragmatica, Myriad, Helios и им подобные), как обычные, так и Condensed. Тексты заглавными буквами...

... преобладание синей палитры, ...

- опять непопад. все цвета радуги :p

... эффект старого телевизора(полосы), ...

- это вообще больше характерно для гранжевого стиля...

... большое число геометрических фигур, особенно треугольников, линий ...

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

... фотографии обычно четкие и в фирменных рамочках.

- и где же вы такое видели?

----------------

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

я имел ввиду шрифт на изображениях...
по-моему подходит этот сайт http://www.2advanced.com/flashindex.htm

ну и где же на изображениях на 2а есть "НЕО-ТЕХНОЛОГИЧЕСКИЕ ШРИФТЫ "???

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

покажи мне техно шрифты пожалуйста (ссылка)

http://www.mjau-mjau.com/classic.html
техношрифт :)

Я бы лучше посмотрел на техностиль с другой позиции, а именно чувств которые передает сайт:

Можно выделить три направления в техно:
1) Непосредственно техно (технический, механический). Подражает ультрасовременной аппаратуре. Стиль производит впечатление чего-то очень сложного, но вместе с тем не хаотичного, а наоборот продуманного. Показывает что в нем есть тонкий алгоритм работы который нам непонятен, как не понятны нам назначение большинства деталей в современной аппаратуре.
Отсюда всплывающие меню, сопровождающиеся работой кучи последовательных перемещений, щелканий, проворотов деталей. (напоминая открывание крышки подкасетника магнитофона). Эту же идею выражает, часто используемый, мелкий текст, настолько, что в них можно различить лишь силуэты слов, непонятно что считающие цифры и т. д.

Одной фразой его можно обозвать: ОЧЕНЬ СЛОЖНЫЙ АППАРАТ .
например http://www.ultrashock.com/

2) Второй выражает ничтожность человеческой личности перед прогрессом. Личные переживания (а они всегда соответствуют цветам) забиваются однотонной блеклой гаммой. Изобилуют мелкие, чуждые детали, в которых теряется индивидуальность человека: какие-то окошка небоскребов, машинки, панорамы города , автострад группируются в одной части композиции, а другая всегда свободна, открытое пространство, бездна, будущее. Очень часто присутствует небольшой ключевой элемент символизирующий ничтожность эго на фоне всего этого прогресса: маленький солнечный зайчик, фигурка человечка, машинка. Он очень мал, но на нем сделан акцент. В отличие от предыдущего стиля работа механизмов выглядит бесцельной. Передает чувства ПРОВИНЦИАЛА , оказавшегося В ОГРОМНОМ ГОРОДЕ.
Например: http://www.2advanced.com/flashindex.htm

Он обретен сайтам новичков, где детский эгоцентризм выражается в ярких, едких цветах. Все надписи выделяются. В центре лучи солнца от фильтра Lans Flare. СМОТРИТЕ КАКОЙ Я!!! Сотрясется весь интернет.

3) Третий — изображает виртуальный мир как СТИХИЮ . Стиль матрицы, цифровой мир. Он часто используется на сайтах производителей микроэлектроники, компьютеров, интернет провайдеров. В отличие от предыдущего стиля вызывает желание путешествовать в непознанном в этом море информации, познавать его.

как красиво рассказал млин :)

Объясните плиз что такое "конденсированный" шрифт?

это когда символы в шрифте примерно в два раза уже обычных.

А... шрифты типа Impact?

Воообще и примеры этого стиля - посмотреть хочется!

Яркий представитель стиля

http://www.opticspy.com/intro.html [750 kb]

От себя добавлю, что в данном стиле так же используются всякие плюсики и квадратные скобочки

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