Критика: дизайн сайта Тритий

9

В продолжение этого вопроса: Критика: Разработка логотипа программного обеспечения Tritium . Для просмотра кода веб-сайта (производительность, ошибки, связанный пользовательский опыт), пожалуйста, посетите родственный вопрос на Code Review .

Я ищу обзор дизайна для моего сайта Tritium ( исходный код ).

В частности:

Одной из целей сайта было сделать его простым. Я достиг этого?
Цвета в моей палитре дополняют друг друга?
- Фон: #171d25
- Анимированный атом: #333
- Логотип: #f8bd24
- Текст ссылки: #6e6e6e
- Заголовок бренда, текст ссылки, кнопка: #78C40F
- Navbar: #000
- Основной текст: #fff
Правильно ли реализована вся критика прошлого? Я пошел за борт?
- Реализован дизайн логотипа @ DA01 ( используется с разрешения ).
- Добавил атом на задний план в соответствии с предложением @ Yisela , анимация любезно предоставлена @squeamishossifrage .
- Постарался сделать это простым, основываясь на многочисленных других предложениях.
Мой выбор шрифта хорошо сочетается с остальным внешним видом сайта?
Есть ли какие-то концепции дизайна, которые я пропустил и не реализовал?

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

website-design critique identity

— syb0rg
источник

Я думаю, что цвета выглядят хорошо. Очевидно, я не слишком много знаю об истории или консультациях по дизайну, но лично я использую плагин Eye Dropper для Chrome вместе с Paletton.com. Это дает вам большую гибкость в выборе правильных цветов. Инструмент «Пипетка» также предоставляет множество возможностей для объявления этого цвета в CSS / HTML.

— Аргентинский брендинг

При нажатии «Посетить страницу загрузки» открывается новая вкладка, но я этого не заметил, потому что появилось всплывающее окно, и я подумал, что это все, что должно было произойти ... Если открыть новую вкладку и поставить в фокус пользователь не пропустит это. Использование target = "_ blank" должно помочь (см. W3schools.com/html/html_links.asp ). Если вы также сделаете так, чтобы она выглядела как обычная ссылка (синяя, подчеркнутая или похожая), я думаю, люди подумают, что она открывает новую вкладку.

— Хенрик Экблом

1

Я согласен с критикой всплывающего окна. Я бы добавил во всплывающее окно кнопку для нажатия, которая затем продолжится на странице github, вместо того, чтобы открывать две вещи одновременно. Кстати, отличная работа на сайте.

— Ханна

Я бы дал всплывающее окно, которое появляется, когда щелкают ссылку « Перейти на страницу загрузки» между отступом и текстом, и, возможно, также немного уменьшают размер и начальный размер копии в нем. И добавьте прослушиватель событий, чтобы зарегистрировать escape-клики, чтобы избавиться и от всплывающего окна, пока вы на нем - поповеры, которые не реагируют на escape-клики, раздражают пользователя. :-)

— Янус Бакс Жаке

1

Отличный дизайн! Особенно мне нравится атомная анимация справа.

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

Скриншот страницы с альтернативной цветовой палитрой

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

Настройки Colorizr.js

Цвета сверху вниз: RGB (25, 33, 44), RGB (14, 191, 14), RGB (212, 212, 212), RGB (26, 40, 60), RGB (26, 40, 60)

— аналого-Nico
источник

1

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

Цветовая палитра напоминает мне компанию по питанию или подобное.

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

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

— user3931564
источник

0

Не совсем проблема дизайна, но на удобстве использования -
сайт говорит, что это БЕСПЛАТНО, но когда вы нажимаете «ПОСЕТИТЬ СТРАНИЦУ СКАЧАТЬ», всплывающее окно запрашивает пожертвование. Что делать, если я не хочу делать пожертвования, прежде чем попробовать программное обеспечение? Должна быть другая опция, например «ПРОДОЛЖИТЬ» или «ОТМЕНА», чтобы пользователь мог действительно посетить страницу загрузки и загрузить программное обеспечение, если он / она не делает пожертвование.

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

— Сэм
источник

-2

Вы не выиграете дизайнер года за это. Но чем меньше, тем меньше мне не нравится.

Ваша желтая версия значка имеет эллипсы выше, чем ширина:

введите описание изображения здесь

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

Кажется, что есть только одна вещь, на которую нужно нажать, это «посетить страницу загрузки». Если это все, что у вас есть, то почему это не страница?

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

— Cakey
источник