批评:Tritium网站设计


9

在跟进这个问题:批判:Tritium软件徽标设计。要查看网站代码(性能,错误,相关的用户体验),请访问Code Review上姐妹问题


我正在寻找有关Tritium网站设计的评论(源代码)。

在此处输入图片说明

特别:

  • 该网站的目标之一就是保持简单。我完成了吗?
  • 调色板中的颜色是否互补?

  • 过去的所有批评是否都在设计上正确实施?我过得去吗?

  • 我的字体选择是否可以与网站的其他外观和风格很好地配合?

  • 是否有我忽略但尚未实现的设计概念?

我对网站设计还是有些陌生,所以请对此采取必要的严厉措施。


我认为颜色看起来还可以。显然,我对设计的背景或咨询了解不多,但我个人使用了适用于Chrome 的Eye Dropper插件以及Paletton.com。在选择正确的颜色时,它为您提供了极大的灵活性。滴管工具还为您提供了许多在CSS / HTML中声明该颜色的选项。
Argent Branding

单击“访问下载页面”时,会打开一个新选项卡,但是我没有注意到,因为出现了一个弹出窗口,我认为这应该是全部...如果打开了新选项卡并集中了用户不会错过它。使用target =“ _ blank”应该可以解决问题(请查看w3schools.com/html/html_links.asp)。如果您还使它看起来像普通链接(蓝色,带下划线或类似内容),我认为人们会认为它会打开一个新标签页。
Henrik Ekblom 2014年

1
我同意弹出窗口上的评论。我会在弹出窗口中添加一个按钮来单击,然后将其继续到github页面,而不是一次打开两个按钮。顺便说一句,网站上的工作真的很棒。
汉娜(Hanna)2014年

我将给出单击“ 访问下载页面”链接时出现的弹出式窗口,在边缘和文本之间再加上一些填充,并可能还会减小副本的大小和行距。并添加一个事件侦听器以注册转义点击以摆脱弹出窗口,而在您使用时,对转义点击不做出反应的弹出窗口会让用户感到烦恼。:-)
Janus Bahs Jacquet 2014年

Answers:


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,您也应该使用。国家安全局是邪恶的。无论如何,对于它值得的东西,它只是弹出一个对话框,什么也不做。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.