【レポート】CSS Nite LP, Disk 50「Shift10:Webデザイン行く年来る年」

2016年12月17日、御茶ノ水・ ソラシティホールで開催されたCSS Nite LP, Disk 50「Shift10:Webデザイン行く年来る年」に参加してきました。

毎年年末に開催している「Shift」シリーズの第10弾として、2016年のWeb制作シーンを振り返ります。

別の予定があって途中で抜けてしまったのですが、参加したセッションの中で、印象に残ったセンテンスを抜粋します。

基調講演・20年Webと付き合ってわかったこと
  • ツールが変わってきている=私たちの働きかたも変えていかなくてはいけない
  • 絶対手作業でやらなきゃいけない!・・・なんてものも、機械化されていく
  • 「考えすぎずに作ってみる」・・・とにかく、おもしろいと思ったら作ってみる。
  • 失敗によって気づくことがある。すべてなくなった時に、本当に重要なことって?没頭できることって?を考えるきかっけになる。
  • I am a designer and I like to create.
2016年のマークアップの話題を総まとめ
  • 2016年11月1日に、HTML 5.1が勧告(実装状況→IE、Android4.x系はNG)
  • 今年IE8のサポートが切れ、SVGが技術の選択肢として受け入れられている
  • IE対応は概ね11のみへ。
    • 2016年1月12日にMSによる以前のバージョンのサポートが終了
    • 2017年4月11日、Vistaのサポートも終了=IE9のサポートも終了
    • IE8,9が足かせで使えなかった技術が使える(Frexboxなど)
  • Flashはデフォルトで停止状態で表示。Chromeも56より停止状態に。
ツールと制作環境
  • Adobe XD
    • 最近のAdobeは、なんでもかんでもXD
    • Sketchに対抗したツール
    • 「Photoshopデザインスペース」2017より廃止
    • Windows版リリース(現状Mac版と比べ5割程度)
    • UIデザイン、プロトタイプ、共有・・・この3つが1つのアプリで
    • 2017年のAdobeXDは本当にヤバい
  • 脱Adobe系ツール
    • Photoshop=Affinity Photo
    • Illustrator=Affinity Designer
    • Affinityシリーズをチーム全体で運用していくには、ちょっと厳しいかも
  • Sketch
    • アプリ単位での連携、プラグインでの連携が豊富
    • Illustratorの替わりにはならないかな
    • Windows版がないのが一番の弱点
アクセシビリティ・2016年のうちに再確認しておきたいキホンの「キ」
  • 2016/03/22公示「JIS X 8341-3:2016」
  • 2016/04/01施行「障害者差別解消法」
  • WAI-ARIAの実装
    • HTMLでは定義されていないアプリケーションよりのUIをアクセシブルにするもの
    • マシーンリーダブルにする
7つの切り口から見る2016年のウェブマーケティング
  • 2017年は、WCAG2.1のワーキングドラフトが出てくる(かも)
スマホサービスにおけるUIデザインのトレンド
  • Complexion Reduction
    • より大きく、太い見出し(書体が立つようなデザイン)
    • よりシンプルで、汎用的なアイコン
    • 使用色の減少
  • Prototype tool
    • Transition系:inVision、Prott、Marvel など
    • Interaction系:Principle(UIがAppleっぽい、Sketchっぽい)、Origami Studio(ほぼ完成品にまで持っていける、コードを書いていく感じ)、ProtoPie(タイムラインで制御していく) など
    • 「これ1つでオールOK」ではなく、フェーズや用途によってツールと上手く付き合うスキルが重要
  • 優れたUIは優れたUXの一部であって、演出の一部である
フォント
  • フォント管理ツール「FontExplorer X Pro」・・・メニューが日本語化、使わないフォントをOFFに出来る
  • 「マッチフォント(Photoshop)」・・・似たフォントを見つけてくれる(OpenTypeフォントのみ)
  • WindowsとMacOSの共通日本語フォント「游ゴシック」
    • WindowsとMacOSの共通日本語フォント
    • Windowsではフォントが細くなってしまう
    • 搭載ウエイトがOSによって異なる(Win8.x, Win10, MacOS)

CSS Niteの年末恒例「Shift」シリーズは、Web制作に関するスキル・情報・トレンドを、幅広くキャッチアップできるので、毎年楽しみにしているイベントです。今年はセッション内容や登壇者も一部リニューアルされ、さらに楽しめました。

プロフィール

林大輔 写真
林 大輔
旅を売るWebデザイナー / ジャム男子
楽天トラベルでWebデザイナーとして働いています。ごくたまに個人でもWebサイト作ってます。趣味ではジャムをつくる自称・ジャム男子。
著書「FireworksレッスンブックCS6対応」「ガレリアCSS

詳しいプロフィールを見る

最新のエントリー