デザインをリニューアルしました!

TIPSTOCK!をご覧いただいている皆さん。いつもありがとうございます。この度、TIPSTOCK!ではデザインのリニューアルをしました。いきなりデザインが変わり戸惑った方もいるかもしれません。報告が遅くなってすみませんでした。

全体外観

TIPSTOCKの全体外観

全体の外観を見やすくかつ直感的に見れるように変更しました。下の旧デザインと比べるとよくわかると思います。

旧デザイン

旧デザインでは、記事のタイトルと本文が全てホームに表示され各記事がスクロールが非常に長くなっていましたが、新デザインでは新たにカードデザインを採用。背景イメージと合わせて記事をより直感的に選ぶことができるようになりました。

記事ページでは新たにソーシャルボタンを追加。記事をPocketに保存したりTwitterでシェアするといったことが簡単にできるようになりました。

また、見出しのアルファベットのキャメルケース化を改善。文字フォントや行間を調整し、ストレスのない読みやすいフォントにしました。左が旧デザイン、右が新デザインです。見比べてみてください。

おすすめ記事の追加

記事ページの下部に、おすすめ記事を表示する機能を追加しました。興味のある記事を続けて読むことができるようになりました。

モバイルの改良点

モバイルでの閲覧を想定して大幅に改良しました。今までのデザインは記事一覧が文章まで含めて表示されてしまい、最新記事以外の記事を探し読むのが不便でしたが、新しいデザインは記事をカードベースのデザインにし、背景イメージと合わせてより美しく、見やすくしました。

新型ナビゲーションの導入

新しいデザインではナビゲーションメニューにちょっと変わった特徴を設けました。旧デザインでは、様々なWebサイトで見かける三本線の横線からなるハンバーガーメニューを採用していました。

しかし、このハンバーガーメニューはアイコンを押してからメニューが表示されるという手順が煩わしく使いにくいという問題がありました。

旧デザインのハンバーガーメニュー

新デザインでは、メニュー項目のバーを横に配置、横スクロールするだけで簡単にメニューを選べるようになりました。

新機能も開発中

まだまだTIPSTOCKは進化します!以下のような機能を現在開発しています。

記事ハッシュタグ

開発中のためデザインは変更される可能性が高いです!

記事にハッシュタグを追加します。ハッシュタグから興味関心のある分野を探すことができるようになります。

記事サマリー&目次

文量の多い記事は読むのも大変です。記事の要約と目次機能をリリースする予定です。

不具合や改善点がありましたら

まだTIPSTOCKはできたばかりです。不具合や改善点がありましたら、是非下のフォームからご意見をお聞かせください。

スポンサード

Microsoft Public Affiliate Program (JP)(マイクロソフトアフィリエイトプログラム)
Microsoft Public Affiliate Program (JP)(マイクロソフトアフィリエイトプログラム)

こちらもどうぞ

突然起動しなくなったWordPressサーバーをなんとか復旧した話

MORE

使える! CSSだけで作るオシャレで映えるボタンデザイン

MORE

【お名前.com】簡単に独自ドメインを取得する方法 – 取得編

MORE

Web開発にGoを使う理由

MORE

GCPの無料枠 Always Freeで爆速WordPressを構築する

MORE

macOSにPostgreSQL環境を整える

MORE