my favorite BLOG DESIGN

DAILY

こんにちは!Mika Rolandです!

当分の間はweb系に特化した記事を投稿していくことになるので、他のデザイナーさんたちのブログがどんな感じなのか見学してきました。

その結果。。。

こんな風にカテゴリー分かれてました!なので、私もそうすることにします。(?)つまり、カテゴリーをwebデザインだけでくくっていたものを、デザインとコーディングとかで分けるってこと!Webデザインの比率がメーッチャ大きくナルト思うから今までと同じカテゴリー構造だと毎日「Webデザインカテゴリー」にしか記事たまんなくて超つまらないと思ったのですー!書くぞ〜〜〜:)

 

ということで今日はデザイン研究!海外ブロガーのデザインが可愛すぎるのでシェアしまーす!

 

1.LATE afternoon

さすが海外ブロガーだけあって配色もデザインもめちゃくちゃ可愛いです。(可愛いしか出てこないけど本当に可愛いので😂)

ベージュのグローバルナビ、メインビジュアルのスライド、メインビジュアルの可愛さ、ロゴ透過してあって写真に透けてます。

 

 

全体的に淡い色でまとめられていますが、フォントは太くしっかりしたものを使ったり、他のフォントと組み合わせる時はウェイトの細いフォントを使ったりとコントラストが効いてます。

水彩のテクスチャの上に重ねられている表現も可愛くて真似したいですね。ボックスの上に大胆に大きな要素(おしゃれなフォントとかめちゃいい)を重ねるのもよい。

 

 使用フォント

タイトル1:theano_didotregular – 400 italic|44px(エレガントで落ち着いたセリフ書体。)

タイトル2:Montserrat – 700|14px(第二タイトルで、太めでガッツのある感じ!笑 足が短く、太さが一定で可愛らしくていいですね。)

本文:Open Sans – 400|13px

ヘッダーナビの細いフォントもMontserratでfont-weightが400の10pxでした。

 

2.chic muse

こちらもモノトーンとベージュの組み合わせが素敵なサイト。

1カラムレイアウトで写真を大々的に使ってあり、とにかく視覚的に美しすぎます。。マウスオーバーでモノクロから発色していくのも美しい。こちらのサイトは本文、タイトル含め全てセリフ体でエレガントにまとめてありますが、メニューバーのみサンセリフでモダンですね。

 

    • 使用フォント
    • ナビ:futura-pt – 400|15px(ウェイトが細くてミニマムシンプルな感じが可愛い!)
    • タイトル:”miller display light” – 400|24px
    • 本文:”miller display light” – 400|18px(タイトルが真っ黒に対し、本文は Color #474747で少しグレー。)
    • continueボタン:futura-pt – 100|14px(小さめのボタンだけどアンダーラインが入っていて可愛い)

3.where did you get that

最近ページの淵にラインが入っているデザインが多いですね。新しい流行りかな、可愛い。

基本的にとてもシンプルなんだけど、ところどころで赤のアクセントを入れていたり太いFjalla one-400タイトル下には上品なイタリックセリフ体と赤のラインがセットになったりしてていいね。余白の取り方ももっと真似したいなー。

使用フォント

ナビ:Nato 600 |12px

メニュー:Nato 400|14px

タイトル:Fjalla one-400 |20px(細めのぎゅっとしたサンセリフ体で、存在感あるデザイン。横幅を取らなくてスタイリッシュでよい。)