初めてアクセスされる場合、フォントのダウンロードを行いますのでページのロードが極端に遅い場合がございます。ご了承ください。

de-liKeR Logo

About Medium Contact

新しいde-liKeRのためのDesign、「5.0」登場です。

2016·05·12


今宵の月はどうでしょう。こんばんは、@CreatorQsFです。
ブログを書くのは一ヶ月ぶりくらいになってしまいました。なんともPodcastも初められていないし、申し訳ない限りです。

というより、私はプライベートなものだと仕事が遅いことで有名なんです。
言い訳させていただくと、私はそういうところでは妥協は基本的にしたくないので、

ということをやってしまうんですね。で困ったことに、最近は私の学習スピードが前のPHPをのんびりいじっていたときよりも速いので、だいたいプロダクトの開発がすすんでいくとその間にそこで使える新しい技術とかを覚えたりするんです。でそんなものを組み込んだり置き換えたりすると、どんどん遅くなっていく…みたいな。まぁ基本的にのんびりしか進めてないので(というより他のところの作業に時間をとられすぎていて…でもやはり居心地がいいところで作業し楽なっちゃうものなんです人って)、気長に待ってください。

で別にそんな愚痴を書きたいわけではなく、今回はかねてより予定していた新しいDesignを適用したので、発表させていただく次第です。


ロゴ

今回は二種類作りました。
少し前に発表したものはこちらになります。

https://de-liker.com/img/de-liker-new.svg

これがいわゆるde-liKeRのロゴですね。で、今回新しく採用したのがこれ

https://de-liker.com/img/de-liker-logo.svg

ええ、ロゴこそ結構変わってきましたがdeの部分を昔から何らかの形で囲ってきてたので、その部分が特徴づけかなと思ってこれにしました。特に深い意味は無いです。


サイトのDesign

以前から読みにくいという情報は別に頂いておりませんでしたが(わーい)、typography部分をいじりました。いじったといってもcssでこちゃこちゃしてるだけなので別にごりごりに一記事づつ変えるとかそういうことはしませんが、前は詰まりすぎていた印象が自分の中で少したかかったので、今回は余白をさらに大きくとりました。
そうですね、今回の特徴は余白ですね。

hrのところもランダムっぽく色を変えていたのですが、どうも読むときに騒がしくていやだったので黒に統一し、前後の余白を2倍くらいにして、線自体の細さを落としました。この部分はtopに常に表示されてる2pxの4色バーも同じです。


悩んだところ

ロゴ

普通、こういう抽象的なロゴというのはある程度前の段階のロゴが定着してからつけるものだと私は思っているんですが、じつは作ったものの、
https://de-liker.com/img/de-liker-new.svg
これは前のDesignには結局出てくることはありませんでした。

理由として、header部分への適用は何度も試してきたんですが、主張が強く使うのが難しかったんです。

で、ずっと試してきてこれは無理だと悟りの境地に至りましたので作りました。サイトの特徴的な部分も少し継承しているので、まぁいいか、とおもっています。

じつは今回一番大きな変更点は、左側のスライドしてくる部分を削除したことだと思います。多分comment outしてあるだけだと思いますが…。
理由はやっぱりこういう、「隠す」という行為はなんかしっくり来なくて…。まだどこからでもアクセスできたほうがいい情報ならそれでもいいですが、結局一手間かけさせるんです。それならスクロールした方がいいじゃないですか。このブログはあらゆるところに内部リンクを散りばめてあるので、わりとそういう配慮はしたつもりではあります。

で、navを廃止し、いままでのasideに統合しました。どっかの記事で予言したとおりにちゃんとなりました。こういうの珍しいです。


まとめ

これからもよろしくおねがいします。

おわり