CSS Nite in Okayama, vol.6

ここ数年で、Webサイト制作の敷居がグンと低くなってきました。それは、国内外で多くの便利なサービスが誕生し、素人でも魅力的なデザインのWebサイトを手軽に作れるようになってきたからです。
また、アジア圏等、制作費用の安い国に外注することで、コストを抑えながら品質の高いWebサイトを制作することも可能となってきました。

Web業界が成熟するにつれ、日本国内のWebデザイナーにとってますます厳しい時代となることは容易に予想できるでしょう。

それでは日本国内にいるWebデザイナーに未来はないのでしょうか？
Webデザイナーになりたくて勉強をしている人は、何を指標にすればよいのでしょうか？

このセッションではWebサイト制作のこれまでと現状を振り返りながら、これからのWebデザイナーに必要なスキルや思考について考えていきます。

Webコンテンツがブラウザーにとどまらず、さまざまな形態で利用されるようになった今、ユーザーの利用方法が変化してもコンテンツを長く活かしていくためには、コンテンツそのもののアクセシビリティを向上させることが重要になってきています。
2016年は、障害者差別解消法の施行やJIS X 8341-3:2016の公示など、アクセシビリティに関連する大きなイベントがいくつもありましたが、堅苦しくて敷居が高いと感じている方も多いのではないかと思います。
そこで当セッションでは、もっとカジュアルにアクセシビリティを感じられるように、代替テキスト設定時やラベリング時に注意したいポイントなど、やわらかめのトピックについて、デモを交えながらわかりやすく紹介していきます。

ウェブサイトでは、ラベル、コピー、見出し、文章など、さまざまなテキスト素材を扱います。

特に「原稿づくり」は、クライアントと制作者の双方にとって負荷の大きい作業であり、
上手な役割分担と取りまとめが、プロジェクトのスムーズな進行に不可欠です。

実際のリニューアル案件の資料をもとに、

• 既存サイトからの素材の引き継ぎ
• 役割分担の決め方
• クライアントからの原稿提出と赤入れ
• インタビュー記事や対談記事の注意
• サイト（CMS）への入れ込みと編集
• 校正作業と仕上げ

などの実務的なポイントを解説します。

CSS3やWeb Fontsの普及、また、異なる画面サイズへの対応のため、Webサイト内で画像を用いるシーンは減りつつあります。
画像としての切り出しを行わなくても、クライアントが欲しがるという理由からカンプはまだまだ必要とされますし、その一方、実際に操作したり、画面遷移を確認できるプロトタイプが求められるケースも増えてきているでしょう。

このセッションでは、Illustrator、Photoshop、および、Creative Cloudでの連携、Sketch+ProttやAdobe XD（旧Comet）でのプロトタイプ制作など、イマドキの実装テクニックについて、デモを中心にご紹介します。