」のブログデザインをカスタマイズさせていただきました!WORK未分類[記事公開日]2017/01/09[最終更新日]2018/06/15「のちたび。」のブログデザインをカスタマイズさせていただきました!TWEETSHAREBOOKMARKSHAREこんにちは、ちびまや(@Mayayan6)ですこの度、世界中を旅しながらライターのお仕事をされている、のっちさんのブログ「のちたび。」のデザインをカスタマイズさせていただきました!以前から、のっちさんとは仲良くさせていただいており、PCカスタマイズのご相談をいただいたので、私も大好きな「のちたび。」に関われるなら!とお引き受けしました。今回は、そんな「のちたび。」PCリニューアルでこだわった点についてまとめてます!「のちたび。」の可愛い世界観を表現したい!参考「のちたび。」:http://noccheese.hatenablog.com/「のちたび。」は、世界中の可愛いを見つけて発信しているサイトです。記事の中には、うっとりするような素晴らしい写真やわくわくする楽しい記事がいっぱい!そこで、今回のリニューアルではそんな世界観をサイト全体で表現できたらいいなと思いました。やったことその1:テーマカラーの設定まずはテーマカラーを考えました。「可愛い&わくわく」がコンセプトなのでパステルカラー調で、ところどころカラフルに遊び心があるといいなと思いました。テーマカラーは、以前から「のちたび。」には素敵なヘッダー画像があったので、それをより魅力的にしたい!と思い、ヘッダー画像に合わせて全体のカラーを設定することで、サイトの統一感を出しました。次に、ワクワク感を出すために細部をところどころカラフルに。カラフルな箇所をたくさん入れると全体が統一されずバラバラした印象になるので、ポイントで色を使用。」の場合は、目立たせたい各記事のタイトルにカラフル要素を入れました。デザインも、ちょっと不規則な感じで遊び心をだしてワクワク感が出るように。今回はこちらを自分の勉強も兼ねて、CSSでチャレンジしてみました!やったことその2:手書きデザインを取り入れ遊び心を次にこだわったところは、「手書き要素」を入れること。サイドバーのタイトルに取り入れてみました。手書き感のあるデザインを入れることで、手作りであたたかい印象が出たり、ワクワクした印象になります。やったことその3:フォントの再設定フォントもサイト全体のイメージを作る重要な要素です。ちびまやブログも、画像は少なく基本的にテキストだけでデザインしていますが、このフォントをデフォルトじゃなく、自分のサイトに合わせたデザインのものを選ぶだけでグっとオリジナル感が出ます。」の場合も、全体が丸っこいフォントを選び、かわいい印象になるようにしました。Fontを使ってあなたのブログを簡単にオシャレにしよう!http://chibimaya.hatenablog.com/entry/2016/01/16/161121サイト上のUI設計にもこだわったイメージデザインの他、「使いやすい、読みやすい」を考えるのもデザインの一部です。そのため以下の要素を追加しました。・関連記事グローバルナビゲーションの追加はてなブログのデフォルトテーマにはなかったので、新しく追加しました。グローバルナビゲーションとは、全てのページに共通して設置されたサイトの案内リンクです。これがあることで、このサイトがどういう記事を書いているのか、また各メインカテゴリへの移動がスムーズになります。ちびまやブログと同じグローバルナビゲーションの追加方法をこちらの記事で紹介しています。-グローバルナビゲーション編-http://chibimaya.hatenablog.com/entry/2016/01/30/220708SNSとの連携せっかくブログを書いているんだから、読者も増やしたいし記事もシェアされたいですよね。そこで、記事を書いている人のパーソナリティが分かるようなSNSでの投稿を表示したり、分かりやすいボタンを置いて、シェアされやすいブログを作ることが大切。」リニューアルでも、のっちさんが更新されている素敵な写真がいっぱいのInstagramや、twitterをサイドバーに起き、どのページからでもチェックできるようにしました。関連記事の設置1つのページを読んで終わり。なく、他のページも読んでもらいたい!そのために各記事の下に関連記事を表示しました。関連記事を入れることで、ユーザーの興味を引きそうな記事に誘導することができます。関連記事の追加方法についてはこちらの記事を参考にしました。シスウ株式会社そんな素敵で可愛い旅ブログ「のちたび。」はこちらから!「のちたび。次の記事へPROFILE21歳で世界放浪の旅に出たのち、webデザイナーとして活動。現在はフリーランスでチェンマイとバリ島を拠点に旅しながら仕事しています。ロマンチックな世界の古都巡りが好き。働く場所にとらわれず頑張る女性を応援する『#GIRLSNOMADLIFE』を運営中。自分にも地球にも気持ちよく生きる人を目指しています。観光FEATUREWORK海外ノマドをするなら知っておきたい最低限3つの知識WORKチェンマイで感じた、海外ノマドワーカーたちに共通する5つの特徴。TRAVELタイの映画撮影現場に迷い込む!俳優さんが優しすぎて撮影を見学させてもらいました。「Slowmag.」では、仕事をしながら暮らすようにスローペースで旅をする、フリーランスデザイナーMayaの、旅の記録と仕事や日常の様子を発信しています。お問い合わせは下記のリンクから、もしくはSNSで受け付けております。