セッション&出演者紹介

高知のWeb制作に効率化がもたらすもの

スマートフォンなどの普及により、Webはわたしたちの生活に広く急速に浸透してきています。最新の便利なツールや技術は大企業や東京だけのものではありません。マルチデバイス対応や動的なコンテンツを扱うサイトづくりのニーズも高まる中、一人何役もの役割を求められる高知のWeb制作者にこそ、作業の効率化が必要であるといえます。効率化がもたらすワークフローの変化について、紙媒体からWebへと進んできたデザイナーの愛用ツールを交えながらご紹介します。

間嶋 沙知まじま さち

1985年兵庫県生まれ。大学で認知心理学・電気生理学を学んだ後、桑沢デザイン研究所に学ぶ。渋谷のエディトリアルデザイン事務所に勤めた後、2011年末に単身高知へIターン移住。高知市内のデザイン事務所にてグラフィックデザイン全般およびWeb制作に携わる。2015年秋よりフリーランス。

ポストから送るフラワーギフト「FLOWER DRAWER」制作。
Webリトルプレス「PRESS.mjmj」運営。

Illustratorからのパーツ書き出しを極める!

Webデザインでは、コーディングのためのパーツ書き出しが不可欠です。画像アセットやクイック書き出しなど、出力の機能が充実してきたPhotoshopに比べ、Illustratorはやや遅れをとっているのが現状です。しかし、ベクターに強いIllustratorで、Webデザインをやってみたい人も少なくないでしょう。

ちょっとしたポイント押さえながら工夫していけば、IllustratorでもPhotoshopに負けないパーツの書き出しが可能です。本セッションでは、コーディングのためのパーツ書き出しを、より効率的にするワークフローをご紹介します。

高橋 としゆきたかはし としゆき

Graphic Arts Unit

愛媛県を中心に活動するフリーランスのグラフィックデザイナー。紙媒体からWebまで幅広いジャンルを手がけ、デザイン系の書籍も数多く執筆。代表著書に『Illustratorプロフェッショナルの教科書』(エムディエヌコーポレーション)など。アドビ主催、24時間Illustrator「愛(Ai)はクリエイティブを救う」のスペシャルイベント「Ai-1グランプリ」では、初代チャンピオンの座を獲得。

話題のSketchって何ができるの?

日本でも徐々に利用者が増えているBohemian Coding社のSketch。使いやすさや拡張性の高さから、特にWebやUIデザインの分野ではPhotoshopやIllustratorの代替ツールとしての地位を確立しつつあります。

とはいえ、実際のワークフローに取り込めるかどうかわからないツールに、おいそれと手を出すことが難しいのも事実です。そこで今回のセッションでは、今後のワークフローを考えるために、Sketchの概要から効率化に欠かせない特徴的な機能など、実際の動作も交えてご紹介します。

窪木 博士くぼき ひろし

パッケージ・グラフィック(DTP)デザインを経て、現在は地元岡山のSIerにてウェブやエンタープライズ系システムのUIデザインに携わる。

業務では、設計やグラフィック・マークアップから広報なども担当。プライベートでの活動として、セミナーの主催やスピーカーをはじめSketchプラグインの開発などを行っている。

著書として『 プロとして恥ずかしくない 新・WEBデザインの大原則』(共著、エムディエヌコーポレーション)や『Web制作者のためのIllustrator&ベクターデータの教科書 マルチデバイス時代に知っておくべき新・グラフィック作成術』(共著、インプレス)のほか、Sketch 3の基本的な操作を解説した電子書籍『Sketch 3の基本。』を個人でリリース。岡山のコミュニティ「岡山WEBクリエイターズ」が選出しているokawebアワード2013ではグランプリ受賞。

Web制作における2015年的Photoshopの活用

Photoshopマジックと呼ばれるスゴイ機能も各バージョンごとに強化されていますが、誰もが使う手順も実は刷新されています。古くからバリバリお使いの方ほど、気付きにくいポイントをご紹介します。

鷹野雅弘

鷹野 雅弘たかの まさひろ

株式会社スイッチ

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

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

テクニカルライターとして20冊以上の著書を持ち、総販売数は16万部を超える。主な著書に『10倍ラクするIllustrator仕事術(増強改訂版)』(共著、技術評論社)、『Webデザインの現場ですぐに役立つ Photoshop仕事術』(共著、ソシム)、『よくわかるDreamweaverの教科書』(共著、マイナビ)、企画編集を行った書籍に『現場のプロから学ぶXHTML+CSS』(マイナビ)など。

『10倍ラクするIllustrator仕事術』のプロモーションのため、47都道府県をまわる全都道府県縦断セミナーツアーを2014年10月から実施中。『10倍ラクするIllustrator仕事術』は2011年版と合わせて3万部を突破。

開催概要

Webデザインを取り巻く環境は日々変化しています。「コストは下がり、短納期。しかも、やることが増えた」と感じている方も多いのではないでしょうか。デザインテンプレートなどを利用する機会も増え、いかに効率よく制作するかが問われ始めています。

そんなWebデザイン制作の現場には、制作ツールを効率よく使うためのスキルも必須です。
今回、CSS Niteでは、Webデザインの現場に必須とも言える制作ツール、IllustratorやPhotoshopなどを、もっと便利に使うための実践的な知識が身につくセミナーを開催します。制作スキルをアップデートして作業を効率化し、よりクオリティの高いWeb制作を目指しましょう。

イベント名 CSS Nite in TOSA, Vol.3「作業効率を上げるためのWebデザイン実践」
開催日時 2015年11月21日(土) 13:30開場/13:50開始/16:45終了予定
※終了後、登壇者を交えてのおきゃく(懇親会)を開催します。(別途有料)
開催場所 高知市文化プラザかるぽーと 中央公民館 11階 大講義室
定員 80名
参加費

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

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

出演

・高橋 としゆき(Graphic Arts Unit)
・窪木 博士
・間嶋 沙知
・鷹野 雅弘(スイッチ)

懇親会
(おきゃく)
Woo Bekkan おうてすじ
時間:17:30~
住所:高知県高知市追手筋1-7-11 聖ビル3F
TEL:088-823-6616
主催 CSS Nite in TOSA実行委員会(ウェブクリエイターズ高知
協賛 株式会社 シフト
お申込みページ https://kochiweb.doorkeeper.jp/events/32824
Facebookイベント 作業効率を上げるためのWebデザイン実践
ハッシュタグ #wck_css3
告知用バナー 200px × 200px
告知用バナー

タイムテーブル

時間ステージ出演
13:50オープニング
13:55高知のWeb制作に効率化がもたらすもの間嶋 沙知
14:15Illustratorからのパーツ書き出しを極める!高橋 としゆき(Graphic Arts Unit)
15:05休憩
15:20ウェブ解析士 ライトニングトーク
15:30話題のSketchって何ができるの?窪木 博士
15:50Web制作における2015年的Photoshopの活用鷹野 雅弘(スイッチ)
16:40エンディング
16:45終了

会場アクセス

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

開催場所 高知市文化プラザかるぽーと 中央公民館 11階 大講義室
住所 〒780-8529 高知県高知市九反田2-1
お問い合わせ (代表)088-883-5011
URL http://bunkaplaza.or.jp/
駐車場 地下駐車場(B1〜B3階)あります(有料)。

Googleマップのサイトへ移動して地図を見る

県外からお越しの方

地図
高知駅より
  • 【電車】土佐電鉄 はりまや橋下車 徒歩5分 / 菜園場下車 徒歩約3分
  • 【バス】土佐電鉄・県交通 はりまや橋下車 徒歩約5分
  • 【車】約5分
高知インターチェンジより
  • 【車】約10分
高知龍馬空港より
  • 【車】約30分
  • 【空港連絡バス】約30分 はりまや橋観光バスターミナル下車 徒歩約1分

詳細はこちらのページをご確認ください。