• セッション&出演者紹介
  • 開催概要
  • タイムテーブル
  • 会場アクセス
  • 協賛・後援募集

お知らせ

  • 2014.04.21レポートページを公開しました。
  • 2014.04.13CSS Nite in TOSA, Vol.2 「使えるWebデザイン」はたくさんの方にご参加いただきまして無事終了しました。ありがとうございました。
  • 2014.04.12おかげさまでお申込が定員80名に達しました。
  • 2014.04.11家具の島田屋 Shimadaya HOME&LIFE様より協賛をいただきました。
  • 2014.04.09Chubby's Kitchenさんと西込柑橘園さんからプレゼント協賛をいただきました。

主催

CSS Nite in TOSA 実行委員会
(ウェブクリエイターズ高知)

後援

高知県

香南ケーブルテレビ

KUTVテレビ高知

KCB高知ケーブルテレビ

高知新聞社

RKC高知放送

エフエム高知

KSSさんさんテレビ

CSS Nite in TOSA, Vol.2「使えるWebデザイン」

2014年4月12日(土)高知市文化プラザ かるぽーと11階大講義室

本イベントは終了しました。
ご参加ありがとうございました。

セッション&出演者

Webデザインの心得

高知では「もったいない!」と思うサイトをしばしば見かけます。導線がしっかりしていないために、目的のページに辿りつけなかったり、レイアウト設計がアバウトなのでスムーズに閲覧できなかったり。見せどころのビジュアルや写真などは綺麗で、コンテンツ自体もしっかり魅力的なものが揃っているので「もったいない!」と感じてしまうのです。この「もったいないサイト」を良くするにはどうすれば良いのでしょうか。
Webサイト制作時には「Webの特性」、「何をデザインするか」を明確に知ることが重要です。それらを知る手がかりになるように、このセッションでは、デザインする際のポイントや注意点、また、制作時に役に立つツールなどの紹介を行います。

Webデザインの傾向と質をあげるためのUIのポイント

Webデザインにおいてはページの構成・設計はもちろん、閲覧ターゲットや配色、対象となるデバイスの種類など、さまざまなことを考慮して進めていきます。また、Webサイトの傾向も考慮しなくてはなりません。
綺麗なだけではなく閲覧しやすく、情報が整理された使いやすいWebサイトのデザインは、効果的にコンテンツを見せてくれるでしょう。
質の高いWebデザインを実現するために、気をつけるUIのポイントやPhotoshopの操作について解説します。

Web制作で使うIllustrator

プリント・メディア(グラフィック・デザイン)に一番馴染みが深いIllustrator。しかし、これまでWeb制作の現場では、"ちょっとやっかいな存在"として敬遠されつつありました。
大きな理由のひとつが、72dpiという低解像度のWebでIllustratorを扱う際に必要な設定や配慮を行うナレッジが共有されていなかったことです(「Illustratorで作るとエッジがにじむ」という迷信)。
一方、さまざまなデバイス、および、Retinaをはじめとする高密度ディスプレイを対象に、ピクセルベースでなく、ベクトルベースのSVGが脚光を浴びていることです。
このセッションでは、Illustratorをピクセルベースで扱う注意点と使いこなしのポイント、そして、SVGを使っていく上でのワークフローについて取り上げます。

Webデザインに必然性を持たせる情報設計術

Webデザインがうまくいかない、何度やり直してもOKがもらえない。その原因は、制作者がクライアントのビジネスとその課題を理解できていない、Webサイトの目標をクライアントと共有できていないという2点に集約できると考えます。
ビジュアルデザインを行う前の情報設計を適切に行い、クライアントと共有することで、Webデザインに明確な評価軸ができ、成果物に必然性が生まれます。
このセッションでは、Webデザインを行う上で欠かせない情報設計術を事例を交えて解説します。

開催概要

CSS Nite in TOSA, Vol.2 開催決定!

地方にかぎらず印刷会社やデザイン会社、広告代理店などに勤務し、プリントメディア向けの制作をしながら、Web制作も兼務しているデザイナーが多いのではないでしょうか。また、日々の業務に追われてると「Web制作のスキルがあがらない。」という悩みをお持ちの方もいるでしょう。

高知には面白い・素晴らしいデザインがたくさんあります。しかし、それがエンドユーザーにとって良いWebデザインなのかというと、そうとも言いきれません。Webは、動き・読みやすさの他に使いやすさも求められています。

「デザインには自信があるけど、Webになるとしっくりこない…」
「Webの勉強をしたくても、何をすれば良いのか分からない…」
「DTPデザインとWebデザインの違いがわからない…」

CSS Nite in TOSA, Vol.2は、そういう方々も対象に"使えるWebデザイン"をテーマにセミナーを開催します。

イベント名 CSS Nite in TOSA, Vol.2 「使えるWebデザイン」
開催日時 2014年4月12日(土)13:30開場/13:55開始/16:40終了予定
※終了後、登壇者を交えてのおきゃく(懇親会)を開催します。(別途有料)
開催場所 高知市文化プラザかるぽーと 中央公民館 11階 大講義室
定員 80名 残りわずかとなりましたのでお早めにお申込みください。
参加費

早期割引:4,000円(3月19日24:00まで)
学生割引:4,000円(大学生、専門学校生)
県外割引:4,000円(高知県外に在住の方)
一般価格:5,000円

 ※3名以上のお申し込みの場合は、団体割引を適用いたしますので
  ご相談ください。

 ※事前登録制です。お早めにお申し込みください。
 ※参加費と懇親会(おきゃく)費は当日受付時にお支払いください。

出演

・中野玄(HOOP Design)

・鍋坂 理恵(サン・サン)

・鷹野 雅弘(スイッチ)

・いちがみトモロヲ(15VISION)

懇親会(おきゃく) 17:30~ 有料 会場調整中
主催 CSS Nite in TOSA実行委員会(ウェブクリエイターズ高知
協賛 WACAウェブ解析士協会
ウェブ担当者通信
JWSDA(日本Webソリューションデザイン協会)
NTTレゾナント(AppKitBox)
Webクリエイター能力認定試験(サーティファイ)
家具の島田屋 Shimadaya HOME&LIFE
プレゼント協賛 Chubby's Kitchen -チャビーズキッチン-
協賛品:チャビーさんのスイーツ
日本の九龍城と例えられた、あの「沢田マンション」1FにあるChubby's Kitchenのオーナーシェフ・チャビーさんの手作りスイーツ。
CSS Nite in TOSAのために特別に用意された参加者だけが楽しめる限定品です。
チャビーさんのおいしいものを食べてもらいたい、そんな気持ちがこもったスイーツは休憩時間のまさに『お愉しみ』です。

西込柑橘園
協賛品:しばてんサイダー
一番成長する時期の温州みかんの摘果実(青切り)の果汁をベースに、山椒が隠し味のご当地サイダーです。
「しばてん」とは、高知で伝承される相撲好きの陽気な河童妖怪の呼称。
高知らしさと陽気なイメージ=「しばてん」なのです。
しばてんサイダーは太陽いっぱいの南国土佐の爽やかさがギュッと詰まっています。
アイスはもちろん、ホットでも♪疲れた時に、気分転換したいときにピッタリのサイダーです。
しばてんサイダー飲んで、今日も楽しくご陽気に。
※ホットで召し上がるときは開封し、カップなどに移し替え電子レンジで30秒~1分温めてください。
後援 高知県
香南ケーブルテレビ
KUTVテレビ高知
KCB高知ケーブルテレビ
高知新聞社
RKC高知放送
エフエム高知
KSSさんさんテレビ
Facebookイベント CSS Nite in TOSA, Vol.2「使えるWebデザイン」
ハッシュタグ #wck_css2
告知バナー

ブログ、サイトなどで告知用バナーとしてご利用ください。

タイムテーブル

時間 ステージ 出演
13:55 オープニング
14:00 Webデザインの心得 中野玄(HOOP Design)
14:25 Webデザインの傾向と質をあげるためのUIのポイント 鍋坂 理恵(サン・サン)
14:55 休憩
15:10 Web制作で使うIllustrator 鷹野 雅弘(スイッチ)
16:00 Webデザインに必然性を持たせる情報設計術 いちがみトモロヲ(15VISION)
16:40 エンディング
16:45 終了

開場アクセス

高知市文化プラザ かるぽーと

開催場所 高知市文化プラザかるぽーと 中央公民館 11階 大講義室
住所 〒780-8529 高知市九反田2-1
お問い合わせ (代表)088-883-5011
URL http://bunkaplaza.or.jp/
駐車場 地下駐車場(B1〜B3階)あります(有料)。
県外からお越しの方
地図
高知駅より
  • 【電車】土佐電鉄 はりまや橋下車 徒歩5分 / 菜園場下車 徒歩約3分
  • 【バス】土佐電鉄・県交通 はりまや橋下車 徒歩約5分
  • 【車】約5分
高知インターチェンジより
  • 【車】約10分
高知龍馬空港より
  • 【車】約30分
  • 【空港連絡バス】約30分 はりまや橋観光バスターミナル下車 徒歩約1分

詳細はこちらのページをご確認ください。
http://www.bunkaplaza.or.jp/access/index.html

協賛・後援募集

運営支援のお願い

今回のセミナーにご賛同いただける企業・団体のみなさまからのご協賛・ご寄附を広く募集いたします。

  • 協賛A 一口1万円
  • 協賛B 一口3万円
  • 協賛C 一口6万円

下記特典もご用意しておりますので、高知県や中四国のウェブ関係者に PRできる商品やサービスをお持ちの方は、ぜひご検討ください。

協賛企業・団体様への特典
協賛A、B、C共通

・ウェブクリエイターズ高知でのバナー、テキストリンク
・本セミナー申し込みサイトでのテキストリンク

協賛B、Cのみ

・カウントダウンメール内でのメッセージ、キャンペーン情報等掲載
・本セミナー参加者様へのチラシ配布(チラシはご準備ください)
・本セミナーへのご招待(B:2名まで C:5名まで)

協賛Cのみ

・個別アンケート実施(全員実施アンケートへの設問付加)
・ブース出展orスポンサータイムのご提供

ご協賛・ご後援のお申し出・お問い合わせはkochiweb@gmail.comまでお願いします。

※いただいた協賛金は、今回のセミナー運営費の他、今後も各地で活躍されるウェブ関係者らを招聘し、ご講演をいただいたり、県内のウェブクリエイターの情報交換、勉強会開催など、ウェブクリエイターズ高知の運営に使わせていただく予定です。

レポート

CSS Nite in TOSA, Vol.2「使えるWebデザイン」

2014/04/12 (土) 13:55 - 16:40

高知では2回目となるCSS Nite in TOSA, Vol.2「使えるWebデザイン」を大盛況のうちに無事に終了することができました。今年も満員御礼、80名の方に参加していただきました。

参加していただいたみなさん、ありがとうございました。また今回もたくさんの方にご協力とお手伝いいただきました。本当にありがとうございます。

今回の「CSS Nite in TOSA, Vol.2」では、

「デザインには自信があるけど、Webになるとしっくりこない…」
「Webの勉強をしたくても、何をすれば良いのか分からない…」
「DTPデザインとWebデザインの違いがわからない…」

このような疑問を持たれているプリントメディアの方々も対象に「使えるWebデザイン」をテーマに開催されました。

Session1 Webデザインの心得

セッションのトップは、WCK(Webクリエイターズ高知)のメンバーでもある中野玄さん。
中野さんは「Webデザインの心得」として、Webデザインを考える上で基本となる知識や概念についてのお話をしていただきました。
「誰に何を伝えるのかを正しく理解し、Webにおける情報の伝達手段を設計する」ことがWebデザインするということであり、特にスタートとゴールを明確にした目的ある導線設計がWebデザイナーには必要とのことでした。

Session2 Webデザインの傾向と質をあげるためのUIのポイント

2番目のセッションは高松からお越しいただいた鍋坂理恵さんでした。
Webデザインの傾向、デザインカンプについて、Photoshopで作業するときのポイント、タッチデバイスを考慮したUIについてお話していただきました。
時代とともにめまぐるしくWebデザインの流行も変わりますが、「Webサイトはユーザーが使いやすくあるべき」という原理自体は変わらない。サイトで必ずユーザーが必要とするものを最優先し、ユーザーのシチュエーションを考えて、デザインのルールを決めるというお話でした。

ライトニングトーク

岡崎 理枝子(WACAウェブ解析士マスター)

岡崎理枝子さんには前日に行われたCSS Nite in TOSA, Vol2 連動企画「Web解析ワークショップ」でも講師をしていただきました。Web制作者としてウェブ解析のスキルは付加価値になるとのお話でした。また6月14日に開講される初級ウェブ解析士認定講座の紹介もあり、多くの人が関心を持たれていました。

Session3 Web制作で使うIllustrator

続いては、いつもパワフルな鷹野雅弘さんのセッション。
Web制作の現場では敬遠されやすいけれど、プリント・メディアに一番馴染みが深いIllustratorが、これからの高密度ディスプレイに対応したWebデザインで強みになりつつあるというお話でした。
Web制作でIllustratorを使うときに必要な設定と注意点について具体的に教えていただけました。これからはPhotoshopだけでなくIllustratorの持ち味をうまく生かしたWeb制作に注目しようという内容でした。

Session4 Webデザインに必然性を持たせる情報設計術

セッションのラストを飾っていただいたのは、高知家の「おにいちゃん」になっていただいたいちがみトモロヲさん。石川県金沢市からお越しいただきました。
これからのWebデザインとはクライアントさんのニーズの裏側を知り、経営視点を持って、事業戦略として新しいコミュニケーション手法を探ること。デバイスごとの最適化やUIの話ではなく、目に見えない部分の設計の方が多いかもしれないということについて、具体的な例をあげてお話いただきました。

参加者へのプレゼント

参加していただいた方々へ、高知にある西込柑橘園さんの「しばてんサイダー」とChubby's Kitchenの「チャビーさんのスイーツ」がプレゼントされました。美味しいと大好評でした!

また恒例のCSS Niteあいこじゃんけんの勝者には、今注目されている書籍がプレゼントされました。


懇親会も大変盛り上がりました。

先日、誕生日を迎えられた鷹野さんへのサプライズケーキ。

そして、WCKのコアメンバーである杉本さんと林田さんにお子さんが誕生されたということでサプライズプレゼントもありました。

おめでとうございます!

高知では2回目の開催を終えて、今年もまた参加していただいた方々の熱い意気込みを感じました。登壇者のみなさまが共通しておっしゃってたことは、ユーザー目線で使いやすいサイトをデザインするということをでした。

おもてなしや心遣いを大切にする高知の県民性は、ユーザー目線で使いやすく喜んでもらえるWebデザインの基盤になるのでは。今回のセミナーでお持ち帰りした技術や知識をぜひ日々の業務に活かしていきましょう!ありがとうございました。

ページ上部へ