ATND アテンド β PRODUCED BY RECRUIT

ログイン or 無料登録

実務におけるWebデザインのTips for Illustrator

第5回 Web Developer Selection

ワンランク質感を上げ、フロントエンドとのやり取りをより円滑に。

IllustratorというとDTPやグラフィックデザイン出身の方が、以前と同じ環境での制作方法でデザインするため敬遠されがちではありますが、現在のマルチデバイスに対応するWeb制作の実情に非常にマッチしたツールになりつつあります。

Illustratorは基本的にベクターデータを扱うため、モバイルやタブレットを中心とした解像度の幅が広い世界での制作に適しています。
また、グラフィックパーツの作り方もCSSでの表現に似ている部分が少なからずあり、先人達の挑戦により複雑高度に見えるものでもCSSでの描画が可能になってきています。

小原氏にはWebのフロントエンドとの連携や、デザインの概念部分をメインに、鈴木氏にはアプリのUI制作に通ずる話しをメインにお話いただきます。

前述したようにIllustratorは現在のWebの実情にマッチはしているものの、フロントエンドエンジニアにとって、AiデータはPSDと比較して扱いづらいデータ形式です。正しく、効率的なデータのやり取り、管理方法も今回はお話させていただきます。

Web Developer Selection(WDS)とは

Web Developer Selection(WDS)は、「数多くある技術から、Web Developerが最適な知識や技術をセレクション。セッション+ワークショップで提供する、とことん実践主義にこだわった技術力向上を目指す場」です。
「レスポンシブWebデザインの実践ワークフロー」でDesign Spiceの小川さんや、「FireworksユーザーのためのPhotoshop講座」をStocker.jpのなつきさんに、また、「CSSレイアウトの理解と実践」ではKOJIKA17のこじかさんにお話頂いております。

講師プロフィール

小原 司 氏

フリーランス、SAUCER(ソーサー)として活動後、2013年4月より、株式会社ピクセルグリッドにアートディレクターとして参加。
Webデザインだけでなく、CSSやJavaScriptなど複数のスキルを習得しており、最終的なフロントエンドの形を意識したデザインを得意とする。

slideshareで公開されている「ノンデザイナーのための配色理論」は小原氏によるもの。
http://www.slideshare.net/saucerjp/ss-14902681

鈴木 ともひろ 氏

その卓越したIllustratorの技術力で日本最年少でDribbbleへ招待される。
質感の描画力、Illustratorへの理解は群を抜いており、情報設計にも明るい。
現在は株式会社ナナメウエのUIデザイナーとして勤務している。

概要

日時 2013年9月28日(土)12:30-15:30
受付 12:00-12:20
会場 Stocker.jp / Space
東京都渋谷区桜丘町11-11 ライオンズマンション桜丘 403号室
JR渋谷駅:徒歩7分
アクセス http://stocker.jp/diary/about-stocker-jp-space/
参加費 早割:5000円(9月18日までのお申込み)
9月19日以降のお申込:6000円
※当日現金にて回収いたします。
※会場利用料金含む
※お申し込み時の名前と日付を確認させていただきます。
持ち物 Illustratorの入ったノートパソコン
※無くても参加は可能です。
ネット環境と電源は会場からご提供されます。
主催 大竹 孔明

セッション

時間 内容
12:00-12:20 受付
12:20-12:30 会場説明・注意事項
12:30-14:00 - Illustratorの基本
- IllustratorでのWebデザインにおける効率的なデータ管理
- 質感のあるアイコンやボタンのライブデザイン
- WebのフロントエンドにおけるAiデータの扱い方
- 実務におけるワークフローの実例(デザイナーとフロントエンドエンジニアの共同作業)
・ Gitなどのバージョン管理を使用したエンジニアとの協業など
・ サイトの読み込み高速化を意識したデザイン設計(画像をしようしなくて良い所とそうでない場所の切り分けなど)
14:00-14:15 休憩
14:15-15:30 - 普段のデザインをワンランクアップさせる質感の実践
- アートボードの切り分けで効率的かつ高速にスプライト画像を書き出す
- 当日アンケートで募集した内容の実践

会場について

会場は、渋谷駅から徒歩7分のところにある「Stocker.jp / Space」です。
詳しい行き方は、下記ページをご覧ください。
Stocker.jp / Spaceについて

※マンション共用部分ではお静かにお願い致します。
※室内、ベランダ、廊下および入口付近等、建物およびその周辺は完全禁煙となっております。

  • このコメントは全員が閲覧、すべてのログインユーザが投稿することができます

コメントを投稿するには、ログインしてください。

掲載されるイベント情報は、利用者の皆様によりご提供いただくものであり、株式会社リクルートホールディングスは本情報の正確性や内容について、一切保証するものではございません。詳しくは利用規約をご参照ください。