次の時代へ、よりクリーンなde-liKeRのためのデザイン 6.0 をあなたの元へ
2016·11·05
今宵の月はどうでしょう。こんばんは、@CreatorQsFです。
予想はしていたことでしたが、やはり更新が途絶えてしまいました。でもそのかわり、Mediumのほうのde-liKeRでは結構積極的に活動しています。
この機会にぜひフォローを(宣伝)
さてさて、今回は新しい6.0デザインについてです。
いままでと本当に大きく変わったところを紹介させていただきます。
ロゴ
前回、新しいde-liKeRのためのDesign、「5.0」登場です。 | de-liKeRという記事でも確かに新しいロゴの発表はしました。
しかし、いかんせんカラーで作ったロゴが使い勝手が悪すぎました。
この反省点は、
- あまりに横長であったこと
- 盛り込みすぎたこと
です。やっぱり時間をかければいいってもんじゃないんです。
というわけで、前回の反省点を踏まえたりして…
じゃじゃーん。こんな感じにしました。って、なにも変わってないと思ったあなた、それは間違いです。
変化したのは、
- 黄金比を使ったデザインに組み直した(しかし前のが随分黄金比に近くあまり変わってないようにみえる)
- 角度の調整が若干された(Futuraの「d」の斜体に合わせてあります)
- 使い方のポリシー変更
なお、前回のロゴはもうどっか言ってしまって、過去記事のもいまの新しい方へのリンクになってしまったので、どうしても見たい方はgithubをあさってください。
で、どのような使い方ポリシー変更かといいますと、
こういうことです。
つまり、文字を入れる際のことです。
今までのロゴでは文字を入れることは考えていませんでしたが、より象徴的なロゴにするためにこのような変更を行いしました。
サイトのDesign
大きな変更は、複雑な2カラムだったのを修正し、完全1カラムにしたことです。
ほかにも文字の大きさが小さくなったりとか、Roboto Monoを使ったりとか。
でも一番大きいのはフォントですね。いままではGoogleがearlyaccessで用意してるNotoSansをそのまま使っていたんですが、それをやめて独自ホスティングに戻しました。ただし使っているのは源真ゴシックのP、つまりプロポーショナルな日本語フォントです。
あとは多数、なんか重苦しいcomponentを軽い感じにしたり…
あ、1つ忘れてました。あのGoogleが、黒色文字のリンクを試していることで、もはや私も青でリンクを統一する必要はないな、というわけで、リンクも黒色にアンダーラインにしました。あまりに不評だったらやめます。
ほかにも中点を使ったデザインに変更(最近の私のトレンドなんです)したり、いろいろ、新しいです。
バック
今回、cssをまるごと書き直したのでいい機会なのでsassで書き直しました。
あと、フォントのホスティングは自宅サーバーで行っています。
今後の予定は、多分カジュアルなネタはMediumで書くことが多くなると思うので、こっちの更新はもっと落ちると思います。
でもしないわけではないので、よろしくお願いします。
おわり