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

de-liKeR Logo

About Medium Contact

次の時代へ、よりクリーンなde-liKeRのためのデザイン 6.0 をあなたの元へ

2016·11·05


今宵の月はどうでしょう。こんばんは、@CreatorQsFです。
予想はしていたことでしたが、やはり更新が途絶えてしまいました。でもそのかわり、Mediumのほうのde-liKeRでは結構積極的に活動しています。
この機会にぜひフォローを(宣伝)

さてさて、今回は新しい6.0デザインについてです。

いままでと本当に大きく変わったところを紹介させていただきます。


ロゴ

前回、新しいde-liKeRのためのDesign、「5.0」登場です。 | de-liKeRという記事でも確かに新しいロゴの発表はしました。

しかし、いかんせんカラーで作ったロゴが使い勝手が悪すぎました

この反省点は、

です。やっぱり時間をかければいいってもんじゃないんです。

というわけで、前回の反省点を踏まえたりして…

New logo

じゃじゃーん。こんな感じにしました。って、なにも変わってないと思ったあなた、それは間違いです。

変化したのは、

なお、前回のロゴはもうどっか言ってしまって、過去記事のもいまの新しい方へのリンクになってしまったので、どうしても見たい方はgithubをあさってください。

で、どのような使い方ポリシー変更かといいますと、

de-liKeR

こういうことです。

つまり、文字を入れる際のことです。
今までのロゴでは文字を入れることは考えていませんでしたが、より象徴的なロゴにするためにこのような変更を行いしました。


サイトのDesign

大きな変更は、複雑な2カラムだったのを修正し、完全1カラムにしたことです。

ほかにも文字の大きさが小さくなったりとか、Roboto Monoを使ったりとか。

でも一番大きいのはフォントですね。いままではGoogleがearlyaccessで用意してるNotoSansをそのまま使っていたんですが、それをやめて独自ホスティングに戻しました。ただし使っているのは源真ゴシックのP、つまりプロポーショナルな日本語フォントです。

あとは多数、なんか重苦しいcomponentを軽い感じにしたり…

あ、1つ忘れてました。あのGoogleが、黒色文字のリンクを試していることで、もはや私も青でリンクを統一する必要はないな、というわけで、リンクも黒色にアンダーラインにしました。あまりに不評だったらやめます。

ほかにも中点を使ったデザインに変更(最近の私のトレンドなんです)したり、いろいろ、新しいです。


バック

今回、cssをまるごと書き直したのでいい機会なのでsassで書き直しました。

あと、フォントのホスティングは自宅サーバーで行っています。


今後の予定は、多分カジュアルなネタはMediumで書くことが多くなると思うので、こっちの更新はもっと落ちると思います。

でもしないわけではないので、よろしくお願いします。

おわり