비평가 : Tritium 웹 사이트 디자인


9

이 질문에 이어 Critique : Tritium software logo design . 웹 사이트 코드 (성능, 버그, 관련 사용자 경험)를 검토하려면 Code Review자매 질문을 방문하십시오 .


Tritium 웹 사이트 ( 소스 코드 ) 의 디자인에 대한 리뷰를 찾고 있습니다.

여기에 이미지 설명을 입력하십시오

구체적으로 특별히:

  • 웹 사이트의 목표는 간단하게 유지하는 것이 었습니다. 내가 그 일을 했습니까?
  • 팔레트의 색상이 서로 보완됩니까?

  • 과거의 비판이 모두 디자인 방식으로 올바르게 구현 되었습니까? 배 밖으로 갔습니까?

  • 글꼴 선택이 나머지 웹 사이트의 모양과 느낌에 잘 맞습니까?

  • 내가 간과하고 구현하지 않은 설계 개념이 있습니까?

나는 여전히 웹 사이트 디자인에 다소 익숙하지 않기 때문에 필요한만큼 가혹하게 행동하십시오.


색상이 좋아 보인다고 생각합니다. 분명히 디자인의 배경이나 상담에 대해 너무 많이 알지 못하지만 Paletton.com과 함께 Chrome 용 Eye Dropper 플러그인을 개인적으로 사용합니다 . 올바른 색상을 선택할 때 다양한 유연성을 제공합니다. 스포이드 도구는 CSS / HTML에서 해당 색상을 선언하기위한 많은 옵션을 제공합니다.
Argent Branding

"다운로드 페이지 방문"을 클릭하면 새 탭이 열리지 만 팝업이 나타나고 이것이 일어날 것으로 생각했기 때문에 그 사실을 알지 못했습니다 ... 새 탭을 열고 포커스를두면 사용자는 그것을 놓치지 않을 것입니다. target = "_ blank"를 사용하면 트릭을 수행해야합니다 ( w3schools.com/html/html_links.asp 확인 ). 일반 링크 (파란색, 밑줄 또는 유사)처럼 보이게하면 사람들이 새 탭을 여는 것으로 가정합니다.
Henrik Ekblom

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를 사용하므로 귀하도 마찬가지입니다. NSA는 악하다. 어쨌든 가치있는 것에 대해서는 대화 상자가 나타나고 아무것도하지 않습니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.