「これからのデザイン」を支える...

2
■主催/ CSS Nite in AOMORI 実行委員会 ■共催/ CSS Nite ■協力/あおもりデジタルラボ(A-digi) ■協賛/㈱コンシス、㈱一品本舗、ディーシーティーデザイン、㈱Jサポート、 パソコンスクール ソフトキャンパス ■プレゼント協賛/家電のケンちゃん ■特別協賛/ JWDA ウェブ解析士認定講座、サイボウズ Live  ■後援/東奥日報社、デーリー東北新聞社、陸奥新報社、青森放送、青森テレビ、青森朝日放送(依頼中含む) 参加者が最新の事例やノウハウなどを学べる機会を提供します。 参加者全体で知識を共有し、 情報交換の場とします。 講師や参加者同士の交流を通じて、 Web の活性化を図ります。 人材育成やスキルアップにつなげ、 青森県の産業や雇用に貢献します。 参加費:¥4,000 (当日 ¥4,500) 時 間:13:00~18:00 [ 12:15 開場 ] 会 場: Festival City アウガ 5F AV 多機能ホール 【開催目的】 お申込み・お問い合わせ/ CSS Nite in AOMORI 公式サイトから http://twitter.com/cssnite_aomori http://cssnite.studiomd.jp/vol05/ (青森市新町 1-3-7) #cssnite_aomori5 「これからのデザイン」を支える ベストプラクティス SAT.

Upload: others

Post on 04-Sep-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 「これからのデザイン」を支える ベストプラクティスcssnite-aomori.net/vol05/pdf/cssnite_aomori5flyer.pdf15:25 もし青森の女子WebデザイナーがAndroidと出会ったら。

■主催/CSS Nite in AOMORI 実行委員会 ■共催/CSS Nite ■協力/あおもりデジタルラボ(A-digi)■協賛/㈱コンシス、㈱一品本舗、ディーシーティーデザイン、㈱ Jサポート、パソコンスクール ソフトキャンパス■プレゼント協賛/家電のケンちゃん ■特別協賛/ JWDAウェブ解析士認定講座、サイボウズLive ■後援/東奥日報社、デーリー東北新聞社、陸奥新報社、青森放送、青森テレビ、青森朝日放送(依頼中含む)

参加者が最新の事例やノウハウなどを学べる機会を提供します。参加者全体で知識を共有し、情報交換の場とします。

講師や参加者同士の交流を通じて、Webの活性化を図ります。人材育成やスキルアップにつなげ、青森県の産業や雇用に貢献します。

参加費:¥4,000(当日¥4,500)時 間:13:00~18:00 [12:15開場 ]会 場:Festival City アウガ5F AV多機能ホール

【開催目的】

お申込み・お問い合わせ/CSS Nite in AOMORI 公式サイトから

http://twitter.com/cssnite_aomorihttp://cssnite.studiomd.jp/vol05/

(青森市新町1-3-7)

#cssnite_aomori5

「これからのデザイン」を支えるベストプラクティス

SAT.

Page 2: 「これからのデザイン」を支える ベストプラクティスcssnite-aomori.net/vol05/pdf/cssnite_aomori5flyer.pdf15:25 もし青森の女子WebデザイナーがAndroidと出会ったら。

「これからのデザイン」を支えるベストプラクティス

14:15 いま、仕事で使うHTML5

16:15 色使いにしぼってデザインをブラッシュアップしよう

15:25 もし青森の女子WebデザイナーがAndroidと出会ったら。

鷹野 雅弘(たかの まさひろ)株式会社スイッチ CSS Nite 主宰

[Profile] Web サイトの構築やコンサルティングを中心に、WebやDTPに関しての講演やトレーニングのほか、スクールなどのカリキュラム開発も手が

ける。テクニカルライターとして10冊以上の著書を持つほか、書籍の企画や編集なども行っている。

2005年からCSS Nite を主宰。

主な著書に『できるクリエーターDreamweaver 独習ナビ』(インプレス)、共著に『Illustrator CS4完全制覇パーフェクト』(翔泳社)、『Dreamweaver プ

ロフェッショナル・スタイル[CS3対応]』(毎日コミュニケーションズ)、編著書に『1ランク上の技を身につける Flash の強化書』(毎日コミュニケーショ

ンズ)、企画編集を行った書籍に『現場のプロから学ぶ XHTML+CSS』(毎日コミュニケーションズ)など。

中川 直樹(なかがわ なおき)社団法人 日本WEBデザイナーズ協会(JWDA)会長、株式会社アンティー・ファクトリー 代表取締役/アートディレクター

[Profile] ニューヨーク州立大学 Fashion Institute of Technology(F.I.T) 広告デザイン学科卒業。ニューヨークにてWebデザイン、グラフィックデザイ

ンに従事。1997年、ニューヨークより帰国、同年、有限会社アンティー・デザインを設立。

主な実績は、三菱電機、資生堂、カネボウ、S&B食品、日産自動車、バドワイザー、Sony Ericsson、コカ・コーラ、フジテレビ、アルファロメオ、ALL ABOUT、

VOGUEほか多数。その他、雑誌(Web Designing)において「中川流 Web道」を執筆。講師、講演活動は、デジタルハリウッド、リクルート、ベネッセコーポ

レーションほか多数。2009年度より社団法人 JWDA会長。

[社団法人日本WEBデザイナーズ協会]http://www.jwda.jp/  [株式会社アンティー・ファクトリー]http://www.un-t.com/

小山田 晃浩(おやまだ あきひろ)(株)ピクセルグリッド

[Profile] 1982年生まれ。2006年よりWeb制作会社にてUI 実装や運用業務を経験した後、2010年よりフロントエンド・エンジニアとして(株)ピク

セルグリッドに参加。コーポレートサイトを中心に、数々のWebサイトにおけるUI 実装経験を持つ。Web関連雑誌での執筆活動や技術関連の講演活動も行

うほか、個人のブログ「ヨモツネット」ではHTMLや XML、CSSなどに関する技術の情報を発信している。いま気になる技術はSVGとWebFonts。

くどうけいこ Bleunote Design/フリーランス・デザイナー、イラストレーター、CSS Nite in AOMORI実行委員、Android女子部

[Profile] 青森県黒石市生まれ。都内デザイン学校卒業後、青森県内の建築会社にて勤務。2003年 10月に上京し、都内モバイルコンテンツ企画会社に転職。

モバイルサイト制作、モバイル向けWebサービス企画・デザインなどに関わる。その後、Web制作会社・Webサービス会社でのデザイナー勤務などを経て、

現在はフリーランス。主にWebサイト・スマートフォンアプリのUI およびビジュアルデザイン、グラフィックデザイン、イラストレーション制作を行う。

また、個人活動として様々なプログラマーと組んでAndroid アプリ制作などをしている。

矢野りん(やの りん)デザイナー/Android女子部部長

[Profile] 北海道足寄町生まれ。女子美術大学芸術学部芸術学科卒。講義活動を通してウェブサイトなど情報デザインのトレーニングを担当しつつ、執筆活動

を行う。Android 端末むけ日本語入力アプリケーション「Simeji4」のビジュアルデザイン担当。GClue,Ink. 制作のAndroid 向けアプリ連携プラットフォー

ム「Blocco」UI 及びビジュアルデザイン担当。MKデザインスタジオ一級建築士事務所ブランドデザイン担当。adamrocker さんと開発ユニット「rockrin'」

として、おもしろAndroid アプリを制作している。

主な著書に 『WEBデザインメソッド - 伝わるコンテンツのための理論と実践』(ワークスコーポレーション)、『Webレイアウトの『解法』、『Webデザイナー

のための実践的セオリー50』、『デザインのへそ デザインの基礎体力を上げる50の仕事術』(エムディエヌコーポレーション)など。身長152.2cm。

13:00 オープニング

Webクリエーターは、UIデザインにはじまり、グラフィック、モーション、ゲーム & インタラクティブ、ユーザーエクスペリエンス、そしてマーケティングの知識までと、とてつもなく幅広い領域をカバーする必要があります。イノベーションが日進月歩、発展していく中、Webクリエーターが本当につけなくてはいけない力とは? 時代の先読みの上で大切なことって何なのか?本セッションでは、Web制作を進めるにあたりWebクリエーターとして、ここは押さえなくては!という10のことについてお話しします。

ローソン(http://www.lawson.co.jp/)、無印良品ネットストア(http://www.muji.net/store/)、ニッスイ(http://www.nissui.co.jp/)、霧島酒造(http://www.kirishima.co.jp/)... これらのWebサイトはHTML5で作られているという共通点があります。既に国内の一般的なWebサイトでもHTML5が採用されるケースが増えてきました。では、実務でHTML5を利用するにはどのように書けばいいのでしょうか。明日の仕事でHTML5を使えることを目標に、いくつかの例とともにポイントや注意点などをご紹介します。(HTML5の基本的な知識があるとよりご理解いただける内容です。)

iPhone、iPad、Androidなどスマートフォンやタブレットデバイスに触れる機会も珍しくなくなった昨今。Webデザイナーにとっても、Webサイトのスマートフォン対応をはじめ、Web技術でアプリ開発できるTitanium・PhoneGapといったツールの充実化など、活躍できる場はますます広がり、開発者とコラボレーションする機会も増えています。WebデザイナーがWebサイト以外のデザインをする理由、得られたコト・モノ・魅力などを、自分の経験・体験をまじえておはなしします。

ウェブデザインには文字の工夫やグリッドを使った画面設計など、ブラッシュアップにつながるたくさんのテクニックがあります。とはいえ、最終的に見栄えの善し悪しを決めてしまうのは色使いです。本セッションではおもいっきり色使いに焦点をあてて、テクニックの紹介をします。色と色のハーモニー、グラデーションやテクスチャが色の印象に与える影響を理解し、ウェブデザインでの色使いに迷わないスキルを身につけましょう。

13:10 Webクリエーター、次の10年を生き抜くために[青森編]

@swwwitch

@nakagawan

@yomotsu

@keis

@yanorin