Исправляем типографику в Steam

Оформляем профиль Steam (подборка лучших материалов и статей).

В данной статье будут приведены лучшие материалы на площадке Steam. Прошерстил не мало, надеюсь, что оцените.

Прежде чем начнём.

Хочу отметить, что данная статья основана не автором, а является лишь подборкой статей других авторов. Автор не стремиться к присвоению чужих материалов, а лишь ссылается на них, для удобства читателя.
.
.
.
.
.
.
.
.
.
.
.
Если Вас всё устраивает, то начнём).

АВАТАРКИ:

● Выбор аватарок для Стима:
[link]
(Огромный выбор аватарок, подобранных по размеру и тематикам)

● Оформление аватарок:
[link]
(Добавление никнейма и рамки возможна через PSD, либо PNG файл в Фотошопе)

● Анимированные рамки для аватарки, за очки стима: [link]

ФОНЫ ПРОФИЛЯ:

● Подборка бюджетных фонов для профиля:
[link]
● Большой список просто красивых фонов:
[link]
● Подборка стим фонов по конкретным тематикам:
[link]

Также не забывайте про анимированные фоны, за стим-очки: [link]

О СЕБЕ:

Поле “О СЕБЕ”, которое находится под авторкой в профиле, также можно интересно оформить:

● Шаблоны красивого оформления:
[link]
● Изменение стандартного шрифта, на красивый:
[link]
(в основном большинство шрифтов применяются только к латинице)

ВИТРИНЫ:

⛔ Прежде всего чтобы добавить витрину в профиль, нужен минимум 10 уровень в стиме! (за каждое 10 уровней +1 витрина в профиле)

● Видов витрин в Стиме действительно большое количество, ниже мы рассмотрим различные варианты оформления профиля, с каждой витриной!

ВИТРИНА ИЛЛЮСТРАЦИЙ:

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

● Иллюстрации с различными тематиками:
[link]
● Большое кол-во иллюстраций, с игровой тематикой: [link]
● Анимированные иллюстрации, под анимированные фоны: [link]
● Подборка иллюстраций, к выбранным фонам: [link]

Так же иллюстрацию можно кастомизировать добавлением анимированного ника, либо стикера:
[link]

❓Как добавлять подобные, большие иллюстрации:
1. Переходим сюда: [link]
2. Даем название иллюстрации и добавляем файл
3. Открываем консоль (кнопка F12), в разделе “Console” вставляем этот код:
$J(‘#image_width’).val(‘1000’);$J(‘#image_height’).val(‘1’); и нажимаем один раз Enter
(Этот код нужен для возможности добавления иллюстраций больших размеров)

ВИТРИНА ДОСТИЖЕНИЙ:

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

● Достижения с буквами и цифрами:
[link]
(в остальных играх серии”Zup!”, можно найти другие виды букв: [link]

● Мемные достижения + буквы и цифры:
[link]

● Русские буквы и эмодзи:
[link]

Повторюсь! Стоимость игр от 15 до 30 рублей. Чтобы получить достижения, необходимо поиграть в саму игру около часа.

ВИТРИНА ПОЛЕ СО СВОЕЙ ИНФОРМАЦИЕЙ:

На этой витрине ты можешь немного рассказать о себе и оставить ссылки на свои соц сети

● Шаблоны красивого оформления информации: [link]
● И ещё пачка шаблонных оформлений:
[link]

Так же на этой витрине можно сделать рисунок из символов, либо смайликов:
● Рисунки из символов:
[link]
● Рисунки из смайликов:
[link]

ВИТРИНА МАСТЕРСКОЙ:

Также можно сделать анимированную витрину мастерской!

● Анимации для витрины:
[link]

Код для добавления иллюстраций:
$J(‘#ConsumerAppID’).val(480),$J(‘[name=file_type]’).val(0),$J(‘[name=visibility]’).val(0);

Все остальные действия по аналогии с добавлением: Витрины Иллюстраций ✅

ВИТРИНА ПРЕДМЕТОВ НА ОБМЕН

В этой витрине можно просто разместить свои предметы, но есть тема покруче!

● Это игра “Пинг-Понг” прямо в твоем профиле:

Команда слишком большая и не вмещается в это обсуждение:
[link]

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

Само её добавление очень простое, справишься за 1-2 минуты!
Для начала заходи в профиль и жми “Редактировать профиль” – спускайся ниже, увидишь поле “Выбрать витрину”, тыкай на “” – выбирай пункт “Предметы на обмен” – там будет пустое поле для ввода текста, туда вставляй ту самую команду указанную выше – спускайся ещё ниже, жми “Сохранить изменения” – Готово! Теперь можешь флексить необычной приколюхой в профиле перед друзьями!

Исправляем типографику в Steam

Похоже, что астрологи объявили неделю Гейба и количество постов о редизайне Стима удвоилось. Тем не менее хочу рассказать и показать наглядно простую идею: с помощью базовых правил типографики можно решить множество проблем в интерфейсе.

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

При регулярной работе с интерфейсом Steam становится очевидно, что необходим полный редизайн архитектуры приложения. Однако зачастую даже самое простое применение базовых правил типографики может повысить скорость и удобство работы в системе. Для начала разберём основные и самые явные проблемы текущего дизайна Steam.

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

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

Посмотрим на список игр
Здесь полная каша: кнопки и иконки малого того, что разного размера, так еще и разного стиля. Унифицируем все кнопки и иконки, а настройки фильтрации и сортировки прячем под единой кнопкой:

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

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

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

Работа с текстом и консистентность — наше все, позволяет решать многие проблемы без масштабного редизайна

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

Напишите в комментариях — стало лучше или нет? Я не касался здесь (только если чуть-чуть) UX, так как его проектирование займет год исследований и понимания глубинных проблем и решений. Короче, напиши мне, норм или не?

Имхо, стало только хуже. Зачем делать контрастный цвет текста на редкоюзаемых кнопках? (Воркшоп и прочее) Теперь вместо одной большой кнопки плей, выделяются другие. Кнопкам сверху ты убрал капслок, зачем? Это основный кнопки, в чем магия сделать их менее заметными? Так же с синей кнопкой инсталл/плей.

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

В чем магия капслока?
То же с Play, огромная выделяющаяся кнопка на сером фоне.

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

Кнопка плэй никуда не делась, а все кнопки, имеющие отношение к игре, теперь стоят рядом. Если я хочу поиграть в игру — очевидно, где это сделать. А если я хочу удалить игру — я почему-то должен идти в самый правый угол и искать это действие там. Почему? По акцентам так же очевидно, какие из этих кнопок второстепенные.

Про капслок сверху снизу уже писал — если коротко, то он усложняет читаемость верхнего меню.

Ага, и испортим семантику, ведь теперь люди будут думать, что ставят лайк игре, а не добавляют её в избранное.

настройки фильтрации и сортировки прячем под единой кнопкой

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

очень просто: за счет выстроенного юай-кита

Где-то я уже видел этот ю а й к и т. Чем текущая кнопка «скачать» (которая синяя) хуже той, что ты сделал? Она как-то даже получше, чем твой бутстрап-стайл.

На твоём скриншоте такая же каша, как и сейчас в стиме. Это субъективный взгляд со стороны. Мне кажется, у приложения стима не со шрифтами проблема, а с композицией всего вообще.

1. И в чем же существенная разница между избранным и лайком? Чем список лайков не равен списку избранного? Почему то, что я поставил лайк игре не равно тому, что я выделяю эту игру и добавляю ее в некий отдельный список?
2. Я перенес все родственные элементы (фильтрация и сортировка) в одно подменю, они и так были, но два разных по размещению, но одинаковых по сути.
3. Юай-кит это же не уникальная штука, особенно сегодня. Юай-кит — централизованное хранение элементов интерфейса, только и всего.

У Стима уже есть лайки в виде положительных отзывов, поэтому никто его с сердечком не перепутает.

Текущий вариант интерфейса лучше. Вот например набранные капсом слова. Неправильно так делать, говорит нам Тёма Лебедев? Но открыв лаунчер даже новичок сразу поймет, что главное в программе — МАГАЗИН, БИБЛИОТЕКА. УСТАНОВИТЬ.

Как же много дизайнеров которые шлёпают одинаковые, под копирку интерфейсы на беханс и дрибл, но они не работают в том же Steam.

Магазин, Библиотека, Установить новичок видимо не поймет)

Это разновидность дизайнеров, которые ничего сложнее «uikit», типа того что автор выше выложил, не делали никогда в жизни. И в коллективной разработке дизайн-систем не учавствовали. Единственное их портфолио — кучка работ несуществующих нынче проектов.

Да в принципе особой разницы нет, что так, что этак эти кнопки сделаны самым огромным шрифтом в программе, их в любом случае видно

С большинством согласен (особенно про добавить воздуха списку игр), но верхний бар навигации мне больше текущий нравится

Бар навигации — минус. Зачем делать неважные элементы управления больше, а важные — меньше? Магазин и прочее куда чаще используются, чем настройки и т.д., а проблема с читаемостью, имхо, надуманна.
Список игр — минус. Во-первых, пропали кнопки быстрой фильтрации по готовым к запуску и недавней активностью. Во-вторых, «воздух» не нужен, категории заметно разделяют список игры. В-третьих, иконки заменяем просто на цветные квадраты? Тогда в чем их смысл?
Управление игрой: плюс/минус. Сдвинуть нижние кнопки может было бы и неплохо, чтобы вместить туда что-нибудь еще, но вот что-то лишнее к самой важной кнопкой в библиотеке «ИГРАТЬ» добавлять не стоит. Но тут это визуально мало на что влияет.

Написано же — лень было искать иконки игр:) Но это напоминает дизайнеров которые текст рыбу вставляют везде в макете и выходит не очень) А подобрать верный контент материал — им лень. Тут та же история.

Я делаю все элементы управления удобными и очевидными для понимания. В категориях нарушено правило близости — от названия категории одинаковое расстояние вниз и вверх, это очень грубое и очевидное нарушение, именно поэтому категории сложно читать и понимать, где происходит разделение. Иконки и цветные квадраты — мне было лень тратить столько времени на поиск и выравнивание всех иконок

Было по-васянски и с душой, стало корпоративно и скучно. Я против таких редизайнов.

Иконку выпадающего списка добавляешь в меню, но убираешь у выпадающего списка профиля? Почему?

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

А вот это уже моя невнимательность, там, конечно же, нужна иконка

Почему раздражает? Апперкейс просто и банально не работает, тут ничего личного

КАК БУДТО ЧТО-ТО ПЛОХОЕ.
КАПС ВЕДЬ ТАК УДОБНО ЧИТАТЬ, НЕ ПРАВДА ЛИ?

И иконки так и будут скучными и одноцветными?

Да и обои скучные

ЕГС не сразу строился

@Danny Dan
У тебя приоритетность элементов интерфейса нарушена вся. начиная от нелепого укрупнения неважных элементов и заканчивая выделением цветом не тех заголовков которые нужно. Любой UI в таких сложных сервисах рисуют опираясь на анализ UX.

А шо именно он укрупнил? Я прост за сегодня так задолбался на работе ,что уже в глаза долблюсь. И что именно выделил «не того»?
Не докопаться ради спрашиваю, реально интересно.

Дико кайфую от больших надписей «STORE», «LIBRARY», так что.

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

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

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

Лично я никого не оскорблял, но немного странно читать фразу «Короче, напиши мне, норм или не?», но не увидеть при этом даже голосовалку.

P.S. Лично мне дизайн автора не понравился.

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

Вечно дизайнеры придумывают новые проблемы из воздуха, лишь бы им давали работу.

Потому что работу никто не дает просто так, ее нужно брать, это очевидно.

По-моему, у тебя плохо читаются категории. Старый список игр мне больше нравится

не, оригинальный вариант мне больше нравится, сори

плохой дизайн, бездумно испорчены все наработки стима по UX, а UI Посредственный

очень толстый тролинг короче этими макетами очень тупого человека

А если мышку навести?

Как пишут в комментариях к некоторым профилям в стиме

У тебя там слово, которое автор поста не сможет прочитать

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

Скорее Используем базовые правила типографики для редизайна Steam

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

Ну не знаю. Вроде и вещи правильные в основном написаны, но дизайн твой выглядит как-то неряшливо. Оригинал кажется лучше структурированным и скомпонованным.
Да и некоторые решения очень странные. Зачем свечение у кнопки Play? Зачем делать видимыми Post Message и кнопку смайлов по дефолту? Почему изменил хорошо читаемое «x of x» на забор в виде «x/x»?

Чувак, офигенно) реально стало намного лучше с минимумом изменений) но десктоп и ещё относительно обновленный. Стим вообще стремный из-за того, что там можно найти элементы и из 2020 и из 2008 на одной странице, если это всё в порядке привести то и ux на самом деле нормальный)

Мало того, что новый интерфейс уродский, так он ещё и дико тормознутый. И самое главное, никто не возмущается, всем норм.

Хз, у меня не тормозит.

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

Только со шрифтами согласен, а от всего остального просто тошнит, десктоп приложению сделали мобильный интерфейс с ui ассетами за 5$.

Эх, теперь этот скин с олдовым подходом не работает. он решал большую часть проблем интерфейса в старой версии Стима.

Тесновато немного, но в целом без треша вроде капса повсюду, лойс!

Звучит как комплимент, ведь важно, чтобы дизайн был современным. А нужен какой, несовременный?

Не стоит унифицировать иконки игр в списке, в остальном выглядит гораздо лучше, пили свою версию, а то pixelvision после обновления интерфейса сломался

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

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

Лойс за Favorites.

Мои заметки:
1. Бар навигации. Убирать капс необходимости нет, он на своём месте. // Сейчас я уже привык, но раньше правая часть интерфейса (оповещения и профиль) тоже сильно резала глаз, она вызывала диссонанс. Теперь это уродство даже жалко будет потерять, но изменение нужно. что-то между этими вариантами, чтобы сохранить «дух».
2. Список игр. Ему нужен лишь один элемент (ориентируясь на содержимое твоего скрина): должна быть опция убрать все элементы между верхним баром и твоим разделом fav. Либо сделать серый кат, именно под цвет фона.
3. ЭУИ. Про капс уже писал, слово game максимально лишнее + придётся под музыку/видео свои кнопки делать, нельзя же «плей гейм» на Mad Max 2 или OST transistor ставить. // Согласен с переносом шестерёнки, остальное не нужно. // Делать ярче ненужную навигацию не стоит.

Старого — это какого?

Мне Feather Icons уже за километр видны )

Я сел делать и не хотел тратить больше чем два вечера на это, так что, как говорится, какой бриф — такой и креатив 🥳

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

В любом случае, nice try.

Лучше не стало. Большие буквы сверху это фишка Steam, без них можно просто потеряться в браузере.
А вообще, их дизаин вполне неплох, но его убивает абсолютно бессмысленное решение засунуть игровую статистику и фишки профиля в правый край.
Зачем убрали достижения с прежнего места? Они идеально себя чувствовали рядом с кнопкой запуска, было хорошо видно прогресс в игре. Сейчас достижения в слепой зоне, вот это дизаин, браво Valve!

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

Про это «дизайнеры» не думают, не говоря уже о RTL

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

И эта кнопка Intall game в русском превратится в Установить игру. Post message в Опубликовать сообщение или что-то такое.
Обращаем внимание на длину словосочетания. Если будут использоваться заранее заготовленные шрифты с заданным размером, то текст не влезет в кнопку. Придётся уменьшать шрифт или убирать второе слово. Это же будет касаться и других языков, где многие слова переводятся с ещё большим количеством символов. Это же касается и фраз из нескольких строк.

Это только с английским языком всё так легко и просто, потому что там очень много коротких фраз и слов из минимального количества. Но существует и остальной мир, который тоже пользуется стимом.

Скорее всего такое состояние дел в интерфейсе как раз и вызвано наличием разных языков.

Первое решение — В Стиме довольно много места, чтобы кнопки могли менять ширину под ширину слов на разных язык, на мобилках с фиксированной шириной экрана и кнопками на всю ширину это проблема, да

Второе решение — никто не мешает нам в русской локализации превратить Install Game в Установить, тем самым сохранив примерно ширину кнопки, даже в местах где фиксированная ширина кнопок (Хоум и Коллекшнс) можно с помощью текстов варьировать ширину, хотя в данном случае Главная и Коллекции будут не слишком шире

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

Мне почти всё у тебя не понравилось. Особенно эти излишне минималистичные иконки, по которым имхо просто невозможно понять, что она означает. Зачем заменять звездочку избранного на КРАСНЫЙ ЛАЙК ВКОНТАКТЕ? Зачем делать «установить ИГРУ» вместо просто «установить»? Кнопку «играть» тоже менять на «играть в игру» ? Глупо же.

А ещё кнопки фильтра в левом баре игр, спрятанные под 1 кнопку — не нужно так. Эти кнопки изначально маленькие и аккуратно вписаны. Когда я хочу выполнить какую либо функцию, я хочу нажать одну кнопку, а не две. Если под этой первой кнопкой гора настроек, как в игровых меню — оправдано, если там всего 2-3 функции — нет.

Ещё красный колокольчик не нравится. Не люблю колокольчики. Большая зеленая кнопка с конвертом была лучше крошечного красного кружка.

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

Изменение шрифта в Steam

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

Как изменить шрифт в Steam

Рассмотрим, возможно ли и как изменить шрифт в Steam. Можно сделать это вручную, путём внесения изменений в программный файл. Также в интернете есть специальные сервисы и приложения, которые позволяют полностью поменять шрифт и оформление в Стиме, включая и цветовое решение, и возможность добавить различные картинки.

Редактирование параметров шрифта

Многие геймеры озадачены, как писать в чате нестандартным шрифтом и оформить ник в другой цвет. Все параметры прописаны в одном файле:

Зайдите в Program Files на системном диске и найдите папку Steam. Если у вас 64-битная система, она будет в Program Files (х86).
Перейдите в директорию resource, а затем в style.
Найдите файл steam.styles и откройте его при помощи программы Word.

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

Инструкция, как поменять размер шрифта:

Вызовите команду «Найти».
Введите font-size=.

Поиск в файле steam.styles

Можно менять не везде, а в отдельных элементах. По тому же принципу пиши значения цвета:

Цвет прописывается в начале документа в параметре «Text». Это может быть текст различных элементов.
После знака равенства в кавычках идёт числовое значение цвета в системе RGBA, где A – это альфа-канал, отвечающий за прозрачность. Если напишешь 0, будет невидимый текст, а 255 — абсолютно непрозрачный.

ВАЖНО. При запуске клиента Стим, все изменения, которые вы внесли в файл steam.styles будут отменены. При загрузке приложение начнёт его обновление до первоначального состояния. Чтобы этого не произошло, нужно заблокировать такую возможность. Для этого нужно, чтобы в момент запуска программы этот файл был открыт. Тогда его нельзя будет заменить обновлённым.

Чтобы не открывать его каждый раз вручную, занесите его в папку «Автозагрузка» через меню «Пуск». Таким образом, он будет запускаться при старте системы. И когда вы включите Стим, он будет открыт и все ваши изменения отобразятся в клиенте.

Создание своего стиля

Чтобы не производит манипуляций с автозапуском, вы можете просто создать свой файл styles:

Откройте Program Files, далее
Создайте папку с любым названием из латинских букв.
В ней создайте resource, далее styles.
Поместите в неё файл steam.styles.
Зайдите в настройки клиента, раздел «Интерфейс» и выберете из списка стиля только что созданный вами (название соответствует папке, которую вы создали во 2 пункте).

В файле .styles вы можете вручную поменять не только шрифт, но и различные цвета оформления. Но на самом деле, делать это в текстовом редакторе очень неудобно. Лучше воспользоваться одним из сервисов в интернете.

Общий порядок действий у них одинаковый:

Cайт-конструктор скина steamcustomizer.com

Таким способом вы сможете изменить шрифт и стиль оформления и загрузить его в программу.

Многие геймеры не уделяют особого внимания стилю интерфейса, зато практически все хотят сделать себе оригинально и красиво написанный ник:

Можно поменять цвет ника, поставив перед ним в профиле символ ^. После него пишется цифра, обозначающая цвет:
- Красный (1);
- Зелёный (2);
- Жёлтый (3);
- Синий (4);
- Розовый (5);
- Голубой (6);

Вы можете ставить этот символ перед каждой буквой или перед некоторыми и придавать им определённый цвет. В итоге ваш ник будет написан разноцветными буквами.

Можно написать ник необычными символами. По запросу «Красивые шрифты для Стима» в интернете вы можете найти сайты, где представлено множество интересных шрифтов и значков. Просто скопируйте их в свой ник. Или сохраните в документе на компьютере, чтобы поменять на какой-то новый, когда прежний вам наскучит.
Чтобы вставить символ из тех, что есть в вашей системе:
Нажмите «Выполнить» из меню Пуск.
Введите в строке charmap.

Команда charmap в Windows

Таблица символов в Windows

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

И напоследок стоит упомянуть о такой возможной проблеме, как появление в Стиме искажённых шрифтов. Такое часто возникает при обновлении до Windows 10. Дело всё в том, что при обновлении системы некоторые шрифты были перепутаны с Arial, который по умолчанию используется в Стиме. Чтобы исправить неполадку, нужно найти и удалить из системы проблемные шрифты. В интернете есть иллюстрированные руководства, помогающие понять, какой именно шрифт пришёл на смену Arial в Steam.

Таким образом, если вам не нравится оформление Стима, вы можете изменить для него шрифты или цветовое решение. При несложных операциях, таких как смена цвета, размера или типа, можно обойтись ручным редактированием файла steam.styles. Если же вы хотите добавить разнообразия многим элементам, то воспользуйтесь специальными конструкторами с графическим интерфейсом. А в случае, когда вам просто нужен оригинальный ник, просто скачайте необычные символы и красивые буквы и скопируйте в свой профиль. Оставляйте в комментариях свои советы, как ещё можно украсить интерфейс платформы и сделать его более удобным для восприятия.

Клан тег в CS:GO

В CS:GO вы можете выделиться тем, чем захотите. Это могут быть дорогие скины, невероятный скилл, умение общаться и поддерживать команду, а также клан теги и простые теги к вашему нику. Разберемся, как их поставить, а также приведем примеры реально прикольных клан тегов в ксго.

Теги и клан теги в КС ГО

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

Как сделать клан тег в CS:GO

Что такое тег в кс го

Сам по себе тег — это приписка к вашему нику перед конкретно ником.

Например, команда flash back — а всё, что идет после этой надписи, ники игроков

То есть, flash back — это клан-теги, которые выставляются только при наличии группы и при условии, что все игроки в ней состоят. Чтобы сделать простую приписку к нику, вы можете зайти в стим, выбрать свой профиль и спокойно поменять ник на такой, какой вам вздумается.

Кликаем на «Редактировать профиль», чтобы поменять свой ник

По итогу мы получаем:

Простая приписка к нику — это клан-тег не в широком смысле этого слова. Да, вы можете написать перед своим никнеймом, например, NAVI | player 1 (там, где player 1 — ваш ник), но из-за этого вы не будете частью NAVI сообщества.
Фирменный клан-тег, который можно поставить только после того, как вы вступили в группу в Steam.

Важно! Некоторые группы убирают возможность игрока сделать себе клан-тег

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

О том, как создать свою группу мы написали в этой статье:

Как сделать клан тег в кс го

Все предельно просто. Нам нужно зайти в игру, далее:

Перейти в настройки.
Кликнуть на «Команда».
Найти пункт: «Тег группы Steam».
Выбираем тот, который нам нужен, ставим его и теперь перед вашим ником будет красоваться аббревиатуры группы, которую вы выбрали.

Как выбрать тег группы Steam в CS:GO

Готово! Теперь при подключении к матчу вы будете видеть клан-тег.

Прикольные теги для кс го

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

Вводим локальную команду clanid.
Вы увидите все клан-теги, которые вы можете использовать. Проще говоря, все клан-теги, в группах которых вы состоите. Выбираете нужные, а далее вводите следующие команды:

Bind d+moveright;cl_clanid цифры;

Bind w+moveright;cl_clanid цифры

На месте цифр, следовательно, clanid выбранных групп.

Если вам не нужен сменяющийся клан-тег, то вы можете использовать прикольные теги для CS:GO:

Названия команды, за которую болеете. Никто вас за это не будет оскорблять или как-то унижать. Болельщик — звучит гордо.
1. Team Vitality
2. Natus Vincere
3. Virtus.Pro
4. Team Spirit
Можно ещё добавить сердечко:
1. Duck Society
2. Hentai!
3. perfectum
И другие. Чтобы вам добавить клан-тег группы, которая понравилась, нужно вступить в неё, перезайти в игру и сделать в настройках то, что указано в этой статье выше, в заголовке «Как сделать клан тег в кс го». После этого рядом с вашим основным ником будет красоваться прикольный клан-тег.

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

Как создать группу в Steam

Группа в Стиме понадобится вам, если вы хотите создать клан или объединить людей, интересующихся определенной темой: например, гайдами по CS:GO или фан-группой какого-нибудь киберспортсмена. Для этого проделайте следующие действия:

Создание группы

1) Откройте клиент Steam;

2) Зайдите в свой аккаунт;

3) Нажмите на свой профиль, и в появившейся вкладке выберите раздел «Группы»;

4) Нажмите на кнопку «Создать новую группу»;

5) Заполните все поля (название группы должно быть уникальным)
- - Поле «Имя группы (Group Name)» может быть уникальным. Здесь вы вписываете то имя, которое будет отображаться клан-тегом у вашего клана. Например, у меня стоит Aztec_NOOBS. Затем нажимаем кнопку «Проверить доступность». Если вы увидите сообщение «Имя группы доступно», то все ок, и мы переходим к следующему шагу. Если же высвечивается сообщение «Имя группы уже используется», то следует придумать другое имя.
  - В поле «Аббревиатура (Abbreviation)» вводим сокращенное имя группы, клана или сайта. Например, «NOOBS_». Затем жмем «Проверить Доступность». Если «Аббревиатура группы одобрена», то идем далее. Иначе придумайте уникальную аббревиатуру.
  - Пункт «Ссылка на группу (Link to group)» тоже должен быть уникальным, т.к. это будет урл нашей группы в Стиме. Например «aztec_noobs». Обязательно проверьте уникальность урла! В итоге получится такая ссылка: http://steamcommunity.com/groups/aztec_noobs.
  - Выбираем, будет группа открытой или нет. Если вы хотите сделать приватное закрытое сообщество, доступное только по инвайту, ставьте флажок в поле «Закрытая группа». Если же хочется, чтобы любой делающий мог вступить и прочесть обсуждения, ставим галочку «Открытая группа (Public Group)».
  6) Нажимаем на кнопку «Создать». Поздравляем! Ваша группа создана.
  
  7) Теперь заполните информацию о группе:
  - - В поле «Заголовок» укажите желаемый заголовок. Например «Группа нашего клана». Он может быть не уникальным.
    - В поле «Резюме» пишем описание группы. Например «Наша группа посвящена самому лучшему клану в мире, где все игроки делают одним выстрелом десять хедшотов! Это Ацтек Нубс, ребзя!».
    - Заполняем Язык, Страну, Регион и Город. Не обязательное поле.
    - В поле «Связанные игры», выбираем игры, в которые играют ваши участники сообщества. Благодаря связке, вы потом сможете выбрать клан тег в Counter-Strike: Global Offensive.
    - Ставим аватарку — главное изображение группы. Размер не более 184х184 пикселей. Выбираем картинку на компе и жмем «Загрузить».
    - Размещаем ссылку на ваш сайт. В поле «Заголовок» пишем анкор ссылки. Так она будет отображаться. А в поле «URL» указываем саму ссылку. Можете пропустить данный этап, если сайта у вас нет.
    И в самом низу страницы жмем на зеленую кнопку сохранить. Группа полностью создана, информацию о ней добавлена.
    
    Как правильно настроить группу
    
    Чтобы группа была максимально полезной для участников, заполните как можно больше полей. Для этого напротив своей группы нажмите кнопку «Администрирование».
    
    Теперь нажмите «Редактировать профиль группы», после чего вы попадете в меню настроек. Обязательно заполните поле «О себе» и напишите там информацию о том, про что конкретно ваша группа и кому она будет интересна. Текст можно красиво оформить при помощи форматирования, справка к которому указана в настройках.
    
    Если ваша группа связана с какой-то определенной игрой, привяжите ее в меню «Связанные игры». Выбрать можно сразу несколько игр при помощи поиска.
    
    Выберите аватар. Если вы не выберите аватар, то на главной странице группы будут размещены аватарки всех администраторов группы.
    
    Если ваша группа связана с каким-либо сайтом, обязательно укажите его, приложив ссылку и название.
    
    Какие возможности дает группа
    
    Будучи администратором группы, вы можете делать различные объявления и события, создавать обсуждения, а также выбирать кураторов, но обо всем по порядку.
    
    Объявления подойдут, если вам нужно уведомить участников о чем-то важном. К примеру, вдобавок к вашей группе открылся сайт — вы можете рассказать об этом через объявления, которые видны на главной странице группы. Чтобы создать объявление, перейдите во вкладку «Объявления» и нажмите «Сделать объявление». После того как напишите текст, можете предварительно просмотреть результат, а уже затем публиковать.
    
    События требуются для того, чтобы заранее спланировать какой-то важный ивент. К примеру, через неделю вы будете разыгрывать какую-то игру — при помощи события вы можете оповестить об этом всех участников группы. Им придет соответствующее уведомление. Чтобы запланировать событие, нажмите на соответствующую кнопку в администрировании группы, и выберите точную дату и время начала ивента.
    
    Обсуждения заменяют форумы и отлично подходят для того, чтобы дать возможность участникам обсудить новые игры или что-то еще. Чтобы создать обсуждения, вам достаточно просто нажать на главной странице группы кнопку «Начать новое обсуждение».
    
    Добавить куратора можно только в том случае, если ваша группа содержит от 50 участников. Что такое кураторы? Это люди или группы людей, которые пишут обзоры игр и помогают пользователям определиться с покупками. Кураторы — отличный способ поднять популярность группы.
    
    Чтобы ваша группа была в списке кураторов, вам нужно написать как минимум 10 обзоров игр и придумать слоган в настройках. Можете вписать информацию, которая как можно лучше описывает то, что вы собираетесь донести до посетителей — какие игры обозреваете, что вам важно в геймплее и т.п.
    
    Вы также можете добавлять в свою группу новых кураторов. Для этого выберите любого участника группы и повысьте его до офицера в настройках. После этого пользователь может оставлять свои рекомендации на игры.
    
    Разрешения группы
    
    Обязательно отредактируйте разрешения вашей группы. Для этого зайдите в группу и выберите раздел «Редактировать разрешения группы». В появившемся окне поставьте точку напротив тех пунктов, которые считаете нужными для своей группы. Вы можете сделать группу как открытой с настоящей свободой слова, так и полностью закрытой, попасть в которую можно только с вашего одобрения.
    
    Как пригласить людей в группу
    
    Зайдите в свою группу и нажмите кнопку «Пригласить друзей». Перед вами откроется окно со всеми друзьями. Поставьте галочку напротив тех пользователей, которых хотите пригласить, после чего нажмите «Пригласить в группу». Инвайты будут мгновенно разосланы пользователям.
    
    Вы также можете добавлять в группу людей, с которыми недавно играли вместе в какую-то игру. К примеру, только что вы играли в CS:GO с каким-то профи, и хотите, чтобы он примкнул к вашей группе. Просто зайдите в меню «Недавно играли вместе» и отправьте данному пользователю приглашение.
    
    Найти новых участников для своей группы можно также в обсуждениях к играм. Если у вас группа по определенной игре, зайдите на страничку данного продукта и перейдите в Обсуждения. В них вы можете поделиться ссылкой на свою группу, предварительно расписав, чем она будет полезна пользователям.
    
    Фоны Стим – красивые фоны Steam, аниме фоны
    
    Гейб Ньюэлл
    
    Steam
    
    Valve
    
    Украшаем профиль.
    
    Если в мире есть возможность заработать на пикселях – Гейб этим займется. Украшать профили Steam разными витринами и фонами можно уже несколько лет, и количество фонов на торговой площадке только увеличивается.
    
    Рассказываем, на какие красивые фоны Стим можно обратить внимание.
    
    Как поставить фон в Стиме
    
    Краткая инструкция, если вы запамятовали:
    1. На странице своего Стим-профиля нажмите на кнопку «Редактировать профиль» (делать это можно как в браузере, так и в программе);
    2. Долистайте до категории «Фон профиля»;
    3. Выберите подходящий профиль из своего инвентаря (фоны, как и смайлики или карточки находится в категории Steam);
    4. Установите фон и сохраните изменения.
    Фоны Стим
    
    Ниже мы собрали фоны для Стима, разбитые на несколько категорий:
    - Красивые фоны
    - Аниме фоны
    - Черные фоны
    - Красные фоны
    - Фиолетовые фоны
    У каждого фона есть свое название – благодаря этому понравившийся фон можно найти на торговой площадке Стима.
    
    Красивые фоны Стим
    
    Halloween in Aden
    
    Аниме фоны Стим
    
    The Capua Family
    
    Черные фоны Стим
    
    Красные фоны Стим
    
    Anoxemia Art Background Red
    
    Фиолетовые фоны Стим
    
    The Astral Academy
    
    Какой фон Стима приглянулся вам? Делитесь самыми красивыми и любыми в комментариях.
    
    Как сделать красивое оформление профиля Steam – гайд для начинающих
    
    Профиль Steam является не только багажом Ваших лицензионных игр, но и прекрасным способом продемонстрировать творческие навыки. Речь идет о визуальных решениях, которые Вы примете для своей страницы профиля. На данный момент игровая площадка Steam очень сильно развилась в этом направлении и предлагает широкий выбор для создания Вашего красивого геймерского уголка. Давайте рассмотрим, как это сделать.
    
    Первый шаг
    
    Чтобы получить возможности личного оформления страницы своего профиля Steam, требуется получить, как минимум, 10 уровень. Что это такое? Это система, которая позволяет Вам создавать на Вашей страницы больше интересных категорий, связанных с играми и не только. Подобная структура будет только обогащаться, когда Вы набираете все больше уровней.
    
    Сразу возникает вопрос: как поднять уровень? При покупке различных игр, стоит обращать на их особенности в Steam. На странице игры, где Вы можете ее приобрести, существует перечень этих особенностей. Там и указано присутствуют ли у игры «Коллекционные карточки».
    
    Именно они помогут Вам в получении новых уровней. Когда уже приобретена игра с такой особенностью, начинаем играть в свое удовольствие, а во время этого в личный инвентарь аккаунта будут поступать эти самые карточки. Абсолютно все карточки из списка не будут выпадать, поэтому некоторые приходится покупать на «Торговой площадке» Steam.
    
    Далее ничего хитрого нет. Любой пользователь с помощью поисковой строки сможет найти нужную игру, а после приобрести оставшиеся карточки. Когда все карты будут в наличии, Вы сможете получить значок первого уровня определенной игры.
    
    После перехода на страницу значков, будут предоставлены игры из личной библиотеки, в которых существуют карточки. Здесь же Вы сможете увидеть прогресс уровня и сколько еще требуется опыта для получения следующего этапа. Нам нужна конкретная игра, на которую покупались остальные карточки. Кликаем на окно с ней.
    
    Откроется страница коллекции. Когда все карточки на месте, Вы сможете создать значок 1-го уровня, который дает аккаунту 100 ед. опыта. Всего пять уровней значков на каждую игру. Также, существуют металлические значки, но это уже другая тема.
    
    Теперь мы разобрались, как повышать уровень аккаунта. На 10 уровне открывается множество возможностей, позволяющих красиво оформить профиль. С каждым получением еще десяти уровней, дается возможность устанавливать еще больше витрин.
    
    Второй шаг
    
    Самым основным наполнением страницы профиля Steam являются витрины. Когда Вы получаете по десять уровней, добавляются новые витрины, число которых ограничивается в 13 штук. Тем самым, чтобы заполучить их все, нужно получить минимум 130 уровень.
    
    Итак, как же установить витрину на странице?
    
    Переходим на страницу Вашего профиля и кликаем по «Редактировать профиль».
    
    Далее откроется новая страница, на которой в левом меню требуется выбрать «Витрины». Справа будут предложены шаблоны витрин. Кликаем на следующее меню с названием одной из витрин.
    
    Появится перечень различных витрин, которые мы можем выбрать. Здесь уже каждый выбирает, что душе угодно. К примеру, при выборе «Коллекционер игр», можно наглядно разместить список любимых игр, а также будет указана информация о том, сколько игр на аккаунте, дополнений и обзоров.
    
    Существует множество витрин и не все из них можно будет уместить на странице, т.к., напомним, что всего разрешено установить 13 штук. Тут уже стоит выбор каждого, какие следует обделить. С помощью них можно выставить свои самые красивые скриншоты, коллекцию значков, личный обзор на игру и т.д. В общем, подобное творчество займет много увлекательного времени.
    
    Третий шаг
    
    Когда мы смотрим на свою страницу Steam, то понимаем, что не хватает важного фактора на ней. Мы говорим о фонах, которые присутствуют почти везде и всюду. Их на просторах площадки очень много. Они, как и карточки, тоже выпадают, но только при создании значка. Чаще всего пользователи выбирают на свой вкус на просторах интернета различные фоны, а после покупают их на «Торговой площадке».
    
    Чтобы сменить фон нужно снова нажать на «Редактировать профиль» и в левом меню выбрать «Фон профиля». Справа наглядно указаны фоны, которые есть в наличии. Выбираете тот, который Вам нужен и теперь страница наполнится красивым визуальным тоном.
    
    Четвертый шаг
    
    У каждой страницы должен быть свой аватар. Раньше в Steam была возможность загрузить только свой, но прогресс не стоит на месте. Теперь площадка может предложить другие аватары, которые могут подойти по вкусу.
    
    Переходим на «Редактировать профиль» и выбираем «Аватар». Тут же можно загрузить свое изображение, выбрать предлагаемое и разместить рамку. Все сделано довольно просто и понятно.
    
    Пятый шаг
    
    Все больше тонкостей, а значит больше возможностей сделать свою страницу еще красивее. Существует так называемый «Мини-профиль», который позволяет узнать минимальную информацию об аккаунте, когда другой пользователь решил навестись курсором мыши на Ваш профиль.
    
    Чтобы оформить свой «Мини-профиль», требуется перейти в «Редактировать профиль» и выбрать в левом меню «Мини-профиль». Здесь настройка всего одна – это выбрать фон. У начинивающего пользователя Steam вряд ли будет наличие фона, т.к. обычно его можно приобрести в «Магазине очков Steam». О нем поговорим отдельно.
    
    Шестой шаг
    
    Теперь разберемся с темой профиля, которая придает определенный оттенок Вашей странице. Для изменения темы требуется перейти в «Редактировать профиль» и выбрать в левом меню «Тема». Далее просто выбираем нужный Вам оттенок.
    
    Седьмой шаг
    
    Думаете, что Вы просто создали значки и они никак не понадобятся больше? Конечно же, нет. Помимо того, что Вы можете выставить их на специальной витрине, они также отображаются у Вас в профиле справа в порядке убывания. Еще существует возможность установить главный значок, которые будет выделяться на странице профиль отдельно ото всех, как знак вашего любимого.
    
    Также, переходим в «Редактировать профиль», в левом меню выбираем «Значок напоказ» и справа выбираем тот, который желаем видеть отдельно ото всех.
    
    Восьмой шаг
    
    Помимо отдельного значка, в Steam можно выделить свою любимую группу на площадке.
    
    Переходим в «Редактировать профиль», выбираем в левом меню «Любимая группа» и здесь будут расположены все сообщества, в которые Вы вступили. Далее простым методом отбираем нужную группу и делаем ее любимой.
    
    Магазин очков Steam
    
    Во время изучения категорий оформления страницы, наблюдательные могли заметить отдельную кнопочку, которая присутствует на странице редактирования профиля – «Магазин очков Steam».
    
    Магазин очков – это новый атрибут Steam, который позволяет творческим идеям быть еще свободнее. Речь все также идет о красивом оформлении профиля. Данное нововведение было добавлено не так давно, но порадовало многих пользователей. Некие очки накапливаются, когда выполняется покупка какого-либо товара в Steam. Их количество зависит от стоимости продукта. С помощью них можно приобрести уникальные фоны художников, стандартные фоны, смайлики, аватары, рамки, эффекты для чата, стикеры и многое другое.
    
    Попасть в «Магазин очков Steam» можно через «Магазин» или страницу «Редактирования профиля». В целом, здесь все оформлено удобно и качественно. Вряд ли кто-то сможет запутать здесь и не разобраться, что нужно. Главное – у Вас должны быть очки, иначе Вы сможете только насмотреться на красоту, а приобрести не сможете.
    
    Вообще, «Магазин очков Steam» требует отдельной обзорной статьи, которую мы подготовим в дальнейшем.
    
    Заключение
    
    Способов красиво оформить страницу профиля множество, самое важное – подобрать нужные «рычаги» и проявить терпение. Мы рассмотрели официальные варианты редактирования профиля, но существуют и другие, которые уже так просто не сделаешь. Об этом, как и о «Магазине очков Steam», мы расскажем в других статьях. Для начинающего пользователя и стандартных вариантов может хватить с головой. Надеемся, что смогли помочь в создании красивого оформления Steam, а какой именно он для Вас – решать Вам!
    
    Анонсы гайдов, статей. А так же игровой юмор, факты, мемасики да и просто полезная инфа в нашем Telegram канале!
    Похожие записи: