Shirt』を選んだ理由。Shirt』を選んだ理由。Shirt』に変更しました。ブログデザインの方も一新したので、配色やカスタマイズをする上で参考にしたサイトを一緒に紹介していきます。自分のスキルアップのために2週間ほど時間がかかってしまいましたが、時間をかけてよかったと思っております。Shirt」のどちらブログテーマに変えるか迷っていました。Haruniはグラデーション、シェアボタン、スマホデザインのドロワーメニューを簡単に導入できる点。Shirtは、トップページをカード型での記事表示、スマホでは1カラムでカード型表示に魅力を感じていました。Shirtを選んだ大きな理由です。ShirtをベースにHaruniのエッセンスを散りばめながら作りたいと思い、シェアボタンや配色はHaruniベースで作っていきました。シェアボタンにつきまして、作者のminimalgreen(id:minimalgreen)さんから使用許可をいただいております。素敵なシェアボタンを使わせていただき、ありがとうございます!トレンドでもある鮮やかなグラデーションを使ったデザインではないですが、少しでも読みに来ていただいた人が「このブログかっこいい...」「配色が好き...」と感じてもらえるように、自分が持てる力を出し尽くしたつもりでいます。(デザイン力はまだまだですが...)もしグラデーションを使ったおしゃれなはてなブログテーマを使いたいという人は、Haruniをオススメします。横長カード型のトップッページも可愛らしく、スマホデザインでは横からスライドして出てくるドロワーメニューもデモサイトで用意されているものを使えば簡単に実装できます。今回はレスポンシブに対応したブログカスタマイズをしたので、ブレイクポイントだったりPCとスマホでロゴの見え方が違ったりとかなり苦戦しました...左:PC/右:スマホできる限りシンプルで読みやすく、アクセントにグラデーションを使ってデザインしました。今まで導入していたものをベースにデザインを調整しながら変えたぐらいで、これだけ印象が変わるとは思いませんでした...当ブログのカスタマイズが気になっている方は、こちらの記事にまとめてあるので参考にしてみてください。PCブログデザインを大幅に変更しました!おしゃれなブログカスタマイズまとめ。ブログデザインが変わると気持ちがリフレッシュしてやる気が湧いてきますよね。PCのブログデザインを大幅に変更しました。期間は3日間と短いスパンになりましたが、良い仕上がりになり大満足です。...続きを見る私が参考にさせていただいたサイトを紹介していきたいと思います。好きな色は画像から配色関連で悩んでいる方は、マチョログさんのこの記事が参考になります。blog.marswee.com写真からブログカラーを抽出するカラーの選び方が書かれているのですが、めちゃくちゃ参考になりました。自分の場合はメインカラーはブルーと決めていたのですが、グラデーションの使い方に悩んでいるときは、上の写真の様にぼかしを入れてグラデーションを作ったりしていました。グラデーションの組み合わせって、少し色を変えただけで印象が変わってきます。カラーコードを眺めていてもグラデのイメージがしにくかったんですよね...「グラデーションの使い方がわからない」と言う人は、色んな写真の明度あげたり彩度下げたりしながらぼかしを入れて、写真からカラーを抽出するのもありだとも思います。写真からのカラーコードの抽出は、こちらのサイトが使いやすかったので参考にしてみてください。おしゃれなグラデボタンFOXISMさんのアイキャッチを使ったフォローボタンを記事下に設置していたのですが、もう少し大きく画像を目立たせたかったので縦並びに変更しました。フォローカードについて気になる方は、FOXISMさんの記事を参考にして導入してみてください!www.foxism.jp宇宙魚さんには、スマホのヘッダーメニューのカスタマイズをお手伝いをしていただきました。その節はマジでありがとうございました...またFOXISMさんのフォローカードのカスタマイズにアレンジを加え、グラデを使っためちゃくちゃおしゃれなフォローカードのカスタマイズも参考になりました!skyfish25.hatenablog.com参考にさせていただいて出来たフォローカードはこちら...こんな感じで出来ました!もちろんレスポンシブ対応ですので、気になる方は紹介した記事を参考にしてカスタマイズしてください。調整する必要がありますが、試行錯誤する時間を大切にしてくださいね!(もしわからないところがありましたらご連絡ください。)調整することが大事ヘッダーもグラデーションを使った背景に変更しました。今回のデザインでは「きたろぐ」を運営している、あいまいみーさんのツイートだったりシェアしていただいた記事を参考にさせていただいております。本当にこういうアドバイスをいただけるのって恵まれているなと実感します。本当にありがとうございます、みーさん!デザインのセンスも抜群に良いので、「デザイン力ないんだよなぁ」「誰かにお願いしようかな」って人はデザインのご依頼をしてみてはいかがでしょうか!www.imyme9.comアドバイスをいただいた通りに、修正したらめっちゃ良い感じに...!自作した砂時計のロゴが光り輝いているみたいでカッコいい...少し修正するだけでこれだけ変わるんですね。本当にデザインは奥が深い...私がデザインの教科書にしている本に〝神は細部に宿る〟という言葉があります。「近くで見たり離れて見たりする」ことってすごい大切なことなんだなぁーってしみじみ...まとめ今回のカスタマイズで学んだこと、配色一つで印象がガラリと変わる、調整することの大切さ、Twitterは暖かい...以上!本当にTwitterでは「デザイン悩んでます」ツイートばかりですみませんでした...本当に「こっちが良いよー」「これ参考にしてみると良いよー」とか色々とお声かけていただいてありがとうございました!自分自身で言うのも何ですが、素敵なブログデザインが出来たと思っております。Shirt」を作成したrokuzeudon(id:rokuzeudon)さん、ありがとうございます。RinkerAmazon楽天市場なるほどデザイン〈目で見て楽しむ新しいデザインの本。優ガジェットを中心に世界中の良いモノ善きコトを発信しています。TIME』で記事を執筆中。コメントをキャンセルメールアドレスが公開されることはありません。新しい投稿をメールで受け取る関連記事ブログ2018/6/15はてなブログからワードプレスに移行しました。移行作業で参考にしたサイトをまとめます。先日、はてなブログからワードプレスに移行が終了しました。移行する前は作業が多すぎてめんどくさいと思っていましたが、いざやってみると「意外と大変ではないかも」と感じたのが正直な感想です。検索で調べると移行方法は詳しく書かれている記事が山ほどあるので、手順は簡単に書いていきますが、「こうすると楽だったよ」、「参考になったよ」ってサイト紹介していきます。...ブログ2018/5/14ブログを開設して気が付いたら丸3年が経っていました。このブログを開設して丸3年が経ちました。TIME』ですが、「気がつけば1年あっという間だったな〜」っていう気持ちが強いです。TIME』を振り返ってみようかなって思います。久しぶりに自分主体の記事になりますが、興味がある方はぜひ立ち寄って読んでみてください。毎年5月は、はてなブログからのメールで思い出します。早いもので、今年から4年目に突入します。...ブログ2018/5/2国営ひたち海浜公園のネモフィラに会いに行きました。青く美しい世界が目の前に広がっていた...GW前半戦、青の世界に浸りたくて茨城県にある国営ひたち海浜公園に足を運んで来ました。目的はネモフィラの花畑。そんな青い世界に浸って撮りためた写真たちを少しでも多くの人に伝えるべく国営ひたち海浜公園について書いていきます。写真多めの記事ですが、ぜひ読んでいってみてください。東京から車で2時間ちょっと、品川駅から勝田駅まで電車で1時間30分程度で足を運ぶことができます。私は千葉から車で向かったのですが、間に休憩を入れつつ3時間ぐらいで到着することができました。...ブログ2018/1/2028歳になりました。5人の神々と全ての方に贈る感謝状。2018年1月12日に誕生日を迎えて、28歳になりました。月日が過ぎるのは早いですね。自分の誕生日ってこともありPC表示のみでひっそりとほしい物リストを公開していたのですが、まさか5名の方から誕生日プレゼントと素敵なバースデーメッセージをいただけるとは思っていなかったです。今回は、そんな素晴らしい神々への感謝状を書いていきます。...ブログ2017/12/302017年にブログと向き合ったこと。2018年は自分をデザインする一年にしたい。2017年もあと少しで終わりますね。今年一年を振り返ってみると、プライベートやブログで色々と変化のある一年でした。PVや収益関連のことはあまり書きませんが、この一年で変わった記事の書き方やブログと向き合ったことについて書いていこうと思います。ブログをやる以上、PV(アクセス数)っていうのは、すごい気になるポイント。PVが増えると素直に嬉しいし、ブログに対するモチベーションの一つだと考えています。...ブログ2017/12/3PCブログデザインを大幅に変更しました!おしゃれなブログカスタマイズまとめ。ブログデザインが変わると気持ちがリフレッシュしてやる気が湧いてきますよね。PCのブログデザインを大幅に変更しました。期間は3日間と短いスパンになりましたが、良い仕上がりになり大満足です。今回、変更した箇所のカスタマイズをまとめていきたいと思います。ブログデザインを変更したので、まずはブログの全体図から載せていきます。全体的な配色やロゴを自作したりと色々と大変なところもありましたが、デザインに関して全くの初心者がここまでできたら上出来だと感じています。優ガジェットを中心に世界中の良いモノ善きコトを発信しています。TIME』で記事を執筆中。お問い合わせ記事内検索AppleMaciPhoneガジェットAmazonデバイスパソコン周辺機器スマートフォン充電器オーディオファッションライフスタイルIQOSWebAmazonChromeWebサービスアプリブログPickup!!1【2019年】私を支えた13つの買ってよかったものを紹介!2019年もあっという間に過ぎ、もう少しで新しい年を迎えようとしています。Proを購入したら一緒に買っておきたいおすすめアクセサリー。3が搭載されたことによって、充電・ディスプレイの外部出力・データ転送がケーブル一本でできるようになり、より快適に便利になりました。出来るだけムダな出費をせずに失敗をしない買い物をしたいところです。...4ロジクールマウスのおすすめをコスパが良いマウスからプロ仕様までピックアップして紹介!マウスメーカーとして信頼の高いロジクール。マウスと言ったら「ロジクール」と言っても過言ではないでしょう。3(USB-C)しか搭載されておらず、周辺機器との接続には不便さを感じてしまいます。