Критика: Дизайн веб-сайту Tritium


9

Далі слід відповісти на це питання: Критика: Дизайн логотипу програмного забезпечення Tritium . Щоб переглянути код веб-сайту (продуктивність, помилки, пов’язаний з користувачем досвід), будь ласка, перегляньте сестринське запитання на сторінці Code Review .


Я шукаю огляд дизайну для мого веб-сайту Tritium ( вихідний код ).

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

Конкретно:

  • Однією з цілей веб-сайту було зробити його простим. Я це досяг?
  • Чи доповнюють кольори в моїй палітрі один одного?

    • Фон: #171d25
    • Анімований атом: #333
    • Логотип: #f8bd24
    • Текст посилання: #6e6e6e
    • Заголовок марки, текст посилання на курсор, кнопка: #78C40F
    • Navbar: #000
    • Основний текст: #fff
  • Чи правильно виконана вся критика минулого? Чи я зайшов за борт?

  • Чи добре працює мій вибір шрифту з рештою зовнішнього вигляду веб-сайту?

  • Чи є якісь дизайнерські концепції, які я не помітив і не реалізував?

Я все ще дещо новачок у дизайні веб-сайтів, тому будь ласка, будьте такі суворі, як це потрібно.


Я думаю, що кольори виглядають нормально. Очевидно, що я не знаю надто багато про фон або консультації з дизайном, але я особисто використовую плагін Eye Dropper для Chrome разом з Paletton.com. Це дає велику гнучкість у виборі правильних кольорів. Інструмент Eye Dropper також надає безліч варіантів оголошення цього кольору в CSS / HTML.
Аргентинський брендинг

При натисканні кнопки "Відвідати сторінку завантаження" відкривається нова вкладка, але я цього не помітив, тому що з'явилося спливаюче вікно, і я подумав, що це все, що повинно було відбутися ... Якщо нову вкладку відкрити і поставити в фокус фокус Користувач не пропустив би його. Використовуючи target = "_ blank", слід зробити трюк (перевірити w3schools.com/html/html_links.asp ). Якщо ви також зробили це схожим на звичайне посилання (синій, підкреслений чи подібний), я думаю, люди припускають, що це відкриє нову вкладку.
Генрік Екблом

1
Я згоден з критикою щодо спливаючих вікон. Я б додав у спливаючому вікні кнопку, щоб натиснути, яка буде продовжуватися на сторінці github, а не відкривати відразу дві речі. Дійсно чудова робота на сайті, до речі.
Ганна

Я б дав короткий проміжок часу, який з’являється, коли натискається посилання на сторінку " Відкрити сторінку " дещо більше, проклавши між краєм і текстом, і, ймовірно, також трохи зменшуючи розмір та провідну копію в ньому. І додайте слухача подій, щоб зареєструвати евакуаційні кліки, щоб позбутися від переповненого, поки ви на це перебуваєте - пересилки, які не реагують на втечі кліків, роздратують користувача. :-)
Janus Bahs Jacquet

Відповіді:


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)


1

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

Колірна палітра нагадує компанію з харчування та подібне.

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

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


0

Не зовсім проблема дизайну, а щодо зручності використання.
На сайті йдеться, що БЕЗКОШТОВНО, але коли ви натискаєте "ВІДІСИТИ СКАЧАТИ СТОРІНУ", спливаюче вікно просить пожертвувати. Що робити, якщо я не хочу здавати гроші, перш ніж спробувати програмне забезпечення? Повинно бути інший варіант, як "ПРОДОЛЖИТИ" або "ОТМЕНИТИ", щоб користувач міг насправді відвідати сторінку завантаження та завантажити програмне забезпечення, якщо він / вона не пожертвує.

Тому я рекомендую переробити макет спливаючого вікна та включити іншу кнопку, як було запропоновано.


-2

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

Ваша жовта версія піктограми має еліпси вище ширини:

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

Це дивно виглядає і навіть дивніше, як гірчиця на сірому, коли його поміщають у піктограму вкладки браузера. Якщо ви збираєтеся зробити значок вкладки браузера, тоді просто зробіть його темно-сірим або чорним.

Здається, що є лише одне, на що натиснути, - це "відвідати сторінку завантаження". Якщо це все, що у вас є, чому це не сторінка?

Він просить гроші, але мій браузер нічого іншого не дає. Можливо, це є у вашому браузері, але я використовую TorBrowser, і ви все також повинні. АНБ - це зло. У будь-якому випадку, для чого воно варте, воно просто спливає діалог і нічого не робить.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.