Загрузка...

Im making an animated rocket casino in WebApp, I need design advice

Thread in Frontend created by K1p1k Nov 17, 2025. 428 views

  1. K1p1k
    K1p1k Topic starter Nov 17, 2025 46 Jul 1, 2022
  2. Curses
    Curses Nov 17, 2025 Фрукты не дышать корень имбиря стоять на голове холодный душ 4,282 Jun 25, 2022
    очень сыро
     
  3. сатошик
    раздел халява добавь
     
    1. K1p1k Topic starter
      avatarсатошик, Нужен совет как сделать красивее стилизацию
  4. xss
    xss Nov 17, 2025 схавала Москва 624 Oct 17, 2021
    шрифты уродские, цвета тоже, картинка ракеты плохого качества, рамки тоже убогие
     
    1. K1p1k Topic starter
      avatarxss, Шрифт дефолт
    2. xss
      avatarK1p1k, честно не знаю, будто все заново надо
  5. doubtingmaple
    Поменяй шрифт и убери контрастность
     
    1. K1p1k Topic starter
      avatardoubtingmaple, какие цвета по рекомендуешь?
  6. UFC
    ну и хуйня бро
     
  7. filosik
    filosik Nov 17, 2025 Не пишите насчёт всякой хуйни пожалуйста 14,630 Aug 10, 2017
    выглядит очень очень плохо. криво, уёбщино
     
  8. Aqua
    хз, если бы я зашел и увидел такое, я бы в окно прыгнул
     
  9. Python
    Python Nov 17, 2025 Смотрит профиль пользователя avatarPython 8,855 Jul 21, 2022
    мем "по новой миша, все хуйня", знаешь? так вот, это про эту ситуацию
     
  10. MADSCAM
    MADSCAM Nov 17, 2025 умри самой мучительной смертью 12,635 Mar 25, 2019
    шрифт поменять везде, на сделать ставку скорее всего не шрифт а жирным форматировать, обвести 0.48, 1.11 и подобное более мягким, подобрать не такие мерзкие цвета
     
  11. наркоман
    наркоман Nov 17, 2025 ам гона тейк ма хорс 985 Aug 12, 2022
    вставь любой нормальный шрифт, сделай паддинги, убери блядские дефолтные бордера, сделай нормальную цветовую гамму.
    а ваще кидаешь код главной страницы и стайлы в гпт и он тебе ксс сделает хоть какой то начальный, даже макака красивее сделает чем твоя нынешняя ублюдина
    потом мини аппку открываешь в тг вебе и через просмотр кода ебашишь ксс что бы хотя бы видеть что делаешь
     
  12. RTX4070
    Шрифт под замену сразу
     
  13. Kitirimo
    Уф, дизайн конечно не ахти.
    1. Навбар
    [IMG]
    1) Я не понимаю почему экран такой маленький, но колокольчик выглядит мега маленьким, его бы побольше сделать :finger_up:
    2) Рамочку будто можно снести у баланса, она выглядит как будто изоленту на предмет наклеили просто так. :icant:И сделай чтобы баланс был до сотых, а не тысячных.
    3) Не знаю, что делает стрелочка вниз, конечно, но если это смена валюты или чёто в этом роде проще будет это сделать по клику на саму валюту, потому что снова скажу, что для этого реза размер какой-то маленький у неё
    4) Значок плюса, если ты рамку сохранишь, то перемести её в область рамочную и СДЕЛАЙ БОЛЬШЕ. А так я бы, если стрелочка вниз это смена и плюс это пополнение, то сделай чтобы эти функции были при нажатии на валюту, смысла от этих кнопок нет, тут рез мобилы это не пк рез :bro:
    5) Сделай бордер навбара пошире, и вообще лучше сделать, чтобы визуально выглядел будто вырез какой-то.
    ИТОГО: Я бы на твоём месте сделал навбар так - 1) Сносим колокольчик, выпадающую стрелку, кнопку пополнения и рамку у баланса. 2) Слева добавляешь логотип какой-то и справа оставляешь баланс (можно ещё сделать значения через точку чуть темнее для того, чтобы воспринималось не так резко), делаешь, чтобы при нажатии на него можно было сменить валюту. 3) Правее добавляешь кнопку профиля, чтобы через профиль были уведы и пополнение. 4) Делаешь отступы от краёв меньше, я не знаю зачем такие большие. 5) Делаем бордер навбара нижний визуально так, будто это какой-то разрез.
    2. Мейн блок
    [IMG]
    1) Цвет рамки вообще не тут, я бы убрал её вообще и просто сделал бы какой-то прикольный шрифт и размером его побольше, даже мб жирнее немного сделать и уже будет лучше.
    2) Ну, утка летит это круто, но как я понимаю это краш игра, тебе нужен график где будет: y - множитель и x - таймер. Ну и добавляешь от ракеты след, типо дуги такой на графике.
    3) У тебя есть история прошлых крашей, во первых можно сделать снова повторюсь это шире, не нужны такие отступы и можно добавить слева или справ иконку таймера от них (её как раз таки можно поместить в бордерах и сделать фон этой области немного светлее основого цвета). А также меняем их цвет на более прозрачный, но красочный спектр и делаем бордеры такого же цвета, но с нулём опасити
    4) Инпут слишком закруглён, чуть сквадрать округление, а также сделай отступ между инпутом и правой кнопкой. А также добавь инпуту плейсхолдер
    5) Кнопка смена валюты. Снова обращаясь к навбару, зачем там то тогда её менять, очевидно там сносим её. И снова убираем эту стрелку несчастную и делаем выпадающий список или модалку с выбором валюты по нажатию на её иконку. Также делаем чуть квадратнее, у тебя кнопка такая маленькая и на ней это скругление выглядит ужасно.
    6) Этот блок с инпутом и валютой тоже сделать можно шире
    7) Кнопка ставки самой. Ну сменить текст на Ставка. Сменить цвет на более интересный. А также после смены цвета убрать этот беловатый бордер.
    ИТОГО: Я бы на твоём месте сделал мейн блок так: 1) Сверху пишем историю крашей - Делаем немного скруглённый бордер, фон бордера с небольшим опасити, чтобы цвет не был броским, а так же делаем приятный шрифт и пишет цифры по типу - x0.18 или 0.18x. 2) Оставляем утку на ракете, добавляем на бг какого-то космик вайба, не супер яркий бг токо такой темноватый с явными силуэтам там планет звёзд или т.п. И ещё делаем переход плавный в нижней части с затемнением таким 3) Добавляем к утке треил за ней, который будет рисовать дугу графика. 4) Добавляем значения графика цифры снизу (x) это таймер можно типа - 7s, а справа (y) множитель краша по типу - x0.18 или 0.18x. 5) Делаем инпут с несильным закруглением внутри инпута, в левой части пишем валюту (при нажатии на которую появляются модалка со сменой её), а правее уже само значение (Всё это в инпуте и плейсхолдер не забыть ещё). 6) Правее инпута можно добавить уже саму кнопку ставки, сделать ещё можно вообще такого голубого цвета, но не яркого, такого что-то ближе к 60% тёмного оттенка.

    3. Кнопки навигации
    Я бы их просто убрал. Нам хватит сверху валюты для пополнения и профиля для увед и бонусов. И лого будет как кнопка главная.

    4. Цвет сделай основной что-то в таком роде - #141721. Все цифры делай белого цвета. А дальше уже смотри по визуалу. Я бы внутри бордеров делал что-то вроде - #212330. А для бг истории крашей юзал что-то подобное - #282417 или #0E2442.

    p.s. Просмотри разные референсы крашей и попробуй придумать, что-то в том же русле и всё :peka:
     
Loading...