search

Atis9 / nyantech.com

https://nyantech.com
4 stars 0 forks source link

記事のデザイン案 #53

Closed 0V closed 1 year ago

0V commented 2 years ago

機能リクエストは何かしらの問題に関連するものか？ 記事の読みやすさ。

希望の解決策についての説明

色付けのイメージ image

Atis9 commented 2 years ago

フォントサイズを大きくするのはアリだと思っています。 また、テキストエリアの区切りに関しては border などを利用して GitHub ライク（この Issue ページのよう）なデザインにすることを検討しています。 ひとまず PR を作ってデザインを作ってみるので意見をください。

Atis9 commented 2 years ago

とりあえず作ってみた。 どうですか。 https://nyantech-com-git-atis9-53-fix-design-atis9.vercel.app/

Atis9 commented 2 years ago

ひとまず対応しました。 文字サイズは要検討。

Atis9 commented 2 years ago

文字サイズはここらへんをオーバライドすれば対応できそう。 Typography | Primer CSS

Atis9 commented 2 years ago

記事一覧の表示も修正した。（flex box の活用が難しい）

Atis9 commented 2 years ago

そもそもフォントを指定していないことに気づいた。

Atis9 commented 2 years ago

@0V 全体に手を入れちゃったけど、デザインとして見やすくなったと思います。どうです？ Nyantech

0V commented 2 years ago

いま屋外なのでスマホからのチェックなんですが、自分的には良い感じです

0V commented 2 years ago

PCからも見たんですが、僕の環境だと英字がやけに大きく感じます

image

Atis9 commented 2 years ago

PCからも見たんですが、僕の環境だと英字がやけに大きく感じます

それは多分フォントの特性だと思います。 BIZ UDPGothic - Google Fonts でも確かにちょっとバランスが悪い感じはする。

Atis9 commented 2 years ago

あとは私が Word の前後にスペースを入れる派閥なので、より大きく見えるのはあるかも。