関西フロントエンドUG 11月の勉強会は、「Webサイトができるまで」でした。
今回は、
Webサイトがその形になるまでの様々なストーリー。
という何ともめちゃくちゃ魅力的な内容。
今、天王寺で美味しいおでんを食べながら、記憶を辿ってこのブログを書いています。
in 都スタンド（天王寺北口 徒歩1分）
セッション内容
最初の発表は、水交デザインオフィスの深沢 幸治郎さん。「ブランドイメージの再構築からはじめるウェブデザイン – NPO法人のサイト制作事例から」 というタイトルでした。
お話は、NPO法人のwebリニューアル。
webサイトの擬人化（ブランド・パーソナリティの策定）は、「○○さんってどんな人？」というテーマでwebサイトの特徴づけをクライアントさんに考えてもらって、何を伝えたいのか、何が得意なのか、どんなイメージカラーなのかなどを良いこともマイナスイメージになりそうなことも引き出して共通認識を作るということでした。
このブランド・パーソナリティーは感性に伝える部分でもあるので、サイト制作でのイラスト表現、色表現、写真選択などに活かせたということでしたので、この方法は使ってみたいなと思いました。
「デザイナーがポエムを書いてみた話」
ポエム？詩？と思って効き始めたのですが、先程の深沢さんの「サイトの擬人化」にも通ずる話しで、めちゃくちゃおもしろかったです。
具体的なサイトイメージなどが無い案件はたくさんあると思います。
とにかくデザインして、とか、良くある話ですが、角田さんはデザイナーとしてどうやってデザインやサイトの方向性を示すのかを、写真を交えてポエムと言う形で資料にまとめ、サイトの意義、機能、利用者を意識したイメージをクライアントと共有する手法をとられたということです。
制作サイドの思考をまとめ、見える化して共有する方法としてはわかりやすかったので、この手法も使ってみたいな。
「sketch3を使ったコンポーネント設計とデザイン」でした。
デザインツールsketchでワイヤー制作からデザイン制作まで、 どのように作成されていくかを一部デモを交えながらのお話でした。
私もSketchは何度か使ってみたのですが、なれなくて、結局Photoshopを使っています。
Sketchは、
早い段階でモックアップをつくり、
「 Web サイトのライティング – Start with words -」
クライアントとひとつの Web サイトをつくるために、ワイヤーフレームやプロトタイピングは有効です。しかし、それらはコンテンツがあってのこと。Web サイトのイメージだけでなく、コンテンツをつくるために、まずは言葉・テキストから始めてみませんか？手法ではなく、テキストによるコンテンツのあり方について情報設計の観点からお話したいと思います…
ライティングの方法など具体的なお話もあり、使えるようになりたい！と思ったセッション内容でした。
話を聞きながら、最近検索エンジンばかり気にしていた自分がいたような気がして、そこも反省させられました。
また、最期の This is a web page のお話も印象的でした。 https://justinjackson.ca/words.html
セッション最期は榊原さん 「Webの技術を俯瞰してみた話し（フロントに限る）」 でした。
このあたりから、力尽きて、写真が（最初から暗い写真でスミマセンが…）あんまり撮れなかった…。
え、内容は、
html4=たかが15年前
<font size=‘3’ color=‘red’>red</font>
から始まり、
NativeScript は良くわからなかった…w
＜LT＞
グラッドキューブ若井さん zeplinとfrontifyのお話。
後藤さんのLT iucofのお話！ これも面白かった。自分のwebにも当てはめて見ようと思った。
もうお一人、女性の方がLTされていましたが、お名前がわからずで…すみません（＞＜
最期に
3時間という短い時間でしが、内容的には本当に盛りだくさんで、
ここ最近、関西フロントエンドUGの勉強会は申し込んだら既に補欠…というのが何度も続いていたので、
皆さん、ありがとうございました。
kalimutan 