一人十郷 - takuminasuno.com 一人十郷
takuminasuno.com
ウェブデザイン
2017/03/06

ブログデザインを変更したいので、最近のデザイントレンドをざっとおさらいしてみました

懐かしのロヴァニエミ...、の写真は全く関係ないのですが、ブログデザインを変更したいと思ったので、最近のデザイントレンドをざっとおさらいしてみました。

 

  • パララックスデザイン
  • マテリアルデザイン
  • ミニマルデザイン
  • シネマグラフ
  • ヒーローヘッダー
  • スプリットスクリーン
  • ストーリーテリング
  • カードレイアウト
  • クロムなしデザイン
  • 無限スクロール
  • ブーメラン
  • 画面遷移時のアニメーション
  • ハンバーガーメニューの廃れ
  • アシンメトリー
  • 大胆かつクリエイティブなフォント
  • アイコン+テキスト
  • Flexbox
  • SVG

 

キーワードとしてはこのあたりが挙がっているよう。

レスポンシブWebデザインはあえて言及されなくなりました。いろいろなデバイスで見られることが前提で、スマホファーストで設計するのが当然という中で、それを実現する具体的な手法としてパララックスデザインやミニマルデザイン、スプリットスクリーン、カードレイアウト、クロムなしデザインなどが出てきているように映ります。

Flexboxは今回調べる中で初めて知りました。比較的昔からあるんですね。けっこう賞賛する記事が多くて、特長といえばfloat & cleafixの代用、要素の並び替え、等幅等高要素での表示あたりが目を引くものの、あえてこれを使って書くメリットがあまり浮かばないという自分の頭の残念さ。誰か教えてください。。。

 

ということでデザイン変更の方針としては、

  • トップはミニマルデザイン×ヒーローヘッダー。
  • アイコン+テキストでグローバルナビゲーションを作る。
  • 画面遷移にアニメーションを付加。
  • できる限りマテリアルデザインを取り込む。

あたりを中心に、世界観の表現重視でやってみようと思います。乞うご期待!

同じカテゴリーの投稿もどうぞ!
ブログデザインを全体的に微修正しました(Version6.1)
ウェブデザイン
2024/04/28
ブログデザインを全体的に微修正しました(Version6.1)
読みやすいブログを目指してデザインを刷新しました(Version6.0)
ウェブデザイン
2021/09/27
読みやすいブログを目指してデザインを刷新しました(Version6.0)
少しだけブログのデザインを変更しました(Version5.4)
ウェブデザイン
2018/08/10
少しだけブログのデザインを変更しました(Version5.4)
少しだけブログのデザインを変更しました(Version5.3)
ウェブデザイン
2017/05/22
少しだけブログのデザインを変更しました(Version5.3)
3年半のブログデザインの歴史を振り返ってみた(Version 0.x - 5.x)
ウェブデザイン
2017/05/21
3年半のブログデザインの歴史を振り返ってみた(Version 0.x - 5.x)
ブログ著者について
那須野 拓実(なすの たくみ)。たなぐら応援大使(福島県棚倉町)。トリプレッソを勝手に応援していた人。元語学屋。時々写真垢とか手芸垢。山とか滝とか紅葉とかが好き。本業はナレッジマネジメントとかデータ分析とかの何でも屋。コロナワクチン接種済み。