批評:トリチウムのウェブサイトのデザイン


9

この質問のフォローアップ:批評:Tritiumソフトウェアのロゴデザイン。ウェブサイトのコード(パフォーマンス、バグ、関連するユーザーエクスペリエンス)を確認するには、コードレビューの姉妹質問にアクセスしてください。


Tritium Webサイトソースコード)のデザインのレビューを探しています。

ここに画像の説明を入力してください

具体的には:

  • ウェブサイトの目標の1つは、シンプルさを保つことでした。私はそれを達成しましたか?
  • パレットの色は互いに補い合っていますか?

    • バックグラウンド: #171d25
    • アニメーション原子: #333
    • ロゴ: #f8bd24
    • リンクテキスト: #6e6e6e
    • ブランドヘッダー、ホバーリンクテキスト、ボタン: #78C40F
    • ナビゲーションバー: #000
    • 本文: #fff
  • 過去の批評はすべて、デザイン的に正しく実装されていますか?船外に行きましたか?

  • 私のフォントの選択は、他のWebサイトのルックアンドフィールでうまく機能しますか?

  • 見落とし、実装していない設計概念はありますか?

私はまだウェブサイトのデザインに少し慣れていないので、必要に応じてこれを厳しくしてください。


色はまあまあだと思います。もちろん、デザインの背景や相談についてはあまり詳しくありませんが、Paletton.comと一緒に個人的にChromeのEye Dropperプラグインを使用しています。これにより、適切な色を選択する際の柔軟性が大幅に向上します。スポイトツールには、CSS / HTMLでその色を宣言するための多くのオプションもあります。
アルゼンチンブランディング

[ダウンロードページにアクセス]をクリックすると新しいタブが開きますが、ポップアップが表示されて、それが起こりそうなことだと思ったので、気づきませんでした。新しいタブが開いてフォーカスされた場合、ユーザーはそれを見逃しません。target = "_ blank"を使用するとうまくいきます(w3schools.com/html/html_links.aspを確認してください)。通常のリンク(青、下線など)のように見せた場合、新しいタブが開くと思われるでしょう。
Henrik Ekblom 2014

1
ポップアップに関する批判に同意します。ポップアップにボタンを追加してクリックすると、一度に2つのアイテムを開くのではなく、githubページに進みます。ちなみにサイトで本当に素晴らしい仕事。
ハンナ

[ ダウンロードページにアクセス]リンクをクリックしたときに表示されるポップオーバーに、端とテキストの間のパディングを少し追加します。おそらく、コピーのサイズとリーディングを少し減らします。さらに、イベントリスナーを追加して、エスケープクリックを登録し、ポップオーバーを回避します。エスケープクリックに反応しないポップオーバーは、ユーザーにとって煩わしいものです。:-)
Janus Bahs Jacquet 2014

回答:


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.