当時のスライドより

Shift 1 （実際の名称はShift to 2008）は、アップルストア銀座で行われ、持ち時間は15分程度でした。

Shift 2（2008-2009）は、会場をデジタルハリウッド 東京本校に移し、時間も50分と拡大しますが、Shift 3では各自持ち時間10分とまた小さくなります。

Shift 4から、ちょっと趣向を変えて日本の企業なども取り入れ始めます。Shift 4は、古巣であるアップルストア銀座に戻ってきますが、時間が少し延長されました。

また、その時つけたセッションタイトル「2010年、デザイントレンドゆく年来る年」は、今のShiftでも使われている表現になりました。

Webデザイントレンドセッションが大きく変わるのは、Shift 5からです。Shift 5では、会場をベルサール神保町に変え、半日イベントという今の形に近いスタイルになります。

Shift 5では、60分という長い尺のセッション、そして新しい挑戦として、ゲストを3人、矢野りんさん、坂本邦夫さん、小山智久さんを迎えたトークショーに近い形に変化しました。

Shift 5で特別ゲストとして来ていただいてた矢野りんさん、坂本邦夫さんは、その後WebデザイントレンドのレギュラーメンバーとしてShift10に至るまで続くことになります。

いつもセッション冒頭で言うお題目

トレンドとはの定義について

さて、セッション名の「Webデザイントレンド」の「トレンド」ってなんだよって話を書いてみます。

毎年セッション開始時に言っている、

「トレンドとは最先端ではない、時代に最適化されつつある現象である」

という題目は、Shift 4にて使い始めました。今ではセッションの根っことなっているスローガンです。

解説してみます。まずこのセッションでは「トレンドっていう言葉を最先端という意味合いでは使いませんよ」っていうことを示していて、世の中で実際にある程度使われはじめているものを紹介しています。

たった一個の現象がトレンドという意味合いでは使われることはなく、いくつかの企業なりが導入しはじめてはじめて、トレンドと呼べるのだと思っています。

加えて、「時代に最適化されつつある現象」というのもすごく大事なポイントと思っています。

紹介している現象というのは、いつの時代においても効果が実証されている手法というわけではなく、効果がなければ翌年には使われなくなってしまうことも多々ありますし、微妙と思われていたものが予想以上に普及していったりもします。

僕は原理ありきで世の中を見ているわけではなく、あくまで今起きている現象こそが時代に最適な状態なものなのだ、という見方で世の中を見ているので、こういうスローガンとなっています。

第1回目に取り上げたレイアウトスタイルは今でも盛んに利用されている

Keyword 1 : 横一直線のデザイン(リキッドバックグラウンドとフィクスドレイアウト)

10年前、第一回目のShiftからずっと続いているトレンドは何でしょうか？

というのが2016年に行われたShift10にあった質問でした。

そこで回答したものがこの横一直線のデザインです。

背景はウインドウサイズに追従して伸縮するものの、コンテンツに関しては一定の幅を保つというスタイルです。リキッドバックグラウンドとフィクスドレイアウトという名前で当時呼んでいたものです。

このスタイルは、テーブルレイアウト全盛時代から使われてきましたが、Web2.0時代を迎えてCSSで再実装される形になりました。

ニュアンスも少し変化し、ページのセクションごとに背景色で分けるのではなく、コンテンツ単位で細かく分けるという形に変化しました。

このスタイルは、マルチ解像度の時代にもマッチし、これからもスタンダードなスタイルとして、今後も広く使われていくでしょう。

実はこの当時、標準化が進んだしばらくあとのことだったが、気づいていなかった

Keyword 2 : RSSアイコン

RSSアイコンほど、この10年で標準化され、普及し、そしてあまり使われなくなっていったデザインはないのではないでしょうか。

Webデザイントレンドセッションを始めた時、実はRSSアイコンというのは標準化されておらず百花繚乱の時代でした。

RSSアイコンが標準化されたのは2006年頃のことで、mozillaによってアイコンの標準化が推し進められました。

この標準化以降、RSSアイコンのスタイルは確定して、バリエーションが収束していきます。

しかし、その収束とともに時代も変化していき、表立ってRSSが使われることは減っていき、Webサイト上でRSSのサポートを表示することも減っていきました。

そして、この標準化の流れというのは、今、スクロールアイコンにやってきていると言えます。

2017年の現状、ページがスクロールすることが可能であることを示すアイコンは、ページごとに様々であり、各Webサイトが勝手に作成している状態です。

著名なアイコンフォントがスクロールアイコンをサポートしていくと共に、形状は収束していくのでしょう（その頃には、スクロールが可能であることをアイコンで示すなんてことはアンチパターンとして使われなくなる可能性も考えられます）

当時のスライドより。プランが3つあるタイプサービスや、3人の制作会社などは、こぞって丸の中に写真が配置というスタイルが使われていった。

Keyword 3 : 円窓

円窓というのは、円形の枠の中に別のコンテンツやリンク先のコンテンツの一部を表示するという表現です。

ただし、円形状のインラインフレームを用いてリンク先のコンテンツを表示するという高度なものを指すのではなく、単に画像を使って円形状の切り抜きに見立てるというものです。

つまるところ、グラフィックデザインの分野では普通にあった技法だったのですが、この円窓には普及するにあたって技術的な進歩がありました。

10年前以前にも円窓に該当する技法はありましたが、背景を透過させた円形のグラフィックをHTMLに挿入するという仕組みが中心でした。

ただし、この方法は通常の角版の画像を用意するよりもひと手間かかることになるため、使うところをコスト面も含めて考えることになります。

しかし、その後ブラウザにおけるCSS3のサポートが進むにつれ、スタイルシートによる設定のみで画像自体の加工が不要になり、気軽に使えるようになりました。

自治体Webサイトが勢いづくきっかけになった現象。2011年頃からだんだん過激になっていく

Keyword 4 : 地域ブランディング

Shift 5から自治体サイトを本格的に取り上げ始めたのですが、当時自治体サイトは今ほど活発な感じではありませんでした。

ただ、このころから、ヘッダーやフッターで美しいビジュアルをもってリニューアルするサイトが多数登場し始め、自治体サイトは変わってい来たなと感じるきっかけになりました。

多くの場合、ヘッダーもしくはフッターにて、その自治体の名所・旧跡・特産物などをちりばめた自治体らしさをアピールし、またサイト全体の配色もそれら地のものに沿った色使いとして統一的なブランディングを施すというスタイルが確立されていきます。

その後、ゆるキャラが自治体サイトにも多数登場する時代がやってくるのですが、当時はまだ美しさが競われていた時代でした。