Qiita新トップページのSurfaceデザイン - Qiita

Qiita開発チームでデザインを担当している @htomine です。 Increments アドベントカレンダーの3日目なのですが、すでに遅刻しております この記事ではQiitaの新しいトップページのビジュアルデザイン面の設計について、こんな風に考えてデザインを固めていったよ、という話を書こうと思います。 なお、記事ページのデザイン変更についてはメインで担当してくれた @morishitter が数日後に書いてくれる予定です 「Surface」という用語について まず最初に記事タイトルにも書いてある「Surface」という用語ですが、これはQiita開発チームで使っている用語です。 一般に「デザイン」ということも多いかと思いますが、皆さんお悩みのようにこの言葉の定義する範囲は広範に渡ります。 コミュニケーションの上でこれらを混同して使うと話がしづらいことが多いため、以下のような「UXの5

[rjge]

トップページ、読み込み中表示の横線が個人的にはものすごくノイズに感じる。対象記事なくても1秒以上表示されてるから重くなった印象受けた。

[headless_pasta]

とみねさんの記事。こんな感じでデザイナーがちゃんと自分の仕事を語れるの偉い。読んでて面白い。

[otihateten3510]

いいね「Surface」って用語　／　なんかかわいくなったと思う

[Allajah]

おもしろかった

[koogawa]

良くなったよね

[snowcrush]

新デザイン結構好きだけど、初期案の白ベースのデザインもシンプルでよいなぁ。

[at_yasu]

product hunt風。なるほど。

[akulog]

僕は新しくなって割と好きというか使いやすくなったと思う。

[kazutomo]

miiverseを感じる

[koyancya]

"「常習性」のためにノイズは少なくしたい"

[s99e209]

情報の凝集感とクリーンさとの両立で、モダンなUIに見せるためのいろいろな施策。

[t2wave]

"「クリーンさ」は何で表現されるか、というのは難しいと思いますが、個人的には「適切な余白とノイズの少なさ」"