![スクリーンショット_2020-03-07_22.47.12](https://assets.st-note.com/production/uploads/images/20531434/rectangle_large_type_2_fd5fd0fdbb05d5c640557252298cff1b.png?width=1200)
#花粉症バイバイ #1日1サイトレビュー
【概要】
花粉症対策の記事など様々な花粉症に関する情報が記載されたサイト
【印象】
・イラストがふんだんに使われていて可愛い、コミカル
・項目が全て枠に囲まれて整列されていて見やすい
・「#」をタイトルに使用すると今時感がある
【メインビジュアル】
・ほぼフルスクリーンで下に少し細かいドットの余白がある
・前面イラスト
・杉の木がニョキニョキ出てくるところと花粉やマスクなどがぷかぷか浮かんでいるところが可愛い
・右上にグローバルナビゲーション
・右下にスクロールを促すアイコンがチカチカしている
【コンテンツ】
・医療や研究に関する記事が多いため、文字が多く堅いイメージになってしまうが、コミカルなイラストや枠を使用することで読みやすさや読む意欲を沸かせる
また、写真は情報提供者の顔写真のみで記事のサムネイルも全てイラストであることから可愛らしさや親近感が湧く(?)
・記事が全て枠でしっかり囲まれているため全体的にすっきりして見える
・トップページに出てくるABOUTの枠の出てき方が可愛い
・ABOUT、TOPICS、CONTENTS、KEYWORDで出てくるコンテンツの表示方法がそれぞれ異なっている(下からふわっと表示、カードがくるっと左回りに回転されているような表示など)
・記事にカーソルを合わせるとコンテンツが押されたように動く
【フォント】
・和文フォントは游ゴシック体、ヒラギノ角ゴシック
・欧文フォントはRobot Mono-bold italic
【カラー】
・メインカラーは深いエメラルドグリーン(#1fa29b)杉の木を表しているように思える
・各記事の枠の中の背景色は薄いピンク(#fbeeef)やブルー(#e8f7fe)、イエロー(#fffdda)など
・各記事にカーソルを合わせると記事の枠の中の色が変わる
・「#花粉症バイバイ」の文字の下に引かれている黄色のラインが良いアクセントになっていて、花粉を表しているように思える
・白の背景とドットの背景の色の差はさほどなさそうに見えるがしっかり区別ができている。自然な区別ができている。
【レスポンシブ】
・記事のカーソルを合わせると記事が押されたような動作や記事の枠の中の背景色が変わるところはPCのみ
・SPはハンバーガーメニュー
・SPはグリッドレイアウト表示からスライド表示に変更されているものも一部あるが、PCと変わらずグリッドレイアウト表示になっているものもある
この記事が気に入ったらサポートをしてみませんか?