Webデザインの心得

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

中野 玄なかの・げん

HOOP Design 代表

1972年高知県生まれ。京都芸術短期大学卒業、有限会社アップルップルに2002-2008年在籍。Webサイト制作やCMS開発のデザイン設計全般に携わる。
退社後、フリーランスとして独立。HOOP Designのデレクター兼デザイナーとして高知県内外のWebサイトを多数制作。2012年、ウェブクリエイターズ高知に運営スタッフとして参加。a-blog cmsやFireworksの紹介セッション、2013年CSS Nite in TOSA, Vol.1などで登壇。

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

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

鍋坂 理恵なべさか りえ

株式会社サン・サン 代表取締役

香川県生まれのWebデザイナー。 Web制作会社にてWebデザイン、各種制作を経て独立。 Webサイトの企画・デザイン・制作を行ない、主にWebデザインを得意とする。 Web DesigningにてCSS・Webデザイン関連の記事執筆。 共著に『jQuery Mobile デザイン入門』（アスキー）、『すべての人に知っておいてほしい スタイルシートデザインの基本原則』（MDN）、『マルチデバイス時代のWebデザインガイドブック』（ソシム）がある。

Web制作で使うIllustrator

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

鷹野 雅弘たかの まさひろ

株式会社スイッチ

Webサイトの構築やコンサルティングを中心に、WebやDTPに関しての講演やトレーニングのほか、書籍の企画や編集、スクールなどのカリキュラム開発も手がける。

2005年からCSS Niteを主宰。日本全国、および海外に展開し、300回を超える関連イベントを通し、のべ40,000名を超える方が参加している。

テクニカルライターとして20冊以上の著書を持ち、総販売数は14万部を超える。主な著書に『よくわかるDreamweaverの教科書』（共著、マイナビ）、企画編集を行った書籍に『現場のプロから学ぶXHTML+CSS』（マイナビ）など。

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

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

いちがみ トモロヲ

15VISION

石川県金沢市でWeb制作やWebアプリのUI設計を中心に活動しており、研修講師やテクニカルライティングなども行っている。石川県のウェブ制作コミュニティ「WDF」、UXコミュニティ「UX Kanazawa」をという 2 つのセミナーイベントを運営している。
著書に『すべての人に知っておいてほしい スマートフォンサイトデザインの基本原則』（共著、MdN）などがある。

Facebook： tomooichigami
Twitter： @ichigami

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

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

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

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

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

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

県外からお越しの方

高知駅より

• 【電車】土佐電鉄 はりまや橋下車　徒歩5分 / 菜園場下車　徒歩約3分
• 【バス】土佐電鉄・県交通　はりまや橋下車　徒歩約5分
• 【車】約5分

高知インターチェンジより

• 【車】約10分

高知龍馬空港より

• 【車】約30分
• 【空港連絡バス】約30分　はりまや橋観光バスターミナル下車　徒歩約1分

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

運営支援のお願い

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

• 協賛A　一口１万円
• 協賛B　一口３万円
• 協賛C　一口６万円

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

協賛企業・団体様への特典

協賛A、B、C共通

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

協賛B、Cのみ

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

協賛Cのみ

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

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

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