Всем привет! Я Alex Kolmar или просто бродяга. Админить форумы начал почти сразу после своего прихода на ролевые, т.е. с 2011 года. Всё это время я периодически экспериментировал с кодами и графикой, сделал несколько дизайнов для форумов, поставил на коды несколько чужих макетов, придумывал и модернизировал разные фишки для сайтов.
Сразу оговорюсь, что хоть я и хорошо знаком с фотошопом, но считаю себя в первую очередь верстальщиком, а уж потом дизайнером. Пока доводилось работать в основном с форумными ролевыми на платформе mybb/rusff, могу попробовать взяться и за что-то другое, но заранее ничего не обещаю.
Умею работать с макетами разной сложности, к вёрстке каждого подхожу индивидуально. Макеты обычно режу самостоятельно.
Даже если у вас уже есть установленный дизайн, я могу сделать его версию для мобильного устройства.
Умею верстать страницы с нуля с тем или иным наполнением. Могу взяться за дизайн или вёрстку лендинга.
Делаю интерактивные карты, иными словами, карты с кликабельными областями, при клике на которые открываются описания с картинками, ссылками и прочим контентом. Если предполагается добавление новых областей на карту, могу написать инструкцию по работе с ней.
Подгоню по цвету/стилю/размеру различные дополнения для форума (слайдеры, скрипты маски, окна дополнительной информации и т.п.). Могу устанавливать несложные скрипты, найденные на просторах интернета (простые фильтры, разные праздничные украшения, часы, календари и прочие "фишки").
Как я уже писал выше, меня больше интересует вёрстка, однако разработать полноценный дизайн я тоже могу. Не пробовал делать глянцевые дизайны и вряд ли возьмусь, также не возьмусь за аниме, Корею (специфические жанры, я в них плохо смыслю, извиняйте) и фэнтези (ну не прёт на красивые рамки, замки и драконов, я пытался, честно Т_Т). Больше люблю фантастику, а также могу попробовать что-то в восточном стиле (в духе Принца Персии, Великолепного Века и т.п.). Если вы абсолютно точно знаете, чего хотите, и у вас достаточно референсов, чтобы визуализировать задумку — я могу взяться за создание полного дизайна :з
Я не обучался вёрстке профессионально, а искал информацию в интернете, спрашивал совета у более опытных и совершенствовался на практике. Это долгий процесс, и если вы не желаете проходить подобный путь, то я готов поделиться с вами полученными знаниями :з В первую очередь это касается установки макета на форумы rusff/mybb — его структура и особенности, как подготовить макет дизайна, что возможно, а что невозможно поставить на код, как создавать html-темы, какими инструментами пользоваться, чтобы облегчить себе жизнь и т.д.
Чтобы подробнее ознакомиться с условиями работы, нажмите на интересующий блок.
Вёрстка вашего макета
Адаптивная / мобильная версия сайта
html-оформление тем и страниц
Интерактивные карты
Адаптация скриптов и плагинов
Создание дизайна под ключ
Обучение вёрстке
Правила и полезная информация
Процесс довольно простой: вы связываетесь со мной любым удобным способом и излагаете суть вопроса. Если я не занят, то прошу вас показать макет и оформить ТЗ. Если мы приходим к согласию, то согласовываем полную стоимость, и вы вносите предоплату в размере 50% от стоимости работы, после чего я начинаю вёрстку на своём тестовике. В зависимости от сложности макета, занятости и срочности вёрстка занимает у меня от суток до недели в среднем. По готовности вёрстки я информирую вас. После второй половины оплаты я иду ставить вам дизайн на чистовик, либо просто отдаю на руки коды. Если вы оплачиваете всю работу заранее, то я могу верстать макет сразу на вашем форуме или тестовике. После полной установки дизайна я оказываю посильную техподдержку в течение 1 месяца по небольшим вопросам. Серьёзные изменения в кодах, установка сложных дополнений, замена основных графических элементов дизайна — за отдельную плату.
Как я писал ранее — работаю с макетами разной сложности. Был опыт вёрстки макета, созданного в Figma, таким образом, вам необязательно делать макет именно в Фотошопе. Мне не важно, новый у вас форум или уже видавший виды со множеством скриптов, настроек и html-тем, однако такая вёрстка обойдётся дороже ввиду учёта всех нюансов и исправления возможных багов.
Шаблон ТЗ:[1] При ответе "Да" желательно будет заполнить ТЗ на оформление html-тем, которое находится в блоке "html-оформление тем и страниц".
[2] При ответе "Да" желательно будет заполнить ТЗ на мобильную/адаптивную версию, которое находится в блоке "Адаптивная/мобильная версия сайта".
Даже если у вас на форуме стоит готовый дизайн, свёрстанный другим мастером, я могу сделать мобильную версию вашего форума на основе имеющихся элементов дизайна. Т.е. это будет не упрощённый мобильный дизайн на основе одного из списка стандартных mybb/rusff, а полноценная мобильная версия с сохранением атмосферы вашего дизайна и его цветовой гаммы. Разумеется, всё это будет возможно при условии, если ваш дизайнер не поставил жесточайшие ограничения на возможность изменения дизайна (как бы то ни было, на всякий случай постарайтесь узнать, что он думает по этому поводу).
Как это будет: вы связываетесь со мной любым удобным способом и излагаете суть вопроса. Если я не занят, то вы присылаете мне ТЗ, я изучаю ваш существующий дизайн, оцениваю сроки и сложность предстоящей работы. Далее мы обсуждаем детали, и если приходим к соглашению, я берусь делать мобильную версию. Верстать буду на своём, либо вашем тестовике, предварительно перенеся ВСЁ оформление вашего форума (дизайн, скрипты, настройки и т.п.). Черновик/тестовик обязателен, дабы не нарушить работу вашего форума. Исключение — если ваш форум ещё не открыт для игры. По ходу работы раз в какой-то отрезок времени я буду показывать вам промежуточные результаты. Я сообщу вам, когда будет готов окончательный результат. После этого вы оплачиваете работу (или нет, если была предоплата) и я иду ставить мобильный дизайн на ваш основной форум.
Как и в случае с основной вёрсткой, я обеспечиваю техподдержку на всё время жизни мобильного дизайна, могу поправить какие-то мелкие баги (если только они были, действительно, связаны с мобильным дизайном).
Шаблон ТЗ:[1] Мобильная версия предполагает только один вариант отображения помимо основного — тот, который будет отображаться на мобильных устройствах в портретной ориентации (в высоту, как вы обычно держите телефон) — обычно это разрешение экрана до 540 пикселей. Адаптивная версия предполагает несколько вариантов отображения — допустим, для мобильных, для планшетов, для мониторов с очень большим разрешением и т.п., а также "резиновость" — плавное растягивание в зависимости от ширины окна (возможность такой реализации нужно оценивать индивидуально).
[2] Вид меню на мобильных устройствах для удобства обычно преобразовывают либо в т.н. "гамбургер" — иконку из 3-4 горизонтальных полосок, при нажатии на которую открывается список пунктов меню, либо просто в несколько иконок вместо текстовых ссылок.
Если вам нужно оформить какую-либо тему в html, будь то список внешностей, шаблон анкеты, шапка гостевой книги, личная страница персонажа и прочее в этом роде, то я могу это сделать. Это может быть как чистый html, так и с интерактивными элементами (всплывающие окна, фильтрация по какому-либо признаку и т.п.). Во втором случае может потребоваться поиск или адаптация необходимых скриптов.
Если вам нужно сверстать целую страницу или несколько таких с нуля, я также могу это сделать при наличии у вас макета и хостинга, где впоследствии будет находиться результат (для этой цели сгодятся и форумные файлы).
Вы связываетесь со мной любым удобным способом и излагаете суть вопроса. Если я не занят, то прошу вас показать мне макет и заполнить ТЗ. Если мы приходим к соглашению, то я берусь за работу. Скорее всего, буду верстать сперва у себя на компьютере в программе для написания кода, поскольку верстать сразу на том или ином сайте неудобно. Когда работа готова, я сообщаю вам и после оплаты (если не было предоплаты) иду ставить оформление уже у вас.
После установки я оказываю посильную техподдержку в случае, если что-то съедет не туда, поломается и т.п.
Шаблон ТЗ:[1] Отвечаете, что именно нужно сверстать и прилагаете файл макета будущей темы/страницы.
[2] Предполагаются ли какие-либо всплывающие окна, переключение вкладок, слайдеры, ротаторы и т.п.
Если мир вашей ролевой предполагает наличие интерактивной карты мира (или необязательно мира, это может быть что угодно с кликабельными областями), я с удовольствием помогу оживить данную задумку. Скажу сразу — я не занимаюсь отрисовкой самих карт, поэтому как и в случае с вёрсткой макета дизайна мне понадобится ваш макет карты.
Вы связываетесь со мной любым удобным способом и излагаете суть вопроса. Если я не занят, то прошу вас показать мне макет и заполнить ТЗ. Если мы приходим к соглашению, то я берусь за работу. Скорее всего, буду верстать сперва у себя на компьютере в программе для написания кода, поскольку верстать сразу на том или ином сайте неудобно. Когда работа готова, я сообщаю вам и после оплаты (если не было предоплаты) иду ставить оформление уже у вас.
Если ваша интерактивная карта предполагает добавление новых отметок, областей, описаний — укажите это, пожалуйста, в ТЗ в соответствующем пункте. В этом случае я напишу вам небольшое руководство о том, как самостоятельно добавлять новые отметки на карту.
После установки я оказываю посильную техподдержку в случае, если что-то съедет не туда, поломается и т.п.
Шаблон ТЗ:[1] Если для вашей карты требуется включаемая/отключаемая разметка (дополнительные символы, цветовыделение — что угодно), то подробно описываете пожелания в этом пункте.
В сети и на форумах технической поддержки выложено огромное количество различных дополнений и скриптов. Некоторые из них достаточно сложные в установке и требуют подгонки под дизайн, некоторые предназначены не конкретно для форумов на платформе mybb/rusff, но их можно адаптировать под нужды форума. Скажу сразу: сам я скриптов не пишу, но в целом понимаю синтаксис javascript и jQuery. Если не найдётся скрипта, подходящего под задачу, либо потребуется его серьёзная доработка, вам придётся обратиться к программисту.
Вы связываетесь со мной любым удобным способом и излагаете суть вопроса. Если я не занят, то прошу вас заполнить ТЗ. Если мы приходим к соглашению, то я берусь за работу. Когда работа готова, я сообщаю вам и после оплаты иду ставить/настраивать дополнение у вас.
Шаблон ТЗ:[1] Где и для чего планируется использовать дополнение, дабы определиться, как его настраивать. Необязательно к заполнению для скриптов для mybb/rusff.
К сожалению, опыт создания полных дизайнов у меня небольшой, к тому же я предпочитаю работать с ограниченным числом жанров, поэтому не могу заранее обещать, что возьмусь делать полный дизайн. Во многом это будет зависеть от наличия свободного времени (или времени, выделенного на работу), вдохновения и того, насколько подробно вы опишете ваши пожелания к дизайну.
Жанры, с которыми я хотел бы поработать:Всё остальное, что не перечислено, обсуждается индивидуально.
Вы связываетесь со мной любым удобным способом и излагаете суть вопроса. Если я не занят, то прошу вас оформить ТЗ. Если мы приходим к согласию, то я в скором времени начинаю работу. В зависимости от сложности задачи, вдохновения и занятости процесс создания дизайна может занять до нескольких недель. Предоплату за разработку макета я НЕ беру вплоть до его готовности. По ходу работы раз в какой-то отрезок времени я буду показывать вам промежуточные результаты для их утверждения или внесения правок. Как только будет готов результат, вы оплачиваете работу (целиком с последующей вёрсткой или только макет). После этого я начинаю вёрстку дизайна на тестовике. Она может занять в районе недели, если не предполагает большого количества html-тем и мобильной/адаптивной версии. После завершения вёрстки вы оплачиваете оставшуюся сумму (если не сделали этого ранее или потребовались дополнительные манипуляции в процессе вёрстки) и я переношу всё оформление на чистовик.
После полной установки дизайна я оказываю посильную техподдержку всё время, пока он стоит на форуме — поправляю мелкие баги, то, что не удалось сразу отловить, и т.п.. Серьёзные изменения в кодах и установка сложных дополнений — за отдельную плату.
Шаблон ТЗ:[1] Можете выложить ссылки на палитры с таких сайтов, как IN COLOR BALANCE и т.п., самостоятельно составить палитру на основе понравившейся картинки через этот сервис или просто перечислить нужные цвета в hex.
[2] При ответе "Да" желательно будет заполнить ТЗ на оформление html-тем, которое находится в блоке "html-оформление тем и страниц".
[3] При ответе "Да" желательно будет заполнить ТЗ на мобильную/адаптивную версию, которое находится в блоке "Адаптивная/мобильная версия сайта".
Как я уже говорил, я не обучался вёрстке профессионально и также не являюсь профессиональным преподавателем. Прежде, чем начать обучение, я спрошу у вас, что вы уже умеете и чему хотели бы обучиться, и мы составим примерный план занятий.
Уроки будут в формате трансляций в дискорде или подобной ему программе с возможностью демонстрации экрана и общения. Желательно, чтобы сама программа для видеотрансляций и оборудование было правильно настроено, чтобы мы не потеряли слишком много времени в случае технических неполадок.
Если вы не можете или не хотите обучаться в таком формате, я могу обучать в формате переписки или записывать обучающие видео, однако на это потребуется больше времени и, скорее всего, стоимость обучения изменится в большую или меньшую сторону в зависимости от конкретной задачи.
Также в обучение будут входить домашние задания для самостоятельной работы с последующим разбором на уроке.
Список возможных уроков:Поясню: я не автор макетов, расположенных ниже! Я просто ставил их на код, кое-где дорисовывая или доводя до ума разные мелочи. К сожалению, много упомянутых ниже проектов либо закрылось, либо сменило дизайн, поэтому посмотреть вживую может не получиться. Но к некоторым дизайнам есть видеообзоры.
P.S. Уважаемые дизайнеры и администраторы нижеследующих форумов! Если наличие вашего макета, вашего имени или ссылки на форум каким-то образом ущемляет ваши права, уведомите меня пожалуйста, об этом, и я изменю/уберу информацию.
Вместе с автором макетов мы играли на данной ролевой и в какой-то момент решились на коллаб к празднику. А потом к ещё одному и ещё.
Дизайн и вёрстку форуму делал другой дизайнер, я сделал только мобильную версию на основе существующего дизайна, используя его элементы, элементы официального мобильного стиля, а также близкие по стилю и цветовой гамме.
Скрипт фильтра элементов по критерию. Полезно для списков, где есть элементы, отвечающие сразу нескольким критериям. Подробности тут: ссылка.