wordpressのデフォルトのテーマはとても良く出来ていて、あのシリーズは結構wordpressのテーマを作る上で参考になることがいっぱいなのですが、そのデフォルトテーマの2014年バージョンがリリースされました。
変わりすぎww
これまでのテーマと比べてみると色々面白かったので、比較しながら歴史を辿ってみました。
Twenty Ten:まだレスポンシブじゃない!
大きな特徴
まず思ったのがグラデーションや角丸が無いです!
まだchromeの普及率が低かったのかな。
それかデザインを見せるっていうよりは、wordpressとしてどういうことが出来るかを見せるデザインだったのかもしれないです。
後、特徴的なところはレスポンシブではないところですね。
不思議なのはフラットデザインが流行っている今見るとむしろオシャレっていうねww
細かいUIなど
検索ボックスがそれほどこっていなかったり、文字が小さかったり
![スクリーンショット 2013-08-22 21.44.57.png スクリーンショット 2013 08 22 21 44 57](https://i2.wp.com/basara669.sakura.ne.jp/wp-content/uploads/2013/08/4e3369826f72f7508fa180f548df289d1.png?resize=273%2C331)
基本的にはフラットなUI
![スクリーンショット 2013-08-22 21.44.49.png スクリーンショット 2013 08 22 21 44 49](https://i2.wp.com/basara669.sakura.ne.jp/wp-content/uploads/2013/08/4430e6210f0cfbcc5663dbdaffce37891.png?resize=267%2C185)
Twenty eleven:レスポンシブ化!
大きな特徴
これぞwordPressというイメージのテンプレートですね。
すでにこの時点でレスポンシブしてますねw
当時はそんなに意識してなかったかもな〜。
UIはグラデーションが使われるようになりましたね。
ここらへんのグラデーション具合はiOSっぽいですよね。
![スクリーンショット 2013-08-23 20.04.30.png スクリーンショット 2013 08 23 20 04 30](https://i1.wp.com/basara669.sakura.ne.jp/wp-content/uploads/2013/08/012c2b262490b79da85ce7b1c7f726191.png?resize=364%2C260)
検索ボックスにも角丸使われるようになったり、インタラクションが出始めました。
![スクリーンショット 2013-08-23 20.04.19.png スクリーンショット 2013 08 23 20 04 19](https://i0.wp.com/basara669.sakura.ne.jp/wp-content/uploads/2013/08/d22d05976091b8a09ff13a30ae908f721.png?resize=388%2C117)
Twenty Twelve:ブログ以外の利用方法を意識!?
一気にシンプルになりましたね!
ここから管理画面のカスタマイズ性が一気に上がったイメージがありました。
また、デフォルトのページがブログ形式ではなくなったのが、特徴的かなと思おいました。
たぶん通常のコーポレートサイトなどでも使われるようになったからですかね。
また、カスタマイズ出来るところを増やすためか、よりシンプルになっていますね
なんか白いイメージ
![スクリーンショット 2013-08-23 20.19.05.png スクリーンショット 2013 08 23 20 19 05](https://i0.wp.com/basara669.sakura.ne.jp/wp-content/uploads/2013/08/2def0817aefeee8ae1f95ace4b515b071.png?resize=550%2C115)
最小限の表現しかなく、本当にテンプレートというイメージになりました。
![スクリーンショット 2013-08-23 20.19.19.png スクリーンショット 2013 08 23 20 19 19](https://i1.wp.com/basara669.sakura.ne.jp/wp-content/uploads/2013/08/80a1ba30e998fb67d0165f2c168042851.png?resize=217%2C84)
スマホサイズにするとメニューがダサいですw
![スクリーンショット 2013-08-23 20.28.24.png スクリーンショット 2013 08 23 20 28 24](https://i0.wp.com/basara669.sakura.ne.jp/wp-content/uploads/2013/08/9d61486f16605cab6cb4b67ee4e592de1.png?resize=466%2C145)
Twenty Thirteen:いきなり派手に!
これまでの白路線というか、テンプレート路線からいきなり変わりましたw
カラムもシングルカラムにして、より今っぽいサイトになった感じでしょうか?
トップの画像がwidth100%で表示されるようになったのも特徴的ですね。
スタートアップ系のサイトのトップはこういった画像の使い方が増えた気がしました。
後タブレットなどで使った時に
検索ボックスにピクトグラムっぽいアイコンが使われるようになっています
インタラクションも戻ってきました。
![スクリーンショット 2013-08-23 20.25.02.png スクリーンショット 2013 08 23 20 25 02](https://i2.wp.com/basara669.sakura.ne.jp/wp-content/uploads/2013/08/831b7f0b42054102e896d6959e1a35361.png?resize=93%2C79)
width100%で自分たちのイメージを伝える。
こういったUIは確かに多く見受けられますね。
![スクリーンショット 2013-08-23 20.24.26.png スクリーンショット 2013 08 23 20 24 26](https://i2.wp.com/basara669.sakura.ne.jp/wp-content/uploads/2013/08/8851b6f94e0dd5d354305cacd91dbb9211.png?resize=550%2C198)
Menuは大きく変わりました色が派手になっただけでなく、paddingが大きく取られるようになっています。
これはきっとタブレットなどで触った時にPC用のページでも触りやすいとかを意識しているんでしょうかね〜。
![スクリーンショット 2013-08-23 20.24.22.png スクリーンショット 2013 08 23 20 24 22](https://i0.wp.com/basara669.sakura.ne.jp/wp-content/uploads/2013/08/054cded832e044a8cb049fa8b1f99a4611.png?resize=392%2C211)
スマホサイズの画面サイズにしてもメニューがカッコ良いです。
![スクリーンショット 2013-08-23 20.28.38.png スクリーンショット 2013 08 23 20 28 38](https://i1.wp.com/basara669.sakura.ne.jp/wp-content/uploads/2013/08/7e70696413696c87a299d2ad37fba9491.png?resize=497%2C218)
Twenty Fourteen :さらに複雑なUIに
これまでのwordpressのデフォルトのテーマは基本的にはブログのテンプレートやサイトのテンプレートになるものが意識されていたと思います。
それがこの変化!
ヘッダーの部分には、記事がタイル型に並べられ、雑誌のようになっています。
![スクリーンショット 2013-08-23 20.37.26.png スクリーンショット 2013 08 23 20 37 26](https://i1.wp.com/basara669.sakura.ne.jp/wp-content/uploads/2013/08/3572b941beb5a4d7195f975bcd4ba7ed11.png?resize=550%2C306)
よりフラットなデザインをしていますね。
![スクリーンショット 2013-08-23 20.35.39.png スクリーンショット 2013 08 23 20 35 39](https://i1.wp.com/basara669.sakura.ne.jp/wp-content/uploads/2013/08/1e82c5b528cd530c084c9b1b99e6fde211.png?resize=550%2C150)
ヘッダーは固定化
![スクリーンショット 2013-08-23 20.38.21.png スクリーンショット 2013 08 23 20 38 21](https://i1.wp.com/basara669.sakura.ne.jp/wp-content/uploads/2013/08/2adbef5a5677a8039d64782e383a12ca11.png?resize=550%2C107)
breakPointは4つ!
3カラム
![スクリーンショット 2013-08-23 20.38.50.png スクリーンショット 2013 08 23 20 38 50](https://i2.wp.com/basara669.sakura.ne.jp/wp-content/uploads/2013/08/1c1689493ae14151fbed9e5572a184db21.png?resize=550%2C366)
2カラム
![スクリーンショット 2013-08-23 20.39.07.png スクリーンショット 2013 08 23 20 39 07](https://i1.wp.com/basara669.sakura.ne.jp/wp-content/uploads/2013/08/95753f9fe17de0c3b98a987d238bca3111.png?resize=550%2C395)
1カラム
![スクリーンショット 2013-08-23 20.39.40.png スクリーンショット 2013 08 23 20 39 40](https://i1.wp.com/basara669.sakura.ne.jp/wp-content/uploads/2013/08/dc5075986fec4de7f077b3b0445cd85011.png?resize=400%2C539)
2012年までのUIまではCMSのテンプレートという感じだったのですが、2013年あたりから個性を出し過ぎな気がしますw
そもそもデフォルトでは入ってないテーマになっているので、コンセプトが少し変わったのかな〜。
とりあえずものすごい変わりましたw
個人的にはちょっと派手すぎて読むという行為が阻害される気がします(^_^;)
少し目指すポイントが変わったのかもしれません。
ただ、デザイン面から言えば明らかにモバイルファーストになったと思います。
モバイルで最適になるように考え、それに合わせてPCを変化させている様にきがします。
個人的には面白かったけど、すごい趣味投稿になってしまったなw
ではでは
コメントを残す